HTML là gì?

HTML một ngôn ngữ đánh dấu cho việc mô tả các tài liệu web (trang web).

     - HTML là viết tắt của Hyper Text Markup Language
     - Ngôn ngữ đánh dấu một tập hợp các thẻ đánh dấu
     - Tài liệu HTML được mô tả bằng các thẻ HTML
     - Mỗi thẻ HTML mô tả nội dung tài liệu khác nhau


Ví dụ về HTML
 <!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ụ
Việc khai báo DOCTYPE định nghĩa kiểu tài liệu HTML
     - Các văn bản giữa <html> và </ html> mô tả một tài liệu HTML
     - Các văn bản giữa <head> </ head> cung cấp thông tin về tài liệu
     - Các văn bản giữa <title> </ title> cung cấp một tiêu đề cho tài liệu
     - Các văn bản giữa <body> </ body> mô tả nội dung trang có thể nhìn thấy
     - Các văn bản giữa <h1> và </ h1> mô tả một đề mục
     - Các văn bản giữa <p> và </ p> mô tả một đoạn

Sử dụng mô tả này, một trình duyệt web có thể hiển thị một tài liệu với một tiêu đề và đoạn văn.


HTML Tags
Thẻ HTML là các từ khóa (tên tag) được bao quanh bởi dấu ngoặc nhọn:
 <tagname>content</tagname> 
     - Thẻ HTML thông thường đi theo cặp như <p> và </ p>
     - Thẻ đầu tiên trong một cặp là bắt đầu từ khóa, các từ khóa thứ hai là thẻ kết thúc
     - Các từ khóa kết thúc được viết như từ khóa
bắt đầu, nhưng với một dấu gạch chéo trước tên thẻ

* Chú ý bắt đầu từ khóa thường được gọi là thẻ mở. Các từ khóa kết thúc thường được gọi là thẻ đóng.


Trình duyệt Web

Mục đích của một trình duyệt web (Chrome, IE, Firefox, Safari) để đọc các tài liệu HTML hiển thị chúng.

Các trình duyệt không hiển thị các thẻ HTML, nhưng sử dụng chúng để xác định làm thế nào để hiển thị các tài liệu:


Cấu trúc trang HTML 


* Chỉ có khu vực <body> (khu vực màu trắng) được hiển thị bởi trình duyệt.

Các kiểu khai báo <DOCTYPE!>
- Các khai báo <! DOCTYPE> giúp trình duyệt để hiển thị một trang web một cách chính xác. 
- Có nhiều loại tài liệu khác nhau trên web. 
- Để hiển thị một tài liệu một cách chính xác, trình duyệt phải biết cả hai loại và phiên bản. 
- Việc khai báo DOCTYPE không phân biệt chữ hoa chữ thường. Tất cả các trường hợp đều được chấp nhận:
 <!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
Khai báo phổ biến
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

Phiên bản HTML






Dịch và biên tập từ w3schools bởi:  Quỷ lệ - VHB Group

Đăng nhận xét Blogger

 
Top