Công ty thiết kế website chuẩn SEO Web Mới
Tìm kiếm
Công ty thiết kế website chuẩn SEO Web Mới

HTML là gì? Cấu trúc Ngôn ngữ HTML

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ì? Cấu trúc Ngôn ngữ HTML

HTML là gì? Cấu trúc 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,…

HTML không phải là ngôn ngữ lập trình nó là ngôn ngữ đánh dấu siêu văn bản.

Xem thêm bài viết:

Website là gì?

Bootstrap là gì?

HTML ra đời như thế nào?

Ông Tim Berners-Lee là 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?

Tất cả các thẻ HTML đều nằm trong <html> </html> và thẻ <body></body> cụ thể là trong body và body nằm trong html, và file chứa các thẻ html phải khai báo kiểu dữ liệu <!DOCTYPE html> để trình duyệt biết đây là file .html.

Khi trình duyệt chạy trực tiếp các file .html hoặc các url của trang web, nếu file được chạy có định dạng kiểu dữ liệu html thì nội dung các thẻ html sẽ được hiện ra cho người dùng xem vì trình duyệt đọc được các thẻ html.

HTML chỉ hiện ra nội dung những đoạn text cơ bản cho người dùng xem, còn bạn muốn xây dựng một trang web có bố cụ rõ ràng và màu sắc thì phải có định dạng CSS thêm.

<!DOCTYPE html>
<html>
    <head>
        <title>HTML Hoạt động</title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <p >HTML Hoạt động</p>   
    </body>
</html>

Cấu trúc Ngôn ngữ HTML

Để tạo nên một giao diện để cho người dùng xem và cho các công cụ tìm kiếm đọc dễ dàng thì bạn phải xây dựng một file HTML có cấu trúc rõ ràng, ở phần trên mình có ví dụ một cấu trúc HTML cơ bản, các bạn tham khảo trên đó, dưới đây là một số thẻ HTML được cho là các thành phần chính tạo nên cấu trúc 1 file HTML:

<!DOCTYPE html>: Khai báo kiểu dữ liệu hiển thị trang web.

<html> và </html>: Tất cả các thẻ HTML đều nằm trong thẻ này.

<head> và </head>: Chứa các thẻ như: Title để hiển thị trên tiêu đề của trình duyệt, và các thẻ meta, các file .css, các thẻ js từ google,...

<title> và </title>: Thẻ này nằm trong thẻ <head> và nội dung khi ra web sẽ hiện lên tiêu đề của trình duyệt.

<body> và </body>: Tất cả nội dung hiển thị ra trên phần nội dung của trình duyệt đều là các nội dung của các thẻ nằm trong body.

<h1></h1>, <h2></h2>: Thẻ heading có cấp độ từ h1 tới h6, dùng để định dạng cho công cụ tìm kiếm dễ nhận biết, h1 thường là tiêu đề chính của bài viết, h2 là các tiêu đề con cấp 2, h3 là tiêu đề cấp 3.

<p> và </p>: Dùng để chứa một đoạn văn bản.

Sau khi hiểu về HTML bạn nên tìm hiểu HTML5 để có thể xây dựng một trang web đáp ứng nhu cầu của người dùng hiện nay.

Ưu điểm và Nhược điểm của HTML là gì?

Ưu điểm của HTML

Các thẻ html ngắn gọn, đơn giản dễ nhớ.

Kết hợp dễ dàng với các ngôn ngữ lập trình PHP, ASP.NET, Node.js,..,

Hoạt động tốt trên tất cả các trình duyệt.

Được W3C HTML vận hành nên kiểm tra được các lỗi khi SEO.

Nhược điểm của HTML

Một số thẻ HTML mới cập nhật có thể không chạy được trên trình duyệt cũ.

Nó là website tĩnh nên để cập nhật dữ liệu dễ dàng thì phải kết hợp với các ngôn ngữ Backend như PHP.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết về HTML là gì?

  • 0 Bình luận
CEO Bùi Tấn Lực
Bùi Tấn Lực
CEO Bùi Tấn Lực người sáng lập ra Web Mới, là một lập trình viên, người viết content, chuyên tư vấn các vấn đề về website và SEO website, quý khách hãy liên hệ để trao đổi thiết kế website
  • Zalo
Chia sẻ nội dung đánh giá của bạn về HTML là gì? Cấu trúc Ngôn ngữ HTML
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 *
Đánh giá của bạn
Tên *
Email
Số điện thoại *
Bình luận, Hỏi đáp
Đăng ký tư vấn miễn phí
Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn
0398.259.259