

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>
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 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 đó.
Lời giải chi tiết:
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.
Lời giải chi tiết:
- Tạo ô đầu tiên như sau: <th width="50px"rowspan="2">α</th>
- Tạo hàng sina với đoạn mã HTML như sau:
<tr align="center" height="50px">
</tr>
<td>sinα</td>
<td>0</td>
<td>1 / 2</td>
<td>√2 / 2</td>
<td>√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.
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.
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>


- Bài F4. Thêm dữ liệu đa phương tiện vào trang web SBT Tin học 12 Chân trời sáng tạo
- Bài F5. Tạo biểu mẫu trong trang web SBT Tin học 12 Chân trời sáng tạo
- Bài F7. Giới thiệu CSS SBT Tin học 12 Chân trời sáng tạo
- Bài F8. Một số thuộc tính cơ bản của CSS SBT Tin học 12 Chân trời sáng tạo
- Bài F9. Một số kĩ thuật định kiểu bằng vùng chọn trong CSS SBT Tin học 12 Chân trời sáng tạo
>> Xem thêm
Các bài khác cùng chuyên mục
- Bài G3. Một số nghề ứng dụng tin học và một số ngành thuộc lĩnh vực Công nghệ thông tin SBT Tin học 12 Chân trời sáng tạo
- Bài G2. Nhóm nghề quản trị thuộc ngành Công nghệ thông tin SBT Tin học 12 Chân trời sáng tạo
- Bài G1. Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin SBT Tin học 12 Chân trời sáng tạo
- Bài F19. Sử dụng phần mềm mô phỏng SBT Tin học 12 Chân trời sáng tạo
- Bài F18. Kĩ thuật mô phỏng SBT Tin học 12 Chân trời sáng tạo
- Bài G3. Một số nghề ứng dụng tin học và một số ngành thuộc lĩnh vực Công nghệ thông tin SBT Tin học 12 Chân trời sáng tạo
- Bài G2. Nhóm nghề quản trị thuộc ngành Công nghệ thông tin SBT Tin học 12 Chân trời sáng tạo
- Bài G1. Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin SBT Tin học 12 Chân trời sáng tạo
- Bài F19. Sử dụng phần mềm mô phỏng SBT Tin học 12 Chân trời sáng tạo
- Bài F18. Kĩ thuật mô phỏng SBT Tin học 12 Chân trời sáng tạo