Giới thiệu HTML
HTML là ngôn ngữ đánh dấu tiêu chuẩn để tạo các trang Web.
HTML là gì?
- HTML là viết tắt của Hyper Text Markup Language
- HTML là ngôn ngữ đánh dấu tiêu chuẩn để tạo các trang Web
- HTML mô tả cấu trúc của một trang Web
- HTML bao gồm một loạt các phần tử
- Các phần tử HTML cho trình duyệt biết cách hiển thị nội dung
- Các phần tử HTML gắn nhãn các phần nội dung như "đây là một tiêu đề", "đây là một đoạn văn", "đây là một liên kết", v.v.
Một tài liệu HTML đơn giản
Thí dụ
<!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í dụ
- Khai báo
<!DOCTYPE html>xác định rằng tài liệu này là một tài liệu HTML5 - Phần
<html>tử là phần tử gốc của một trang HTML - Phần
<head>tử chứa thông tin meta về trang HTML - Phần
<title>tử chỉ định tiêu đề cho trang HTML (được hiển thị trong thanh tiêu đề của trình duyệt hoặc trong tab của trang) - Phần
<body>tử xác định nội dung của tài liệu và là vùng chứa tất cả nội dung hiển thị, 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, v.v. - Phần
<h1>tử xác định một tiêu đề lớn - Phần
<p>tử xác định một đoạn văn
Phần tử HTML là gì?
Phần tử HTML được xác định bởi thẻ bắt đầu, một số nội dung và thẻ kết thúc:
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 |
Lưu ý: 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à phần tử rỗng. Các phần tử trống không có thẻ kết thúc!
Trình duyệt web
Mục đích của trình duyệt web (Chrome, Edge, Firefox, Safari) là đọc các tài liệu HTML và hiển thị chúng một cách chính xác.
Trình duyệt không hiển thị các thẻ HTML, nhưng sử dụng chúng để xác định cách hiển thị tài liệu:
Cấu trúc trang HTML
Dưới đây là hình ảnh trực quan của cấu trúc trang HTML:
Lưu ý: Nội dung bên trong phần <body> (vùng trắng ở trên) sẽ được hiển thị trong 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 trong tab của trang.
Lịch sử HTML
Kể từ những ngày đầu của World Wide Web, đã có nhiều phiên bản HTML:
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
Hướng dẫn này tuân theo tiêu chuẩn HTML5 mới nhất.