HTML là gì?
Một tài liệu HTML đơn giản
Ví dụ
< !DOCTYPE html >
< html >
< head >
< title >Page Title< /title >
< /head >
< body >
< h1 >My First Heading< /h1 >
< p >My first paragraph.< /p >
< /body >
< /html >
Ví dụ giải thích
< ! DOCTYPE html > Tuyên bố xác định rằng tài liệu này là tài liệu HTML5
Phần tử < html > là phần tử gốc của trang HTML
Phần tử < head > chứa thông tin meta về trang HTML
Phần tử < title > chỉ định tiêu đề cho trang HTML (được hiển thị trên thanh tiêu đề của trình duyệt hoặc trong tab của trang)
Phần tử < body > xác định nội dung của tài liệu và là nơi 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 tử < h1 > xác định một tiêu đề lớn
Phần tử < p > xác định một đoạn văn
Phần tử HTML là gì?
Một 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:
< tagname > Nội dung ở đây... < /tagname >
Phần tử HTML là mọi thứ từ thẻ bắt đầu đến thẻ kết thúc:
< h1 > Đầu tiên của tôi < /h1 >
< p > Đoạn đầu tiên của tôi. < /p >
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à các 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. Một 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 về cấu trúc trang HTML:
< html >
< head >
< title >Tiêu đề trang< /title >
< /head >
< body >
< h1 >Đây là tiêu đề< /h1 >
< p >Đây là một đoạn văn.< /p >
< p >Đây là một đoạn khác.< /p >
< /body >
< /html >
Lưu ý: Nội dung bên trong phần < body > (vùng trắng phía trên) 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 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:
YearVersion1989Tim Berners-Lee
invented www1991Tim Berners-Lee invented
HTML1993Dave Raggett drafted
HTML+1995HTML Working Group defined
HTML 2.01997W3C Recommendation: HTML 3.21999W3C
Recommendation: HTML 4.012000W3C
Recommendation: XHTML 1.02008WHATWG HTML5
First Public Draft2012WHATWG HTML5 Living Standard2014W3C
Recommendation: HTML52016W3C Candidate
Recommendation: HTML 5.12017W3C
Recommendation: HTML5.1 2nd Edition2017W3C
Recommendation: HTML5.2
Hướng dẫn này tuân theo tiêu chuẩn HTML5 mới nhất.
- Notice that we have only specified a relative address for the image. Since we have specified a base URL in the head section, the browser will look for the image at "https://www.w3schools.com/images/stickman.gif".
Họa tiết đơn giản
Ảnh đại diện
Tim xanh
Hình nền Hoa
Hình Nền dạ ảnh
Hình nền họa tiết
Hình rồng mây
Hình nền lửa đêm