[SBT Tin học Lớp 12 Chân trời sáng tạo] Bài F3. Tạo bảng và khung trong trang web với HTML SBT Tin học 12 Chân trời sáng tạo

Hướng dẫn học bài: Bài F3. Tạo bảng và khung trong trang web với HTML SBT Tin học 12 Chân trời sáng tạo - Môn Tin học Lớp 12 Lớp 12. Đây là sách giáo khoa nằm trong bộ sách 'SBT Tin học Lớp 12 Chân trời sáng tạo Lớp 12' được biên soạn theo chương trình đổi mới của Bộ giáo dục. Hi vọng, với cách hướng dẫn cụ thể và giải chi tiết các bé sẽ nắm bài học tốt hơn.

Lựa chọn câu để xem lời giải nhanh hơn

Câu 1

Trả lời câu hỏi Câu Câu F3.1 trang 45 SBT Tin học 12 Chân trời sáng tạo

Trong Bàng 1, hãy điền tên thẻ tương ứng với thuộc tính và nêu chức năng của thuộc tính đó.

Trong Bàng 1, hãy điền tên thẻ tương ứng với thuộc tính và nêu chức năng của thuộc tính đó

Lời giải chi tiết:

Trong Bàng 1, hãy điền tên thẻ tương ứng với thuộc tính và nêu chức năng của thuộc tính đó

Câu 2

Trả lời câu hỏi Câu F3.2 trang 45 SBT Tin học 12 Chân trời sáng tạo

Để tạo bảng gồm m hàng và n cột thì em cần viết bao nhiêu cặp thẻ <tr></tr> và <td></td>?

Lời giải chi tiết:

Em cần viết m cặp thẻ <tr></tr> và trong mỗi cặp thẻ <tr></tr> em cần viết n cặp thẻ <td></td>.

Câu 3

Trả lời câu hỏi Câu F3.3 trang 45 SBT Tin học 12 Chân trời sáng tạo

Em hãy tạo bảng giá trị lượng giác của góc lượng giác như Hình 1.

Em hãy tạo bảng giá trị lượng giác của góc lượng giác như Hình 1

Lời giải chi tiết:

- Tạo ô đầu tiên như sau: <th width="50px"rowspan="2">&alpha;</th>

- Tạo hàng sina với đoạn mã HTML như sau:

<tr align="center" height="50px">

</tr>

<td>sin&alpha;</td>

<td>0</td>

<td>1 / 2</td>

<td>&radic;2 / 2</td>

<td>&radic;3 / 2</td> <td>1</td>

Câu 4

Trả lời câu hỏi Câu F3.4 trang 45 SBT Tin học 12 Chân trời sáng tạo

Em hãy tạo bảng điểm môn Toán và Tin học trong cả năm của mình như Hình 2. Đặt tên tệp là bang-diem.html.

Em hãy tạo bảng điểm môn Toán và Tin học trong cả năm của mình như Hình 2

Lời giải chi tiết:

Tạo hàng tiêu đề với đoạn mã HTML như sau:

<tr>

</tr>

<th rowspan="2">Môn</th>

<th colspan="4">Học kì 1</th>

<th colspan="4">Học kì 2</th>

<th rowspan="2">TB <br> cả năm</th>

Câu 5

Trả lời câu hỏi Câu F3.5 trang 45 SBT Tin học 12 Chân trời sáng tạo

Em hãy sử dụng các thẻ HTML đã học để tạo bàn cờ vua như Hình 3.

Em hãy sử dụng các thẻ HTML đã học để tạo bàn cờ vua như Hình 3

Lời giải chi tiết:

1. Tạo ô đen như sau:

<td bgcolor="#3f5263" width="50" height="50"></td> 

2.  Tạo ô trắng như sau:

<td bgcolor="#f2f2f2" width="50" height="50"></td>

3.  Sao chép hai ô vừa tạo cho đủ 8 ô, tạo thành hàng 1 của bàn cờ.

4. Sao chép hàng 1 thành các hàng 3, 5 và 7.

5. Sao chép và chỉnh sửa lại thứ tự các ô của hàng 1, ta có được hàng 2. 

