BÀI 9. TẠO DANH SÁCH, BẢNG

Câu 1: Thầy giáo yêu cầu một nhóm học sinh làm một trang web hiển thị danh sách điểm để học sinh trong lớp có thể xem điểm trực tuyến như sau:

(Ghi chú: Nên của dòng đầu tiên trong bảng có màu xanh lá cây)

Sau khi xem danh sách, các học sinh có thảo luận về mã HTML để hiển thị như sau:

a. Để định nghĩa font chữ cho toàn bộ trang web, có thể định nghĩa giá trị cho thuộc tính font-family bằng mã lệnh css như sau:

b. Mã lệnh sau đây sẽ cho phép tạo ra bảng có số dòng, số cột như yêu cầu:

c. Để định dạng màu sắc các dòng của bảng, sử dụng mã lệnh CSS như sau:

d. Để định dạng màu sắc, độ rộng biên của bảng, sử dụng mã lệnh CSS như sau:

Câu 2: Một cô giáo muốn bán lại chiếc máy tính cũ nên cần đưa thông tin lên website, cô đã nhờ thành viên của Câu lạc bộ Code4Love hỗ trợ, thông tin như sau:

(Ghi chú: Dòng chữ gạch chân cuối cùng có màu xanh dương)

Sau khi xem xong thông tin, các thành viên Câu lạc bộ Code4Love đã có những trao đổi với nhau về mã lệnh HTML cho nội dung này như sau:

a. Sử dụng thẻ <th> để hiển thị nội dung phần tiêu đề bảng như dòng 1.

b. Đoạn mã lệnh HTML sau cho phép tạo bảng có 2 dòng và 4 cột:

c. Để tạo bảng có các ô có màu nền như thiết kế, sử dụng mã lệnh HTML như sau:

d. Để hiển thị nội dung như dòng cuối cùng, sử dụng mã lệnh HTML như sau:

Câu 3: Thầy giáo yêu cầu các học sinh tạo một bảng điểm trong HTML với 3 cột và 5 dòng, trong đó dòng đầu tiên là tiêu đề bảng, có màu nền xanh và chữ màu trắng. Dưới đây là đoạn mã HTML được đưa ra để giải quyết yêu cầu:

Dưới đây là cách sử dụng mã HTML này:

a. Thẻ <th> được sử dụng để định nghĩa tiêu đề của bảng và có thể sử dụng CSS để thay đổi màu nền và màu chữ của tiêu đề.
b. Mã HTML này không sử dụng thẻ <th>, nên sẽ không tạo ra được bảng có tiêu đề đúng.
c. Thẻ <tr> trong bảng này dùng để tạo các ô dữ liệu, còn thẻ <td> dùng để tạo tiêu đề.
D. Mã ld này sẽ tạo ra một bảng không có tiêu đề, vì thẻ <th> không thể sử dụng trong HTML.