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ì? Tìm hiểu chi tiết về HTML

HTML là gì? Đó là Ngôn ngữ đánh dấu siêu văn bản, không phải là ngôn ngữ lập trình, gồm nhiều thành phần dùng để xây dựng nên một trang website, thường phân chia các đoạn văn, heading, links, blockquotes.

HTML là gì? Tìm hiểu chi tiết về HTML

HTML là gì? Tìm hiểu chi tiết về 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, không phải là ngôn ngữ lập trình, gồm nhiều thành phần dùng để xây dựng nên một trang website, thường sử dụng HTML trong việc phân chia các đoạn văn, heading, links, blockquotes,… 

Một tài liệu HTML được hình thành bởi các phần tử HTML (HTML Elements) được quy định bằng các cặp thẻ (tag và attributes). Các cặp thẻ này được bao bọc bởi một dấu ngoặc ngọn (ví dụ <html>) và thường là sẽ được khai báo thành một cặp, bao gồm thẻ mở và thẻ đóng. Ví dụ, chúng ta có thể tạo một đoạn văn bằng cách đặt văn bản vào trong cặp tag mở và đóng văn bản <p> và </p> :

<p>Đây là cách bạn thêm đoạn văn trong HTML.</p>

Nhưng một số thẻ đặc biệt lại không có thẻ đóng và dữ liệu được khai báo sẽ nằm trong các thuộc tính (ví dụ như thẻ <img>).

Cha đẻ của HTML là Tim Berners-Lee, cũng là người khai sinh ra World Wide Web và chủ tịch của World Wide Web Consortium (W3C – tổ chức thiết lập ra các chuẩn trên môi trường Internet). Các thiết lập và cấu trúc HTML được vận hành và phát triển bởi World Wide Web Consortium (W3C). Bạn có thể kiểm tra tình trạng mới nhất của ngôn ngữ này bất kỳ lúc nào trên trang W3C’s website.

Xem thêm bài viết:

Website là gì?

HTML5 là gì?

Bootstrap là gì?

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

HTML được hình thành bởi Tim Berners-Lee, ông là một nhà vật lý học nổi tiếng ở Thụy Sĩ. Mục đích tạo ra HTML 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.

Năm 1991, HTML bao gồm 18 tag 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ừa được nâng cấp của nó là HTML5 (năm 2014). Phiên bản này được 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.

Quá trình phát triển của HTML

HTML được xem là phát minh vĩ đại, đột phá trong thời đại lúc bấy giờ. Với hơn 20 năm phát triển thì phiên bản mới nhất của HTML là HTML5 được cải tiến và đời vào năm 2014. Đây là phiên bản được đánh giá là toàn diện nhờ những tính năng đặc biệt và nổi bật nhất. Nó có khả năng hỗ trợ audio, video trực tiếp, có khả năng loại bỏ các flash player làm chậm để quá trình xử lý và truy cập web được nhanh chóng hơn. Khi sử dụng phiên bản này, thì lập trình viên chỉ cần thực hiện nhúng các đoạn video hoặc audio với các thẻ tag hay.

Hơn nữa, HTML5 còn có thể hỗ trợ người dùng vẽ các vector toán học, MathML, công thức toán học và cả những phương trình khoa học khác. HTML5 còn được cải thiện rất nhiều về mặt ngôn ngữ nên quá trình search engine của google sẽ được chính xác hơn và mang lại được nhiều lợi ích cho chính người đọc.

HTML hoạt động như thế nào?

HTML document có đuôi file dạng .html hoặc htm. Bạn có thể xem chúng bằng các trình duyệt web hiện hành như Google Chrome, Firefox, Safari,… Nhiệm vụ của trình duyệt là đọc những file HTML này và “biến đổi” chúng 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 chúng.

Thông thường, một Website sẽ có nhiều HTML document (ví dụ: trang chủ, trang blog, trang liên hệ,…) và mỗi trang con như vậy sẽ có một tệp HTML riêng. Mỗi tài liệu HTML bao gồm 1 bộ tag (hay còn gọi là element). Nó 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,… và một số khối nội dung khác. Hầu hết tất cả các HTML element đều có một tag mở và một tag đóng với cấu trúc <tag></tag>.

Cấu trúc một đoạn HTML

Mỗi trang HTML chứa một bộ các tag (cũng được gọi là elements). Mỗi thẻ sẽ có những tác dụng nhất định, giúp xây dựng nên một cấu trúc hoàn chỉnh cho Website. Bạn có thể xem như là việc xây dựng từng khối của một trang web. Nó tạo thành cấu trúc cây thư mục bao gồm section, paragraph, heading, và những khối nội dung khác.

Hầu hết các HTML elements đều có tag mở và tag đóng với cấu trúc như <tag></tag>.

Để biết bố cục HTML của một trang web như thế nào, bạn có thể xem code ví dụ của một trang HTML được cấu trúc như thế nào:

<!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ị

<html> và </html>: cặp thẻ bắt buộc, element cấp cao nhất, có nhiệm vụ đóng gói tất cả nội dung của trang HTML

<head> và </head>: khai báo các thông tin meta của trang web như: tiêu đề trang, charset

<title> và </title>: cặp thẻ nằm bên trong thẻ <head>, dùng để khai báo tiêu đề của trang

<body> và </body>: cặp thẻ dùng để đóng gói tất cả các nội dung sẽ hiển thị trên trang

<h1></h1>, <h2></h2>: định dạng dữ liệu dạng heading. Thông thường có 6 cấp độ heading trong HTML, trải dài từ <h1> tới <h6>. Trong đó, <h1> là cấp độ heading cao nhất và <h6> là cấp độ heading thấp nhất.

<p> và </p>: cặp thẻ chứa các đoạn văn bản của trang web

Các tag thông dụng của HTML

