Bài 1: Giới thiệu về HTML

HTML (tiếng Anh, viết tắt cho HyperText Markup Language, hay là "Ngôn ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web. HTML được định nghĩa như là một ứng dụng đơn giản của SGML và được sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phức tạp. HTML đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium (W3C) duy trì. Phiên bản chính thức mới nhất của HTML là HTML 4.01 (1999). Sau đó, các nhà phát triển đã thay thế nó bằng XHTML. Hiện nay, HTML đang được phát triển tiếp với phiên bản HTML5 hứa hẹn mang lại diện mạo mới cho Web.

Bằng cách dùng HTML động hoặc Ajax, lập trình viên có thể được tạo ra và xử lý bởi số lượng lớn các công cụ, từ một chương trình soạn thảo văn bản đơn giản – có thể gõ vào ngay từ những dòng đầu tiên – cho đến những công cụ xuất bản WYSIWYG phức tạp. HTML không phải là ngôn ngữ lập trình, nó là ngôn ngữ trình bày.

Để hiểu rõ html là gì? và có một các nhìn trực quan nhất chúng ta cùng xem xét ví dụ dưới đây:

HTML Example

<!DOCTYPE html>

<html>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>

Giải thích

Thẻ DOCTYPE dùng để định nghĩa kiểu tài liệu
văn bản nằm giữa cặp thẻ <html> và </html> dùng để mô tả các trang web
văn bản nằm giữa cặp thẻ <body> và </body> phần nội dung có thể nhìn thấy
văn bản nằm giữa cặp thẻ <h1> và </h1> hiển thị dưới dạng tiêu đề
văn bản nằm giữa cặp thẻ <p> và </p> hiển thị như một đoạn văn bản

Thẻ HTML: thường được gọi là thẻ đánh dấu hay thẻ html (để tiện sau này tôi gọi là thẻ html)

Thẻ html là từ khóa bao quanh bởi dấu ngoặc nhọn giống như thẻ <html>
Thẻ html thường có một cặp giống như <p> and </p>
Bắt đầu bằng thẻ mở <opening tag> và kết thúc bằng thẻ đóng </closing tag>
Thẻ đóng được viết giống như thẻ mở, nhưng thêm dấu gạch chéo '/' trước tên thẻ

Cấu trúc của một thẻ html như sau:

<tagname>Phần nội dung</tagname>

Phần tử html

Thẻ HTML và các phần tử HTML thường được hiểu là tương tự. Nhưng chính xác, một phần tử HTML là tất cả mọi thứ giữa các thẻ bắt đầu và thẻ kết thúc, bao gồm cả các thẻ:

<p>This is a paragraph.</p>

Trình duyệt web
Mục đích của một trình duyệt web (chẳng hạn như Google Chrome, Internet Explorer, Firefox, Safari) là để đọc các tài liệu HTML và hiển thị chúng như các trang web. Trình duyệt không hiển thị các thẻ HTML, mà sử dụng các thẻ để xác định nội dung của các trang HTML sẽ được trình bày và hiển thị ra cho người sử dụng: