Cấu trúc cơ bản của HTML
Thuộc phần Kiến thức cơ bản trong hành trình HTML của Coddy. Bài học 2 trên 60.
Mỗi tài liệu HTML đều có cấu trúc đơn giản.
Bắt đầu bằng <!DOCTYPE html>, thẻ này cho biết phiên bản HTML chúng ta đang dùng.
Tiếp theo là thẻ <html>, chứa toàn bộ nội dung HTML.
Bên trong thẻ <html>, chúng ta thêm thẻ <body>, thẻ này chứa toàn bộ nội dung hiển thị của trang web.
Đây là một ví dụ đơn giản:
<!DOCTYPE html>
<html>
<body>
This is some text.
</body>
</html>Trong ví dụ này, văn bản bên trong thẻ <body> sẽ hiển thị trên trang web.
Thử thách
DễThay REPLACE THIS TEXT bên trong thẻ <body> bằng một câu do bạn tự viết, ví dụ:
To Infinity And Beyond!Chỉ cần văn bản thuần: không có thẻ, không có dấu ngoặc kép. Xóa cả dòng REPLACE THIS TEXT rồi nhập câu của bạn vào vị trí đó.
Tự làm thử
<!DOCTYPE html>
<html>
<body>
<!-- Thay dòng bên dưới bằng một câu bất kỳ -->
REPLACE THIS TEXT
</body>
</html>Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Kiến thức cơ bản
1Kiến thức cơ bản về HTML
HTML là gì?Cấu trúc cơ bản của HTMLThẻ và phần tửThẻ lồng nhau và thẻ đóngChú thích trong HTML2Văn bản và định dạng
Tiêu đềĐoạn vănNgắt dòngChữ đậm và chữ nghiêngLại chữ đậm và chữ nghiêngÔn tập: định dạng8Biểu mẫu và đầu vào phần 1
Kiến thức cơ bản về biểu mẫuÔ nhập văn bảnThuộc tính của ô nhậpTrường mật khẩuNhãn cho ô nhậpÔn tập: biểu mẫu cơ bản11Trang đăng ký sự kiện
Tổng quan dự ánPhần đầu trang3Làm việc với danh sách
Danh sách không có thứ tựDanh sách có thứ tựDanh sách lồng nhauÔn tập: danh sách9Biểu mẫu và đầu vào phần 2
Nút radioHộp kiểmDanh sách thả xuốngNútNút trong biểu mẫuÔn tập: biểu mẫu #1Ôn tập: biểu mẫu #2Tự luyện tập: Playground Web