Các thẻ HTML là các hướng dẫn đơn giản cho trình duyệt web biết cách định dạng văn bản. Bạn có thể sử dụng thẻ để định dạng chữ nghiêng, ngắt dòng, đối tượng, dấu đầu dòng, v.v.
Các thẻ này nằm trong HTML [hoặc Ngôn ngữ đánh dấu siêu văn bản] của mọi trang web. Đặt, HTML là ngôn ngữ của các trang web.
Các trang web đọc các thẻ HTML như thế nào?
Máy chủ đọc mã HTML để hiểu và hiển thị nội dung. Nó sẽ đọc HTML từ trên xuống dưới, giống như cách bạn đang đọc hướng dẫn này.
Bạn có thể sử dụng bao nhiêu thẻ tùy thích để định dạng nội dung. Tuy nhiên, có một số thẻ và quy tắc HTML cần thiết mà bạn cần tuân theo.
Một thẻ HTML phải chứa ba phần
- Thẻ mở — thẻ này sẽ bắt đầu bằng ký hiệu < >
- Nội dung — hướng dẫn ngắn về cách hiển thị phần tử trên trang
- Thẻ đóng — thẻ này sẽ kết thúc bằng ký hiệu
Tuy nhiên, một số thẻ HTML có thể không được đóng. Điều đó có nghĩa là thẻ HTML không cần đóng bằng dấu . Thông thường, bạn sẽ sử dụng thẻ chưa đóng cho siêu dữ liệu hoặc ngắt dòng.
Sự khác biệt giữa Thuộc tính và Thẻ HTML là gì?
Mặc dù hướng dẫn này là tất cả về các thẻ HTML, nhưng điều quan trọng là phải biết sự khác biệt giữa các thẻ, thành phần và thuộc tính HTML
Phần tử HTML là một mục trên trang; . Thẻ HTML ảnh hưởng đến cách một phần tử HTML xuất hiện. Một thuộc tính HTML mô tả các đặc điểm của phần tử đó
Dưới đây là bảng phân tích về cách các phần tử, thẻ và thuộc tính phối hợp với nhau
- HTML tags contain instructions on how to display an on-page element. They begin with a < and end with a > and precede and follow the content of the element. [e.g Bold Tag ]
- HTML Elements are the on-page content sandwiched within the tags. [ Bold Tag ]
- HTML Attributes provide additional information about HTML elements and appear at within the HTML tag [e.g. ].
Loại
Thẻ HTML
Phần tử HTML
Thuộc tính HTML
Chứa đựng
Hướng dẫn cách hiển thị một yếu tố trên trang
Nội dung trên trang sẽ được hiển thị
Thông tin bổ sung về các yếu tố trên trang
Vẻ bề ngoài
Nó bắt đầu bằng < và kết thúc bằng >
Bị kẹp trong một thẻ HTML
Xuất hiện trong thẻ bắt đầu trước bất kỳ phần tử nào
Ví dụ về thẻ HTML
Thẻ đoạn văn
The
and
are the HTML tags and “Paragraph Tag” is the HTML element, i.e. the on-page text.This tag formats any text between the opening
tag and the closing
tag as a standard paragraph or main body text. Thẻ tiêu đề
In this example,
and
are the HTML tags and “Heading Tag” is the HTML element, i.e. the on-page heading.Using this tag will format any text between the opening
tag and the closing
tag as a Heading 2 [a type of subheading.]Thẻ in đậm
Here the and are the HTML tags and “Bold Tag” is the HTML element, i.e. the on page text.
This tag will format any text between the opening tag and the closing tag as bold.
Thẻ nghiêng
Here, the and are the HTML tags and “Italic Tag” is the HTML element [the on-page text.]
This tag will format any text between the opening tag and the closing tag as italic.
Thẻ gạch dưới
Here the and are the HTML tags and “Underline Tag” is the HTML element, i.e. the on page text.
This tag will format any text between the opening tag and the closing tag as underlined.
Các thẻ HTML phổ biến nhất
Có gần 100 loại thẻ HTML khác nhau mà bạn có thể sử dụng cho các trang web của mình. Dưới đây là danh sách các thẻ HTML phổ biến nhất
Nhãn
Loại
nó là gì
Thẻ văn bản HTML
Đoạn văn
Thẻ văn bản HTML
tiêu đề 1
Thẻ văn bản HTML
tiêu đề 2
Thẻ văn bản HTML
tiêu đề 3
Thẻ văn bản HTML
tiêu đề 4
Thẻ văn bản HTML
tiêu đề 5
Thẻ văn bản HTML
tiêu đề 6
Thẻ văn bản HTML
Mạnh
Thẻ văn bản HTML
nhấn mạnh
Thẻ văn bản HTML
viết tắt
Thẻ văn bản HTML
Thông tin liên lạc
Thẻ văn bản HTML
Ghi đè hướng văn bản hiện tại
Thẻ văn bản HTML
Nội dung từ nguồn khác
Thẻ văn bản HTML
Tên Tác Phẩm, Cuốn Sách, Trang Web
Thẻ văn bản HTML
báo giá nội tuyến
Thẻ văn bản HTML
Hiển thị một phần mã lập trình
Thẻ văn bản HTML
Đã chèn văn bản
Thẻ văn bản HTML
Văn bản đã bị xóa khỏi tài liệu
Thẻ văn bản HTML
Thuật ngữ được xác định trong một câu/cụm từ
Thẻ văn bản HTML
Đầu vào bàn phím
Thẻ văn bản HTML
Văn bản được định dạng trước
Thẻ văn bản HTML
Đầu ra mẫu của một chương trình máy tính
Thẻ văn bản HTML
Tên biến được sử dụng trong ngữ cảnh toán học hoặc lập trình
Thẻ văn bản HTML
Ngắt dòng đơn
Thẻ văn bản HTML
Phân công
Thẻ liên kết HTML
Thẻ neo cho một liên kết
Thẻ liên kết HTML
Url cơ sở cho tất cả các Url tương đối trong tài liệu
Sử dụng cài đặt công cụ để đặt phạm vi thu thập dữ liệu, không cho phép URL hoặc cung cấp quyền truy cập trang web bổ sung. Chọn “Bắt đầu kiểm tra trang web. ” Công cụ sẽ thông báo cho bạn khi quá trình kiểm toán hoàn tất
Sau khi hoàn thành, bạn sẽ được chuyển hướng đến báo cáo tổng quan về Kiểm toán trang web, nơi bạn sẽ có chế độ xem cấp cao về bất kỳ vấn đề nào của trang web
Chọn tab "Sự cố" để xem chi tiết hơn về bất kỳ sự cố HTML nào. Công cụ này cũng cung cấp các đề xuất về cách khắc phục từng vấn đề
Suy nghĩ cuối cùng
Hiểu HTML không cần phải phức tạp. Với cheat sheet trong hướng dẫn này, bạn nên xác định và triển khai các thẻ HTML cho các trang web của mình.
Cần thêm thông tin chi tiết về các thuộc tính HTML và cách khắc phục chúng?
Để biết thêm thông tin về cách thực hiện kiểm tra trang web và kiểm tra HTML của trang web, hãy xem hướng dẫn của chúng tôi để thực hiện kiểm tra SEO đầy đủ trong 18 bước