Sân chơi HTML và CSS – nội dung, cấu trúc và định dạng

Bài Tạo trang web của Tin học 12 (chủ đề Giải quyết vấn đề với sự trợ giúp của máy tính) yêu cầu hiểu cấu trúc trang HTML, dùng thẻ, thuộc tính, bảng, danh sách, biểu mẫu và định dạng bằng CSS. Mô phỏng tách ba ô Nội dung, HTML và CSS: sửa chữ ở ô Nội dung chỉ đổi nút văn bản, sửa thẻ ở ô HTML đổi cấu trúc, còn đổi tệp định dạng (Cổ điển, Hiện đại, Nền tối, Không có CSS) thì cùng một nội dung được trình bày khác hẳn. Cây DOM vẽ lại theo từng phím gõ, kể cả các phần tử html, head, body mà trình duyệt tự thêm. Bấm vào một phần tử trên trang hoặc trên cây DOM để xem các quy tắc CSS khớp với nó, độ ưu tiên (id, lớp, thẻ), khai báo bị ghi đè, giá trị kế thừa từ phần tử cha và mô hình hộp với margin, border, padding và phần nội dung. Trình kiểm tra báo thẻ chưa đóng, thẻ đóng sai thứ tự, thẻ đóng thừa, ảnh thiếu alt, id trùng, thuộc tính CSS viết sai, thiếu dấu chấm phẩy hay thiếu đơn vị px. Thẻ Biểu mẫu kiểm tra dữ liệu như trình duyệt và hiện yêu cầu GET hoặc POST được gửi tới máy chủ; thẻ Sự kiện gắn trình xử lí click, input bằng menu chọn và hiện mã JavaScript tương đương. Câu hỏi gợi ý: – Vì sao đổi tệp định dạng không làm thay đổi cây DOM? – Quy tắc #lamp.on thắng quy tắc #lamp vì độ ưu tiên của nó là bao nhiêu? – Khi gửi biểu mẫu bằng GET, dữ liệu nằm ở đâu và vì sao không nên dùng GET cho mật khẩu?