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.
Sách bài tập Tin học 12 Bài F3: Tạo bảng và khung trong trang web với HTML - Chân trời sáng tạo
Câu F3.5 trang 45 SBT Tin học 12: 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:
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">.
Lời giải sách bài tập Tin học 12 Bài F3: Tạo bảng và khung trong trang web với HTML hay khác: