HTML là cái gì?
- HTML là viết tắt của cụm từ Hyper Text Markup Language.
- HTML là ngôn ngữ đánh dấu chuẩn để tạo ra các trang Web.
- HTML mô tả cấu trúc của một trang Web.
- HTML gồm có một loạt các phần tử.
- Các phần tử HTML nói cho trình duyệt biết cách hiển thị nội dung như thế nào.
- Các phần tử HTML dán nhãn các mẩu nội dung chẳng hạn như "this is a heading", "this is a paragraph", "this is a link", ...
Một tài liệu HTML đơn giản
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Giải thích về ví dụ
- Khai báo
<!DOCTYPE html>định nghĩa rằng tài liệu này là một tài liệu HTML5. - Phần tử
<html>là phần tử gốc rễ của một trang HTML. - Phần tử
<head>chứa siêu thông tin về trang HTML. - Phần tử
<title>chỉ định một tiêu đề cho trang HTML (tiêu đề này được hiển thị trên thanh tiêu đề của trình duyệt hoặc trên tab của trang). - Phần tử
<body>định nghĩa phần thân của tài liệu, và là một container cho tất cả các nội dung có thể nhìn thấy, chẳng hạn như tiêu đề, đoạn văn, hình ảnh, siêu liên kết, bảng, danh sách,... - Phần tử
<h1>định nghĩa một tiêu đề lớn. - Phần tử
<p>định nghĩa một đoạn văn.
Phần tử HTML là gì?
Một phần tử HTML được định nghĩa bởi một thẻ bắt đầu (start tag), một số nội dung, và một thẻ kết thúc (end tag):
<tagname>Nội dung ở đây </tagname>
Phần tử HTML là tất cả mọi thứ từ thẻ bắt đầu đến thẻ kết thúc:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Ghi chú: Một số phần tử HTML không có nội dung (như phần tử <br>). Các phần tử này được gọi là các phần tử rỗng. Các phần tử rỗng không có thẻ kết thúc!
Trình duyệt Web
Mục đích của một trình duyệt web (Chrome, Edge, Firefox, Safari) là đọc các tài liệu HTML và hiển thị chính xác chúng.
Một trình duyệt không hiển thị các thẻ HTML, nhưng sử dụng chúng để quyết định cách hiển thị tài liệu như thế nào:
Cấu trúc của một trang HTML
Bên dưới là một sự hình dung về cấu trúc của một trang HTML:
Ghi chú: Nội dung bên trong phần body sẽ được hiển thị trên trình duyệt. Nội dung bên trong phần tử title sẽ được hiển thị trên thanh tiêu đề của trình duyệt hoặc trên tab của trang.
Không có nhận xét nào:
Đăng nhận xét