Advertisement

Main Ad

HTML 1 - Giới thiệu về HTML

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óacá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 đầunhư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, IEFirefoxSafari để đọ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ẻ HTMLnhư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áctrì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ườngTấ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

Nguồn: http://quylevhb.blogspot.com/2015/03/gioi-thieu-ve-html.html#ixzz3sUBSS5Vk

Đăng nhận xét

0 Nhận xét