6 Sao chép hàng 2 thành các hàng 4, 6 và 8.

Lưu ý:

– Mã màu gợi ý ở đây không phải là đen và trắng mà là xanh đậm (#3f5263) và xám nhạt (#f2f2f2).

Để không hiển thị khoảng trống giữa các ô, đặt thẻ <table) như sau: <table cellspacing="0">.

Câu 6

Trả lời câu hỏi Câu F3.6 trang 45 SBT Tin học 12 Chân trời sáng tạo

Em hãy tạo trang web chứa các liên kết dẫn đến những tệp .html vừa tạo trong các bài tập trên sao cho khi em nháy chuột vào một liên kết, trang web tương ứng sẽ hiển thị trong khung nằm ngay bên dưới.

Lời giải chi tiết:

- Đặt tên cho thẻ <iframe> như sau:

<p><iframe width="80%" height="300" name="my_iframe"></iframe></p>

– Chỉ định thuộc tính target cho các liên kết thành my_iframe. Ví dụ: <p><a href="./bang-diem.html" target="my_iframe">Bảng điểm môn học</a></p>

Giải bài tập những môn khác

Môn Ngữ văn Lớp 12

Môn Vật lí Lớp 12

Môn Sinh học Lớp 12

Môn Hóa học Lớp 12

Môn Tiếng Anh Lớp 12

  • Đề thi đề kiểm tra Tiếng Anh lớp 12 Bright
  • Đề thi đề kiểm tra Tiếng Anh lớp 12 English Discovery
  • Đề thi đề kiểm tra Tiếng Anh lớp 12 Friends Global
  • Đề thi đề kiểm tra Tiếng Anh lớp 12 Global Success
  • Đề thi đề kiểm tra Tiếng Anh lớp 12 iLearn Smart World
  • Đề thi tốt nghiệp THPT môn Anh
  • Đề thi, đề kiểm tra Tiếng Anh Lớp 12 Bright
  • Đề thi, đề kiểm tra Tiếng Anh Lớp 12 iLearn Smart World
  • Đề thi, đề kiểm tra Tiếng Anh Lớp 12 Friends Global
  • Đề thi, đề kiểm tra Tiếng Anh Lớp 12 Global Success
  • Đề thi, đề kiểm tra Tiếng Anh Lớp 12 English Discovery
  • Hướng dẫn ôn thi tốt nghiệp THPT môn Tiếng Anh
  • SBT Tiếng anh Lớp 12 English Discovery
  • SBT Tiếng Anh Lớp 12 Global Success - Kết nối tri thức
  • SBT Tiếng anh Lớp 12 iLearn Smart World
  • SBT Tiếng Anh Lớp 12 iLearn Smart World
  • SBT Tiếng anh Lớp 12 Bright
  • SBT Tiếng Anh Lớp 12 English Discovery - Cánh buồm
  • SBT Tiếng Anh Lớp 12 Friends Global - Chân trời sáng tạo
  • SBT Tiếng anh Lớp 12 Global Success
  • SBT Tiếng Anh Lớp 12 Bright
  • SBT Tiếng anh Lớp 12 Friends Global
  • SGK Tiếng Anh Lớp 12 Bright
  • SGK Tiếng Anh Lớp 12 Friends Global
  • SGK Tiếng Anh Lớp 12 english Discovery
  • SGK Tiếng Anh Lớp 12 Global Success
  • SGK Tiếng Anh Lớp 12 iLearn Smart World
  • Tiếng Anh Lớp 12 Bright
  • Tiếng Anh Lớp 12 Friends Global
  • Tiếng Anh Lớp 12 iLearn Smart World
  • Tiếng Anh Lớp 12 English Discovery
  • Tiếng Anh Lớp 12 Global Success
  • Tài liệu tin học

    Tài liệu Lớp 1

    Tài liệu Lớp 2

    Tài liệu Lớp 3

    Tài liệu Lớp 4

    Tài liệu Lớp 5

    Trò chơi Powerpoint

    Sáng kiến kinh nghiệm