HTML là viết tắt của Hypertext Markup Language. Đây là ngôn ngữ đánh dấu chuẩn cho các tài liệu được thiết kế để hiển thị trên trình duyệt web. HTML có thể được hỗ trợ bởi các công nghệ như Cascading Style Sheets ( CSS ) và các ngôn ngữ kịch bản như JavaScript.
Về bản chất, internet là một mạng lưới máy tính rộng lớn được kết nối trên toàn cầu. Cách chính mà chúng ta tương tác với mạng lưới này là thông qua World Wide Web ( WWW ), một hệ thống các tài liệu siêu văn bản được liên kết với nhau và được truy cập qua internet. Trung tâm của WWW là các trang web, là các tài liệu được viết bằng HTML . HTML cung cấp cấu trúc cơ bản của các trang web, sau đó được cải tiến và sửa đổi bằng các công nghệ khác như CSS và JavaScript.
Một tài liệu HTML được cấu trúc theo một tập hợp các thẻ lồng nhau, là các thành phần được bao trong dấu ngoặc nhọn. Các thẻ này cho trình duyệt web biết cách hiển thị nội dung. Một ví dụ về cấu trúc tài liệu HTML đơn giản là:
<!DOCTYPEhtml>
<html>
<đầu>
<title>Tiêu đề trang</title>
</đầu>
<thân>
<h1>Đây là một tiêu đề</h1>
<p>Đây là một đoạn văn.</p>
</thân>
</html>
Mã này xác định một trang web cơ bản có tiêu đề, phần đầu và một đoạn văn bản.
Tài liệu HTML được tạo thành từ các phần tử HTML. Mỗi phần tử được biểu diễn bằng một thẻ bắt đầu, một số nội dung và một thẻ kết thúc. Thẻ bắt đầu và thẻ kết thúc của một phần tử giống hệt nhau, ngoại trừ thẻ kết thúc bao gồm một dấu gạch chéo trước tên phần tử.
Ví dụ, thẻ <code><p></code> bao gồm một đoạn văn bản và được cấu trúc như sau:
<p>Đây là một đoạn văn mẫu.</p>
Các thành phần khác nhau phục vụ các mục đích khác nhau. Ví dụ:
Các phần tử HTML có thể có các thuộc tính cung cấp thông tin bổ sung về các phần tử. Các thuộc tính được đặt trong thẻ bắt đầu của một phần tử và thường được đưa ra trong cặp tên/giá trị như <code>name="value"</code>.
Ví dụ, để nhúng một hình ảnh, chúng ta sử dụng thẻ <code><img></code> với thuộc tính <code>src</code> (nguồn) để chỉ định URL của hình ảnh:
<img src="url to image.jpg" alt="Mô tả hình ảnh">
Thuộc tính <code>alt</code> cung cấp văn bản thay thế cho hình ảnh nếu hình ảnh không thể hiển thị.
Việc sử dụng thẻ <code><a></code> tạo ra các siêu liên kết, là nền tảng cho sự kết nối của Web. Một siêu liên kết có thể liên kết đến một trang web khác, một phần khác trên cùng một trang hoặc thậm chí là một tệp có thể tải xuống. Ví dụ:
<a href="https://example.com">Truy cập Example.com</a>
Thao tác này sẽ tạo liên kết tới <code>https://example.com</code>.
HTML cung cấp các thành phần để tạo danh sách. Có hai loại danh sách chính:
Mỗi mục trong danh sách được đặt trong thẻ <code><li></code> (mục danh sách).
HTML5 là sự phát triển mới nhất của tiêu chuẩn này, giới thiệu nhiều tính năng mới phản ánh nhu cầu hiện đại về tài liệu đa phương tiện và tương tác. Những tính năng này bao gồm các thành phần cấu trúc mới (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>), các thành phần đồ họa (<code><canvas></code> để vẽ, <code><svg></code> để đồ họa vector có thể mở rộng) và các thành phần phương tiện (<code><audio></code> và <code><video></code>).
HTML ngữ nghĩa đề cập đến việc sử dụng đánh dấu HTML để củng cố ngữ nghĩa hoặc ý nghĩa của thông tin trong các trang web. Thay vì chỉ xác định cách các thành phần trông như thế nào hoặc hoạt động ra sao (đó là công việc của CSS và JavaScript), HTML ngữ nghĩa mô tả chính xác cấu trúc và loại nội dung. Ví dụ, thẻ <code><article></code> chỉ ra rằng nội dung bên trong là một bài viết, trong khi thẻ <code><nav></code> chỉ ra một menu điều hướng.
Sử dụng HTML ngữ nghĩa giúp cải thiện khả năng truy cập và tìm kiếm nội dung web, giúp nội dung đó dễ sử dụng và dễ khám phá hơn.
HTML là công nghệ nền tảng của World Wide Web, cung cấp cấu trúc cơ bản cho các trang web. Thông qua việc sử dụng các thẻ, thuộc tính và phần tử, HTML cho phép tạo ra các tài liệu có cấu trúc. Bằng cách hiểu và sử dụng HTML , người ta có thể tạo ra nhiều loại nội dung có thể truy cập trên web, từ các tài liệu văn bản đơn giản đến các trải nghiệm đa phương tiện tương tác phức tạp. Là nền tảng cho phát triển web, việc thành thạo HTML là điều cần thiết đối với bất kỳ ai muốn thiết kế hoặc phát triển cho web.