Chào các bạn! Trong HTML, có rất nhiều thẻ được sử dụng để xây dựng cấu trúc và nội dung của trang web. Mỗi thẻ HTML có mục đích và chức năng riêng. Dưới đây là danh sách các thẻ HTML quan trọng cùng với mô tả và ví dụ về cách sử dụng mà CodeTutHub đã tổng hợp, mời các bạn tham khảo qua chức năng của từng tag để có thể ứng dụng đúng mục đích của chúng.

#TagMô tả
1<!--...-->Định nghĩa một bình luận
2<!DOCTYPE>Xác định loại tài liệu
3<a>Định nghĩa một siêu liên kết
4<abbr>Định nghĩa một từ viết tắt hoặc một từ viết tắt
5<acronym>Không được hỗ trợ trong HTML5. Sử dụng <abbr> thay thế.
Định nghĩa một từ viết tắt
6<address>Xác định thông tin liên lạc cho tác giả/chủ sở hữu của một tài liệu
7<applet>Không được hỗ trợ trong HTML5. Sử dụng <embed> hoặc <object> thay thế.
Định nghĩa một applet nhúng
8<area>Xác định một khu vực bên trong bản đồ hình ảnh
9<article>Định nghĩa một bài viết
10<aside>Xác định nội dung ngoài nội dung trang
11<audio>Xác định nội dung âm thanh nhúng
12<b>Xác định văn bản in đậm
13<base>Chỉ định URL cơ sở/mục tiêu cho tất cả các URL tương đối trong một tài liệu
14<basefont>Không được hỗ trợ trong HTML5. Sử dụng CSS thay thế.
Chỉ định màu sắc, kích thước và phông chữ mặc định cho tất cả văn bản trong tài liệu
15<bdi>Tách một phần văn bản có thể được định dạng theo hướng khác với phần văn bản khác bên ngoài nó
16<bdo>Ghi đè hướng văn bản hiện tại
17<big>Không được hỗ trợ trong HTML5. Sử dụng CSS thay thế.
Xác định văn bản lớn
18<blockquote>Xác định một phần được trích dẫn từ một nguồn khác
19<body>Xác định phần thân của tài liệu
20<br>Xác định một ngắt dòng đơn
21<button>Xác định một nút có thể nhấp
22<canvas>Được sử dụng để vẽ đồ họa, ngay lập tức, thông qua tập lệnh (thường là JavaScript)
23<caption>Xác định chú thích bảng
24<center>Không được hỗ trợ trong HTML5. Sử dụng CSS thay thế.
Xác định văn bản ở giữa
25<cite>Xác định tiêu đề của một tác phẩm
26<code>Định nghĩa một đoạn mã máy tính
27<col>Chỉ định các thuộc tính cột cho mỗi cột trong phần tử <colgroup>
28<colgroup>Chỉ định một nhóm gồm một hoặc nhiều cột trong một bảng để định dạng
29<data>Thêm bản dịch có thể đọc được bằng máy của một nội dung nhất định
30<datalist>Chỉ định danh sách các tùy chọn được xác định trước cho các điều khiển đầu vào
31<dd>Xác định mô tả/giá trị của một thuật ngữ trong danh sách mô tả
32<del>Xác định văn bản đã bị xóa khỏi tài liệu
33<details>Xác định các chi tiết bổ sung mà người dùng có thể xem hoặc ẩn
34<dfn>Chỉ định một thuật ngữ sẽ được định nghĩa trong nội dung
35<dialog>Xác định hộp thoại hoặc cửa sổ
36<dir>Không được hỗ trợ trong HTML5. Sử dụng <ul> thay thế.
Định nghĩa danh sách thư mục
37<div>Xác định một phần trong tài liệu
38<dl>Xác định danh sách mô tả
39<dt>Định nghĩa một thuật ngữ/tên trong danh sách mô tả
40<em>Xác định văn bản được nhấn mạnh
41<embed>Xác định một container cho một ứng dụng bên ngoài
42<fieldset>Nhóm các thành phần liên quan trong một biểu mẫu
43<figcaption>Xác định chú thích cho phần tử <figure>
44<figure>Chỉ định nội dung độc lập
45<font>Không được hỗ trợ trong HTML5. Sử dụng CSS thay thế.
Xác định phông chữ, màu sắc và kích thước cho văn bản
46<footer>Xác định chân trang cho một tài liệu hoặc phần
47<form>Xác định một biểu mẫu HTML để người dùng nhập dữ liệu
48<frame>Không được hỗ trợ trong HTML5.
Xác định một cửa sổ (khung) trong một bộ khung
49<frameset>Không được hỗ trợ trong HTML5.
Xác định một tập hợp các khung
50<h1> to <h6>Xác định tiêu đề HTML
51<head>Chứa siêu dữ liệu/thông tin cho tài liệu
52<header>Xác định tiêu đề cho một tài liệu hoặc phần
53<hgroup>Xác định tiêu đề và nội dung liên quan
54<hr>Xác định sự thay đổi chủ đề trong nội dung
55<html>Xác định gốc của một tài liệu HTML
56<i>Xác định một phần văn bản theo giọng nói hoặc tâm trạng thay thế
57<iframe>Xác định một khung nội tuyến
58<img>Xác định một hình ảnh
59<input>Xác định một điều khiển đầu vào
60<ins>Xác định một văn bản đã được chèn vào một tài liệu
61<kbd>Xác định đầu vào bàn phím
62<label>Xác định nhãn cho phần tử <input>
63<legend>Xác định chú thích cho phần tử <fieldset>
64<li>Xác định một mục danh sách
65<link>Xác định mối quan hệ giữa tài liệu và tài nguyên bên ngoài (thường được sử dụng để liên kết đến bảng định kiểu)
66<main>Chỉ định nội dung chính của một tài liệu
67<map>Xác định bản đồ hình ảnh
68<mark>Xác định văn bản được đánh dấu/tô sáng
69<menu>Định nghĩa một danh sách không có thứ tự
70<meta>Xác định siêu dữ liệu về một tài liệu HTML
71<meter>Xác định phép đo vô hướng trong phạm vi đã biết (một thước đo)
72<nav>Xác định liên kết điều hướng
73<noframes>Không được hỗ trợ trong HTML5.
Xác định nội dung thay thế cho người dùng không hỗ trợ khung
74<noscript>Xác định nội dung thay thế cho người dùng không hỗ trợ tập lệnh phía máy khách
75<object>Xác định một container cho một ứng dụng bên ngoài
76<ol>Xác định một danh sách có thứ tự
77<optgroup>Xác định một nhóm các tùy chọn liên quan trong danh sách thả xuống
78<option>Xác định một tùy chọn trong danh sách thả xuống
79<output>Xác định kết quả của phép tính
80<p>Xác định một đoạn văn
81<param>Xác định một tham số cho một đối tượng
82<picture>Xác định một container cho nhiều tài nguyên hình ảnh
83<pre>Xác định văn bản được định dạng sẵn
84<progress>Biểu thị tiến trình của một nhiệm vụ
85<q>Định nghĩa một trích dẫn ngắn
86<rp>Xác định những gì sẽ hiển thị trong các trình duyệt không hỗ trợ chú thích ruby
87<rt>Xác định lời giải thích/cách phát âm của các ký tự (dành cho kiểu chữ Đông Á)
88<ruby>Xác định chú thích ruby ​​(dành cho kiểu chữ Đông Á)
89<s>Xác định văn bản không còn chính xác nữa
90<samp>Xác định mẫu đầu ra từ một chương trình máy tính
91<script>Xác định một tập lệnh phía máy khách
92<search>Xác định một phần tìm kiếm
93<section>Xác định một phần trong tài liệu
94<select>Xác định danh sách thả xuống
95<small>Xác định văn bản nhỏ hơn
96<source>Xác định nhiều tài nguyên phương tiện cho các thành phần phương tiện (<video> và <audio>)
97<span>Xác định một phần trong tài liệu
98<strike>Không được hỗ trợ trong HTML5. Sử dụng <del> hoặc <s> thay thế.
Định nghĩa văn bản gạch ngang
99<strong>Xác định văn bản quan trọng
100<style>Xác định thông tin kiểu cho một tài liệu
101<sub>Xác định văn bản có chỉ số dưới
102<summary>Xác định tiêu đề hiển thị cho phần tử <details>
103<sup>Xác định văn bản có chữ số mũ
104<svg>Xác định một container cho đồ họa SVG
105<table>Định nghĩa một bảng
106<tbody>Nhóm nội dung cơ thể trong một bảng
107<td>Xác định một ô trong bảng
108<template>Xác định một vùng chứa nội dung cần ẩn khi trang tải
109<textarea>Xác định một điều khiển nhập nhiều dòng (vùng văn bản)
110<tfoot>Nhóm nội dung chân trang trong một bảng
111<th>Xác định một ô tiêu đề trong một bảng
112<thead>Nhóm nội dung tiêu đề trong một bảng
113<time>Xác định thời gian cụ thể (hoặc ngày giờ)
114<title>Xác định tiêu đề cho tài liệu
115<tr>Xác định một hàng trong bảng
116<track>Xác định các bản nhạc văn bản cho các thành phần phương tiện (<video> và <audio>)
117<tt>Không được hỗ trợ trong HTML5. Sử dụng CSS thay thế.
Định nghĩa văn bản teletype
118<u>Xác định một số văn bản không được diễn đạt rõ ràng và có kiểu dáng khác với văn bản thông thường
119<ul>Định nghĩa một danh sách không có thứ tự
120<var>Định nghĩa một biến
121<video>Xác định nội dung video nhúng
122<wbr>Xác định một ngắt dòng có thể

Kết luận

Trên đây là danh sách các thẻ HTML cơ bản và quan trọng nhất, cùng với mô tả và ví dụ về cách sử dụng chúng. Những thẻ này đóng vai trò quan trọng trong việc xây dựng cấu trúc và nội dung của một trang web. Hiểu rõ về chức năng của từng thẻ sẽ giúp bạn tạo ra các trang web chuyên nghiệp và dễ quản lý hơn.

Có thể bạn muốn biết thêm: Các thẻ HTML không cần thẻ đóng: Danh sách và cách sử dụng đúng