HTML là viết tắt của Ngôn ngữ đánh dấu siêu văn bản. Nó là một ngôn ngữ đánh dấu tiêu chuẩn để tạo trang web. Nó cho phép tạo và cấu trúc các phần, đoạn văn và liên kết bằng cách sử dụng các phần tử HTML (các khối xây dựng của trang web) chẳng hạn như thẻ và thuộc tính.  

HTML có rất nhiều trường hợp sử dụng, cụ thể là

• phát triển web. Nhà phát triển sử dụng mã HTML để thiết kế cách trình duyệt hiển thị các thành phần trang web, chẳng hạn như văn bản, siêu liên kết và tệp phương tiện.  
• điều hướng Internet. Người dùng có thể dễ dàng điều hướng và chèn liên kết giữa các trang và trang web có liên quan vì HTML được sử dụng nhiều để nhúng các siêu liên kết.  
• tài liệu web. HTML cho phép tổ chức và định dạng tài liệu, tương tự như Microsoft Word

Cũng cần lưu ý rằng HTML không được coi là ngôn ngữ lập trình vì nó không thể tạo chức năng động. Nó hiện được coi là một tiêu chuẩn web chính thức. World Wide Web Consortium (W3C) duy trì và phát triển các đặc tả HTML, cùng với việc cung cấp các bản cập nhật thường xuyên.  

Bài viết này sẽ đề cập đến những kiến ​​thức cơ bản về HTML, bao gồm cách thức hoạt động, ưu và nhược điểm của nó cũng như mối quan hệ của nó với CSS và JavaScript.  

Tải xuống Bảng cheat HTML hoàn chỉnh

HTML được giải thích trong một video hướng dẫn

Bạn đang vội sao?

Đăng ký Để có thêm video giáo dục. Học viện Hostinger

Đặt mua

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

Trang web trung bình bao gồm một số trang HTML khác nhau. Ví dụ: trang chủ, trang giới thiệu và trang liên hệ đều có các tệp HTML riêng biệt

Tài liệu HTML là các tệp kết thúc bằng một. html hoặc. phần mở rộng htm. Trình duyệt web đọc tệp HTML và hiển thị nội dung của nó để người dùng internet có thể xem được

Tất cả các trang HTML đều có một loạt các phần tử HTML, bao gồm một tập hợp các thẻ và thuộc tính. Các phần tử HTML là các khối xây dựng của một trang web. Một thẻ cho trình duyệt web biết nơi một phần tử bắt đầu và kết thúc, trong khi một thuộc tính mô tả các đặc điểm của một phần tử.  

Ba phần chính của một phần tử là.  

• Opening tag – used to state where an element starts to take effect. The tag is wrapped with opening and closing angle brackets. For example, use the start tag

  to create a paragraph. 

• Nội dung – đây là đầu ra mà người dùng khác nhìn thấy.  
• Thẻ đóng – giống như thẻ mở nhưng có dấu gạch chéo lên trước tên phần tử. Ví dụ:
  để kết thúc một đoạn văn.  

Sự kết hợp của ba phần này sẽ tạo ra một phần tử HTML

This is how you add a paragraph in HTML.

Một phần quan trọng khác của phần tử HTML là thuộc tính của nó, có hai phần – tên và giá trị thuộc tính. Tên xác định thông tin bổ sung mà người dùng muốn thêm, trong khi giá trị thuộc tính cung cấp thêm thông số kỹ thuật.  

Ví dụ: một phần tử kiểu thêm màu tím và họ phông chữ verdana sẽ trông như thế này

This is how you add a paragraph in HTML.

Một thuộc tính khác, lớp HTML, là quan trọng nhất để phát triển và lập trình. Thuộc tính lớp thêm thông tin kiểu có thể hoạt động trên các phần tử khác nhau có cùng giá trị lớp.  

For example, we will use the same style for a heading

and a paragraph

. The style includes background color, text color, border, margin, and padding, under the class .important. To achieve the same style between

and

, add class=”important” after each start tag: 

This is a heading
This is a paragraph.

Hầu hết các phần tử đều có thẻ mở và thẻ đóng, nhưng một số phần tử không cần thẻ đóng để hoạt động, chẳng hạn như các phần tử trống. Các phần tử này không sử dụng thẻ kết thúc vì chúng không có nội dung

Thẻ hình ảnh này có hai thuộc tính – thuộc tính src, đường dẫn hình ảnh và thuộc tính alt, văn bản mô tả. Tuy nhiên, nó không có nội dung cũng như thẻ kết thúc.  

Lastly, every HTML document must start with a declaration to inform the web browser about the document type. With HTML5, the doctype HTML public declaration will be:

Các thẻ HTML và phần tử HTML được sử dụng nhiều nhất

Hiện tại, có sẵn 142 thẻ HTML cho phép tạo các phần tử khác nhau. Mặc dù các trình duyệt hiện đại không còn hỗ trợ một số thẻ này, nhưng việc tìm hiểu tất cả các yếu tố khác nhau có sẵn vẫn có lợi.  

Phần này sẽ thảo luận về các thẻ HTML được sử dụng nhiều nhất và hai phần tử chính – phần tử cấp độ khối và phần tử nội tuyến.  

Các yếu tố cấp khối

Phần tử cấp khối chiếm toàn bộ chiều rộng của trang. Nó luôn bắt đầu một dòng mới trong tài liệu. Ví dụ: phần tử tiêu đề sẽ nằm trong một dòng riêng biệt với phần tử đoạn văn

Mỗi trang HTML đều sử dụng ba thẻ này

• tag is the root element that defines the whole HTML document.
• tag holds meta information such as the page’s title and charset.
• tag encloses all the content that appears on the page.

Các thẻ mức khối phổ biến khác bao gồm

• Heading tags – these range from

  to

  , where heading h1 is largest in size, getting smaller as they move up to h6. 

• Paragraph tags – are all enclosed by using the

  tag.

• List tags – have different variations. Use the
  tag for an ordered list, and use
  for an unordered list. Then, enclose individual list items using the
  • tag. 

  Yếu tố nội tuyến

  Phần tử nội tuyến định dạng nội dung bên trong của phần tử cấp khối, chẳng hạn như thêm liên kết và chuỗi nhấn mạnh. Các phần tử trong dòng được sử dụng phổ biến nhất để định dạng văn bản mà không làm gián đoạn dòng nội dung.  

  For example, a tag would render an element in bold, whereas the tag would show it in italics. Hyperlinks are also inline elements that use an tag and an href attribute to indicate the link’s destination:

  Click me!

  Sự phát triển của HTML – Điều gì khác biệt giữa HTML và HTML5?

  Phiên bản đầu tiên của HTML bao gồm 18 thẻ. Kể từ đó, mỗi phiên bản mới đều có các thẻ và thuộc tính mới được thêm vào phần đánh dấu. Nâng cấp quan trọng nhất của ngôn ngữ cho đến nay là sự ra đời của HTML5 vào năm 2014.  

  The main difference between HTML and HTML5 is that HTML5 supports new kinds of form controls. HTML5 also introduced several semantic tags that clearly describe the content, such as

  ,
  , and