Chương 2-Bài 1. HTML là gì? Cú pháp sử dụng thẻ (tag) trong HTML

HTML là viết tắt của Hypertext Markup Language (Ngôn ngữ đánh dấu siêu văn bản). Đây là ngôn ngữ nền tảng nhất để xây dựng bất kỳ trang web nào trên Internet. Hãy tưởng tượng nếu một trang web là một ngôi nhà, thì HTML chính là bộ khung sắt và gạch xây nên ngôi nhà đó.

HTML dùng để làm gì?

HTML giúp bạn cấu trúc nội dung trên trang web. Nó không phải là ngôn ngữ lập trình dùng để tính toán hay tạo ra các chức năng phức tạp, mà nó giống như một công cụ trình bày văn bản (tương tự như Microsoft Word) để định dạng:

• Các đoạn văn bản (paragraphs).

• Tiêu đề (headings).

• Hình ảnh (images).

• Đường dẫn (links).

• Các danh sách (lists).

Cách HTML hoạt động

Để tạo ra một trang HTML, bạn chỉ cần sử dụng các thẻ (tags). Một thẻ thường bao gồm thẻ mở và thẻ đóng, ví dụ như <p>Nội dung đoạn văn</p>.

Dưới đây là một ví dụ đơn giản về cấu trúc của một trang HTML:

<div>
    <h1>Chào mừng đến với website của tôi</h1>
    <p>Đây là đoạn văn bản đầu tiên trên trang web.</p>
    <a href="https://example.com">Nhấn vào đây để đi đến trang khác</a>
</div>

Các thành phần quan trọng bạn cần biết

1. Thẻ Block-level (Khối)

Đây là những thẻ chiếm trọn chiều rộng của trang và luôn bắt đầu trên một dòng mới. Ví dụ: <h1>, <p>, <div>.

2. Thẻ Inline (Nội dòng)

Đây là những thẻ chỉ chiếm diện tích vừa đủ cho nội dung của nó và không đẩy các phần tử khác xuống dòng. Ví dụ: <a> (đường dẫn), <img> (hình ảnh), <strong> (in đậm).

HTML5: Bước tiến mới của Web

Từ năm 2014, phiên bản HTML5 đã ra đời và thay đổi cách chúng ta xây dựng web. Nó bổ sung các thẻ "ngữ nghĩa" (semantic tags) giúp trình duyệt và công cụ tìm kiếm (như Google) hiểu rõ hơn nội dung của bạn là gì:

• <header>: Phần đầu trang.

• <article>: Nội dung chính.

• <footer>: Phần chân trang.

• Hỗ trợ nhúng trực tiếp Video và Audio mà không cần cài phần mềm bổ trợ.

Bộ ba quyền lực: HTML, CSS và JavaScript

Để tạo ra một trang web chuyên nghiệp, HTML không thể đứng một mình. Chúng cần kết hợp với nhau theo một quy tắc:

Ngôn ngữ Vai trò Ví dụ hình tượng HTML Cấu trúc nội dung Bộ khung của một con người CSS Trang trí, làm đẹp Quần áo, trang sức JavaScript Tạo tương tác, chuyển động Cử chỉ, hành vi, suy nghĩ

Lời khuyên: Nếu bạn là người mới bắt đầu, hãy dành thời gian học kỹ HTML trước. Đây là bước đi đầu tiên và quan trọng nhất để trở thành một lập trình viên Web chuyên nghiệp.