HTML: Ngôn ngữ đánh dấu siêu văn bản và nền tảng của web

1. HTML là gì?

HTML (HyperText Markup Language), hay Ngôn ngữ đánh dấu siêu văn bản, là ngôn ngữ dùng để tạo và cấu trúc nội dung trên các trang web. HTML không phải là một ngôn ngữ lập trình mà là một ngôn ngữ đánh dấu, sử dụng các thẻ (tags) để định dạng và hiển thị nội dung trên trình duyệt.

HTML đóng vai trò như bộ khung của trang web, giúp trình duyệt hiểu và hiển thị nội dung đúng cách.

Ví dụ về một đoạn HTML đơn giản:

html>
<html>

    Trang web đầu tiên


    

Chào mừng đến với HTML

Đây là một đoạn văn bản trên trang web.

html>

2. Cấu trúc cơ bản của HTML

Một tài liệu HTML có cấu trúc như sau:

1. Khai báo DOCTYPE

Dòng đầu tiên html> giúp trình duyệt biết rằng đây là một tài liệu HTML5.

2. Thẻ <html>

Thẻ này bao bọc toàn bộ nội dung HTML.

3. Thẻ

Phần này chứa thông tin về trang web, như tiêu đề (), bộ ký tự (), và liên kết đến tệp CSS hoặc JavaScript.

4. Thẻ

Phần này chứa nội dung chính của trang, bao gồm văn bản, hình ảnh, liên kết, video, bảng biểu, biểu mẫu, v.v.


3. Các thẻ HTML quan trọng

1. Thẻ tiêu đề (Heading)

Dùng để tạo các tiêu đề từ

đến
, với

là tiêu đề quan trọng nhất.
Ví dụ:

Tiêu đề chính

Tiêu đề phụ

2. Thẻ đoạn văn (Paragraph)

Dùng để tạo đoạn văn bản.

Đây là một đoạn văn.

3. Thẻ liên kết (Anchor)

Dùng để tạo liên kết đến trang khác hoặc một phần của trang.

Truy cập trang web

4. Thẻ hình ảnh (Image)

Dùng để chèn hình ảnh vào trang web.

Mô tả hình ảnh

5. Thẻ danh sách (List)

HTML hỗ trợ danh sách có thứ tự

    và danh sách không thứ tự
      .

      • Mục 1
      • Mục 2

      6. Thẻ bảng (Table)

      Dùng để tạo bảng dữ liệu.

      Họ và Tên Tuổi
      Nguyễn Văn A 25

      7. Thẻ biểu mẫu (Form)

      Dùng để thu thập thông tin từ người dùng.


      4. HTML và các công nghệ liên quan

      HTML hoạt động cùng với CSSJavaScript để tạo ra các trang web hoàn chỉnh:

      • CSS (Cascading Style Sheets): Dùng để tạo kiểu và bố cục cho trang web.
      • JavaScript: Giúp tạo các hiệu ứng động và tương tác cho trang web.

      Ví dụ:

      html>
      <html>
      
          
      
      
          

      Đây là đoạn văn có màu xanh.

      html>

      5. HTML5 và những cải tiến

      HTML5 là phiên bản mới nhất của HTML, mang lại nhiều tính năng quan trọng như:

      • Hỗ trợ đa phương tiện (video, audio) mà không cần plugin.
      • Cải thiện SEO và khả năng truy cập.
      • Hỗ trợ tốt hơn cho thiết bị di động.

      Ví dụ chèn video trong HTML5:

      
      

      6. Kết luận

      HTML là nền tảng quan trọng của mọi trang web, giúp tổ chức và hiển thị nội dung trên trình duyệt. Cùng với CSS và JavaScript, HTML tạo ra các trang web hiện đại, đẹp mắt và tương tác cao.

      Previous articleURL: Định nghĩa, cấu trúc và vai trò trong Internet