HTML là gì? Chi tiết về Ngôn ngữ HTML
Bùi Tấn Lực - 379
- 12/05/2024
Bùi Tấn Lực HTML là gì? Đó là ngôn ngữ đánh dấu siêu văn bản, được sử dụng để tạo và cấu trúc các thành phần trong trang web hoặc ứng dụng và không phải là ngôn ngữ lập trình, chi tiết như nào hãy cùng chúng tôi phân tích:
HTML là gì? Chi tiết về Ngôn ngữ HTML
Mục Lục [Ẩn]
HTML là gì?
HTML (viết tắt của Hypertext Markup Language) là ngôn ngữ đánh dấu siêu văn bản, được sử dụng để tạo và cấu trúc các thành phần trong trang web hoặc ứng dụng và không phải là ngôn ngữ lập trình, không thể tạo ra các chức năng "động", phân chia các đoạn văn, heading, links, blockquotes,…
Xem thêm bài viết:
HTML ra đời như thế nào?
Ông Tim Berners-Leelà một nhà vật lý học nổi tiếng ở Thụy Sĩ đã sáng lập HTML. Mục đích ban đầu của ông là biến nó trở thành nơi lưu trữ cũng như truyền đạt cho các thông tin nội bộ giữa các nhà khoa học với nhau.
HTML bao gồm 18 tag vào năm 1991 và hiện nay đã được phát triển lên tới 40 HTML tags. Và phiên bản mới nhất vào năm 2014 vừa được nâng cấp của nó là HTML5, cải tiến rất nhiều về cấu trúc, tốc độ và cho khả năng xác định rõ được nội dung cần thể hiện.
HTML hoạt động như thế nào?
Bằng các trình duyệt web hiện hành như Google Chrome, Firefox, Safari,… bạn có thể xem HTML document, trình duyệt sẽ đọc những file HTML này và “biến đổi” nó thành một dạng nội dung visual trên Internet sao cho người dùng có thể xem và hiểu được.
Mỗi tài liệu HTML bao gồm 1 bộ tag (hay còn gọi là element), tạo ra một cấu trúc tương tự như cây thư mục với các heading, section, paragraph,… Một Website sẽ có nhiều HTML document (ví dụ: trang chủ, trang blog, trang liên hệ,…) và mỗi trang con sẽ là một tệp HTML riêng.
Cấu trúc một đoạn HTML
Giúp xây dựng nên một cấu trúc hoàn chỉnh cho Website và việc xây dựng từng khối các thẻ và mỗi thẻ sẽ có những tác dụng nhất định, hầu hết các HTML elements đều có tag mở và tag đóng với cấu trúc như <tag></tag>.
Bạn có thể xem code ví dụ của một trang HTML được cấu trúc như thế nào để biết bố cục HTML của một trang web:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>The Main Heading</h1>
<h2>A catchy subheading</h2>
<p>First paragraph</p>
</body>
</html>
Trong đó:
<!DOCTYPE html>: Khai báo kiểu dữ liệu hiển thị trang web.
<html> và </html>: Đóng gói tất cả nội dung của trang HTML, bắt buộc, element cấp cao nhất.
<head> và </head>: Khai báo các thông tin meta như: tiêu đề trang, charset... của trang web.
<title> và </title>: Cặp thẻ dùng để khai báo tiêu đề của trang nằm bên trong thẻ <head>.
<body> và </body>: Nội dung trong thẻ sẽ hiển thị trên trang web.
<h1></h1>, <h2></h2>:Trong HTML có 6 cấp độ heading t, trải dài từ <h1> tới <h6>. Trong đó, <h1> là cấp độ heading lớn nhất và <h6> là cấp độ heading nhỏ nhất.
<p> và </p>: Chứa các đoạn văn bản trên trang web
Ưu điểm và Nhược điểm của HTML là gì?
Ưu điểm của HTML
Với cộng đồng người dùng vô cùng lớn và nhiều tài nguyên hỗ trợ.
Trên hầu hết mọi trình duyệt hiện nay đều có thể hoạt động mượt mà.
Khá đơn giản để học HTML.
Ngắn gọn, có độ đồng nhất cao từ các markup sử dụng trong HTM.
Được vận hành bởi W3C HTML là chuẩn web.
Tích hợp với các loại ngôn ngữ backend (ví dụ như: PHP, Node.js,…) dễ dàng.
Nhược điểm của HTML
Phải dùng thêm JavaScript hoặc ngôn ngữ backend của bên thứ 3 (ví dụ như: PHP) để tạo các tính năng động vì HTML chỉ được áp dụng chủ yếu cho web tĩnh.
Sẽ gây yếu tố trùng lặp như header, footer vì mỗi trang HTML cần được tạo riêng biệt.
Chậm cập nhật để hỗ trợ tính năng mới của HTML của một vài trình duyệt.
Lời kết
Cảm ơn các bạn đã tham khảo bài viết về HTML
- 0 Bình luận
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
