Thẻ và phần tử HTML

Trong `<p>Ghi lại điều đã học.</p>`, `<p>` là **thẻ mở**, `</p>` là **thẻ đóng**. Toàn bộ thẻ mở, nội dung và thẻ đóng tạo thành một **phần tử p**, biểu diễn một đoạn văn. Dấu `/` trong thẻ đóng đứng trước tên thẻ. Với các thẻ HTML thông thường đang học, tên không phân biệt chữ hoa, chữ thường; nên viết chữ thường thống nhất. Điều này không có nghĩa mọi tên tệp hay mọi giá trị trong HTML đều không phân biệt hoa, thường.

```html <p>Mỗi tuần chọn <em>một cuốn sách</em>.</p> ``` Phần tử `em` nằm trong phần tử `p`, dùng nhấn mạnh cụm từ “một cuốn sách”. Khi chưa có quy tắc trình bày riêng, trình duyệt thường hiển thị cụm này nghiêng. Thẻ mở ở trong được đóng trước, rồi mới đóng phần tử bao ngoài. Đoạn trên có hai phần tử: `p` và `em`; không đếm mỗi thẻ mở hoặc đóng thành một phần tử riêng. Việc lồng còn phải phù hợp loại phần tử: `p` chứa được `em`, nhưng không đặt một đoạn `p` khác bên trong `p`.

| Dạng trong mã nguồn | Ý nghĩa | |---|---| | `<hr>` |Phần tử ngắt chủ đề, thường hiện thành đường kẻ ngang| | `<br>` |Phần tử ngắt dòng| | `<!DOCTYPE html>` |Khai báo kiểu tài liệu, không phải phần tử HTML| | `<!-- Ghi chú của người soạn -->` |Chú thích trong mã nguồn, không hiển thị như nội dung trang| `hr`, `br`, `img` và `meta` là các phần tử rỗng: không có nội dung con và không dùng thẻ đóng. Trong sơ đồ chỉ đếm phần tử, không tính DOCTYPE hoặc chú thích. Ví dụ `<img src="quyen_sach.svg" alt="Quyển sách minh họa">` vẫn là một phần tử. `src` cho biết tệp ảnh cần dùng; `alt` cung cấp văn bản thay thế. Phần ghi thuộc tính không phải một phần tử con.