Học về Technical

Cấu trúc một tài liệu web bằng HTML

Đăng vào bởi Ilya S.
HTML
06
Th4

HTML, viết tắt của HyperText Markup Language, là ngôn ngữ lập trình cơ bản để tạo ra trang web. Nó được sử dụng để định cấu trúc nội dung của trang web, bao gồm văn bản, hình ảnh, video và các yếu tố khác. Hiểu rõ cấu trúc của một tài liệu HTML là bước đầu tiên để bạn có thể xây dựng trang web của riêng mình.

Cấu trúc cơ bản

Một tài liệu HTML cơ bản bao gồm 3 phần chính:

  • Khai báo loại tài liệu (DOCTYPE): Dòng đầu tiên của tài liệu HTML là khai báo loại tài liệu. Nó cho trình duyệt biết loại tài liệu mà nó đang xử lý. Ví dụ:
HTML
<!DOCTYPE html>
  • Phần đầu (head): Phần đầu chứa thông tin về trang web, chẳng hạn như tiêu đề, thông tin meta, liên kết đến các tập tin CSS và JavaScript. Ví dụ:
<head>
  <title>Trang web của tôi</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="style.css">
</head>
  • Phần thân (body): Phần thân chứa nội dung chính của trang web, bao gồm văn bản, hình ảnh, video và các yếu tố khác. Ví dụ:
<body>
  <h1>Đây là tiêu đề</h1>
  <p>Đây là đoạn văn bản.</p>
  <img src="image.jpg" alt="Hình ảnh">
</body>

Các thẻ HTML phổ biến

Ngoài 3 phần chính trên, HTML còn có nhiều thẻ khác để định dạng nội dung trang web. Một số thẻ HTML phổ biến bao gồm:

  • Thẻ tiêu đề (h1, h2, h3, h4, h5, h6): Dùng để định dạng tiêu đề của các cấp độ khác nhau.
  • Thẻ đoạn văn (p): Dùng để định dạng đoạn văn bản.
  • Thẻ in đậm (strong): Dùng để làm nổi bật văn bản.
  • Thẻ in nghiêng (em): Dùng để làm cho văn bản nghiêng.
  • Thẻ liên kết (a): Dùng để tạo liên kết đến các trang web khác hoặc các vị trí khác trên cùng trang web.
  • Thẻ hình ảnh (img): Dùng để chèn hình ảnh vào trang web.
  • Thẻ video (video): Dùng để chèn video vào trang web.

Ví dụ về một tài liệu HTML đơn giản

Dưới đây là ví dụ về một tài liệu HTML đơn giản:

<!DOCTYPE html>
<html>
<head>
  <title>Trang web của tôi</title>
  <meta charset="utf-8">
</head>
<body>
  <h1>Đây là tiêu đề</h1>
  <p>Đây là đoạn văn bản.</p>
  <img src="image.jpg" alt="Hình ảnh">
</body>
</html>
Ví dụ này tạo ra một trang web đơn giản với tiêu đề, đoạn văn bản và hình ảnh.

Kết luận

Cấu trúc của một tài liệu web bằng HTML khá đơn giản. Hiểu rõ cấu trúc này sẽ giúp bạn dễ dàng xây dựng trang web của riêng mình. Bạn có thể tham khảo thêm nhiều tài liệu hướng dẫn học HTML online để có thể tạo ra trang web đẹp mắt và hiệu quả.

Tác giả

  • is-avatar

    Ilya S. (Hebrew: איליה סוצקבר; born 8 December 1986) is an Israeli-Canadian computer scientist who specializes in machine learning. He has made several major contributions to the field of deep learning. With Alex Krizhevsky and Geoffrey Hinton, he co-invented AlexNet, a convolutional neural network.
Ilya S.

Ilya S. (Hebrew: איליה סוצקבר; born 8 December 1986) is an Israeli-Canadian computer scientist who specializes in machine learning. He has made several major contributions to the field of deep learning. With Alex Krizhevsky and Geoffrey Hinton, he co-invented AlexNet, a convolutional neural network.