HTML - Tổng quan
HTML là viết tắt của Hypertmáy lẻ Mhòm Language, và nó là ngôn ngữ được sử dụng rộng rãi nhất để viết các Trang Web.
Hypertextđề cập đến cách mà các trang Web (tài liệu HTML) được liên kết với nhau. Do đó, liên kết có sẵn trên một trang web được gọi là Siêu văn bản.
Như tên gọi của nó, HTML là một Markup Language có nghĩa là bạn sử dụng HTML để đơn giản "đánh dấu" tài liệu văn bản bằng các thẻ cho trình duyệt Web biết cách cấu trúc nó để hiển thị.
Ban đầu, HTML được phát triển với mục đích xác định cấu trúc của các tài liệu như tiêu đề, đoạn văn, danh sách, v.v. để tạo điều kiện thuận lợi cho việc chia sẻ thông tin khoa học giữa các nhà nghiên cứu.
Bây giờ, HTML đang được sử dụng rộng rãi để định dạng các trang web với sự trợ giúp của các thẻ khác nhau có sẵn trong ngôn ngữ HTML.
Tài liệu HTML cơ bản
Ở dạng đơn giản nhất, sau đây là một ví dụ về tài liệu HTML:
<!DOCTYPE html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document content goes here.....</p>
</body>
</html>Thẻ HTML
Như đã nói trước đó, HTML là một ngôn ngữ đánh dấu và sử dụng các thẻ khác nhau để định dạng nội dung. Các thẻ này được đặt trong dấu ngoặc nhọn<Tag Name>. Ngoại trừ một số thẻ, hầu hết các thẻ đều có thẻ đóng tương ứng. Ví dụ,<html> có thẻ đóng của nó </html> và <body> thẻ có thẻ đóng của nó </body> thẻ, v.v.
Ví dụ trên của tài liệu HTML sử dụng các thẻ sau:
| Sr.No | Thẻ & Mô tả |
|---|---|
| 1 | <!DOCTYPE...> Thẻ này xác định loại tài liệu và phiên bản HTML. |
| 2 | <html> Thẻ này bao quanh tài liệu HTML hoàn chỉnh và chủ yếu bao gồm tiêu đề tài liệu được đại diện bởi <head> ... </head> và phần thân tài liệu được thể hiện bằng thẻ <body> ... </body>. |
| 3 | <head> Thẻ này đại diện cho tiêu đề của tài liệu có thể giữ các thẻ HTML khác như <title>, <link>, v.v. |
| 4 | <title> Thẻ <title> được sử dụng bên trong thẻ <head> để đề cập đến tiêu đề tài liệu. |
| 5 | <body> Thẻ này đại diện cho phần thân của tài liệu giữ các thẻ HTML khác như <h1>, <div>, <p> v.v. |
| 6 | <h1> Thẻ này đại diện cho tiêu đề. |
| 7 | <p> Thẻ này đại diện cho một đoạn văn. |
Để học HTML, bạn sẽ cần phải nghiên cứu các thẻ khác nhau và hiểu cách chúng hoạt động, trong khi định dạng một tài liệu văn bản. Học HTML đơn giản vì người dùng phải học cách sử dụng các thẻ khác nhau để định dạng văn bản hoặc hình ảnh để tạo nên một trang web đẹp.
World Wide Web Consortium (W3C) khuyến nghị sử dụng các thẻ chữ thường bắt đầu từ HTML 4.
Cấu trúc tài liệu HTML
Một tài liệu HTML điển hình sẽ có cấu trúc sau:
<html>
<head>
Document header related tags
</head>
<body>
Document body related tags
</body>
</html>Chúng ta sẽ nghiên cứu tất cả các thẻ header và body trong các chương tiếp theo, nhưng bây giờ chúng ta hãy xem thẻ khai báo tài liệu là gì.
Khai báo <! DOCTYPE>
Thẻ khai báo <! DOCTYPE> được trình duyệt web sử dụng để hiểu phiên bản HTML được sử dụng trong tài liệu. Phiên bản hiện tại của HTML là 5 và nó sử dụng khai báo sau:
<!DOCTYPE html>Có nhiều kiểu khai báo khác có thể được sử dụng trong tài liệu HTML tùy thuộc vào phiên bản HTML đang được sử dụng. Chúng ta sẽ xem thêm chi tiết về điều này khi thảo luận về thẻ <! DOCTYPE ...> cùng với các thẻ HTML khác.