HTML tags được sử dụng chủ yếu là 2 loại chính: block-level tags và inline tags.

Elements Block-level : đây là loại tag cấp cao nhất, sẽ sử dụng toàn không gian trang web và luôn bắt đầu dòng mới của trang web. 3 block-level tags mà tất cả các trang HTML đầu cần có đó là <html></html> <head></head> và <body></body>.

Inline elements chỉ chiếm phần nhỏ không gian web và không bắt đầu dòng mới của trang web. Chúng thường dùng để định dạng nội dung bên trong của block level elements.

Block-Level Tags

3 block level tags của mỗi trang HTML cần có những tag như là <html>, <head>, và <body>.

Tag <html></html> là element cao nhất dùng để đóng gói mỗi trang HTML.

Tag <head></head> chứa các thông tin meta như là tiêu đề trang và charset.

Cuối cùng, <body></body> tag dùng để đóng gói tất cả nội dung sẽ hiện trên trang.

<html>
<head>
<!-- META INFORMATION -->
</head>
<body>
<!-- PAGE CONTENT -->
</body>
</html>

Inline Tags

Inline tags thường được dùng để định dạng, tạo bố cục cho nội dung bên trong của block-level tags.. Ví dụ như, tag <strong></strong> sẽ định dạng chữ in đậm, trong khi đó tag <em></em> sẽ định dạng chữ in nghiên.

Hyperlinks cũng là yếu tố element mà cần tag <a></a> và attributes href để xác định link cụ thể:

<a href="https://topdev.vn/">Click me!</a>

Ảnh cũng là element inline. Bạn có thể thêm ảnh bằng cách sử dụng tag <img> mà không cần tag đóng. Nhưng bạn cũng cần sử dụng attribute src để xác định nguồn ảnh, ví dụ như:

<img src="/images/example.jpg" alt="Example image">

Vai trò của HTML là gì trong lập trình Web?

Như đã đề cập ở trên, HTML là một loại ngôn ngữ đánh dấu siêu văn bản, nó sẽ giúp cấu thành tạo nên các cấu trúc cơ bản của một Website, giúp trang Web của bạn trở thành một hệ thống hoàn chỉnh. Cụ thể hơn, ngôn ngữ HTML đánh dấu siêu văn bản này giúp trang web hình thành bố cục, chia khung sườn các thành phần. Đồng thời, nó còn hỗ trợ nhằm khai báo các File kỹ thuật số như nhạc, hình ảnh,Video,…

Nếu muốn Website có cấu trúc tốt, sử dụng được nhiều loại yếu tố trong văn bản, bạn sẽ cần đến HTML. Tùy vào mục đích sử dụng mà Lập trình viên có thể lựa chọn ngôn ngữ lập trình riêng cho dành cho Website. HTML thực chất chứa rất nhiều những yếu tố cần thiết dành cho mọi thể loại Website. Để hiển thị nội dung cho người truy cập trang Web của bạn sẽ cần đến ngôn ngữ HTML.

Dù trang web của bạn xây dựng trên bất kỳ nền tảng nào, giao tiếp với bất kỳ ngôn ngữ lập trình nào cũng có thể xử lý dữ liệu. Trước khi bắt tay vào việc thiết kế, người dùng làm việc trên trang Web thì nhà phát triển Web, thì lập trình viên đều phải học HTML như một loại ngôn ngữ cơ bản.

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

Ưu điểm của HTML

Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vô cùng lớn

Có thể hoạt động mượt mà trên hầu hết mọi trình duyệt hiện nay

Học HTML khá đơn giản

Các markup sử dụng trong HTML thường ngắn gọn, có độ đồng nhất cao

Sử dụng mã nguồn mở, hoàn toàn miễn phí

HTML là chuẩn web được vận hành bởi W3C

Dễ dàng để tích hợp với các loại ngôn ngữ backend (ví dụ như: PHP, Node.js,…)

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

Chỉ được áp dụng chủ yếu cho web tĩnh. Nếu muốn tạo các tính năng động, lập trình viên phải dùng thêm JavaScript hoặc ngôn ngữ backend của bên thứ 3 (ví dụ như: PHP)

Mỗi trang HTML cần được tạo riêng biệt, ngay có khi có nhiều yếu tố trùng lặp như header, footer.

Khó để kiểm soát cách đọc và hiển thị file HTML của trình duyệt (ví dụ, một số trình duyệt cũ không render được tag mới. Do đó, dù trong HTML document có sử dụng các tag này thì trình duyệt cũng không đọc được).

Một vài trình duyệt còn chậm cập nhật để hỗ trợ tính năng mới của HTML

HTML có phải ngôn ngữ lập trình không?

Mặc dù, HTML có chức năng cấu tạo nên những thành phần của website nhưng nó không phải là một ngôn ngữ lập trình. Điều này mang ý nghĩa, nó không tạo được các chức năng “động” cho một trang web. Hay có thể hiểu đơn giản, HTML hoạt động như Microsoft Word, tức là chỉ dùng để định dạng và bố cục nội dung hiển thị trên trang web.

Ngoài ra, thao tác làm việc với HTML khá đơn giản, bạn chỉ cần sử dụng cấu trúc code (tags và attributes) để thực hiện đánh dấu trang web.

Cách thức xử lý tập tin đuôi HTML là gì?

Để xử lý một tập tin HTML thì trình duyệt web sẽ đảm nhận vai trò này. Trình duyệt thực hiện việc đọc hiểu các nội dung HTML từ tất cả các thẻ bên trong. Sau đó, nó chuyển thành dạng văn bản được đánh dấu để người dùng có thể đọc, nghe và hiểu toàn bộ nội dung.

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
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ì? Tìm hiểu chi tiết về 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
Tỉnh thành
0398.259.259