Để tạo ra một trang web, bạn cần bắt đầu với một tài liệu HTML có cấu trúc chuẩn. Trình duyệt cần cấu trúc này để hiểu nội dung bạn muốn hiển thị như thế nào.
1. Cấu trúc cơ bản gồm những phần nào?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tiêu đề trang</title>
</head>
<body>
<h1>Xin chào!</h1>
<p>Đây là nội dung đầu tiên của tôi.</p>
</body>
</html>
2. Giải thích từng phần
| Thẻ | Mô tả |
|---|---|
<!DOCTYPE html> | Khai báo đây là tài liệu HTML5 |
<html> | Gói toàn bộ nội dung HTML |
<head> | Phần đầu trang: chứa thông tin ẩn như tiêu đề, charset, link CSS, script JS,… |
<meta charset="UTF-8"> | Giúp trang web hiển thị đúng tiếng Việt và ký tự quốc tế |
<title> | Tiêu đề hiển thị trên tab trình duyệt |
<body> | Phần thân: chứa nội dung chính hiển thị ra màn hình |
3. Lưu ý khi viết tài liệu HTML
- Mở thẻ thì phải đóng thẻ (ví dụ:
<p>... </p>,<html>...</html>) - Thẻ không phân biệt chữ hoa – nhưng nên viết chữ thường để thống nhất
- File nên lưu với đuôi
.htmlhoặc.htm
Thực hành
Tạo một file mới tên hello.html, dán đoạn mã sau vào:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Trang đầu tiên</title>
</head>
<body>
<h1>Chào mừng bạn đến với HTML!</h1>
<p>Hãy bắt đầu học từ hôm nay.</p>
</body>
</html>
Mở file bằng trình duyệt để xem kết quả!
Thảo luận