HTML Headings

HTML Headings nó là các thẻ tiêu đề hoặc phụ đề của bài viết mà bạn muốn hiển thị trong trang web.

Thẻ tiêu đề HTML Headings bao gồm các thẻ từ <h1> đến <h6>.Các thẻ tiêu đề Headings này rất quan trọng trong một trang web, nó có ý nghĩa cho việc lập chỉ mục index nội dung và cấu trúc của trang web trong công cụ tìm kiếm SEO của Google .

Thẻ tiêu đề <h1> nên được đặt làm tiêu đề chính trong một trang web và các thẻ <h2>, <h3> nên đặt tiêu đề cho nội dung ít quan trọng hơn.

Lưu Ý:

Các bạn chỉ sử dụng các thẻ tiêu đề Headings này để đặt tên cho tiêu đề của các bài viết trong trang web.

Không nên sử dụng thẻ tiêu đề Headings này cho trình bày nội dung bài viết trong trang web.

Các thẻ Headings trong HTML.

Trong HTML có các thẻ tiêu đề Headings từ <h1> đến <h6>

Ví dụ

<h1> Thẻ heading h1 </h1>
<h2> Thẻ heading h2 </h2>
<h3> Thẻ heading h3 </h3>
<h4> Thẻ heading h4 </h4>
<h5> Thẻ heading h5 </h5>
<h6> Thẻ heading h6 </h6>

Các thẻ tiêu đề hiển thị trên trang web như sau:

Thẻ heading h1

Thẻ heading h2

Thẻ heading h3

Thẻ heading h4

Thẻ heading h5

Thẻ heading h6

Cách sử dụng thẻ Heading trong trang web.

Giả sử bạn viết một bài viết có nội dung về cách dùng thẻ tiêu đề Headings trong website.Trong đó bạn muốn đặt tên tiêu đề là thẻ <h2> với tên tiêu đề là : "Cách sử dụng thẻ tiêu đề Headings trong HTML" và phần nội dung sẽ mô tả chi tiết cho tiêu đề đó và phần nội dung mô tả chi tiết này viết trong các thẻ <p>.

Ví dụ viết code HTML như sau:

Ví dụ

<h2> Cách sử dụng thẻ tiêu đề Headings. </h2>
<p>

HTML Headings là các thẻ tiêu đề hoặc phụ đề của bài viết mà bạn muốn hiển thị trong trang web.

Thẻ tiêu đề HTML Headings bao gồm các thẻ từ h1 đến h6.Các thẻ tiêu đề Headings này rất quan trọng trong một trang web, nó có ý nghĩa cho việc lập chỉ mục index nội dung và cấu trúc của trang web trong công cụ tìm kiếm SEO của Google .

</p>

Các thẻ tiêu đề và nội dung sẽ hiển thị trên trang web như sau:

Cách sử dụng thẻ tiêu đề Headings.

HTML Headings là các thẻ tiêu đề hoặc phụ đề của bài viết mà bạn muốn hiển thị trong trang web.

Lưu Ý:

Các thẻ tiêu đề Heading trong HTML có kích thước mặc định, tuy nhiên bạn có thể thay đổi quy cách và kích thước theo ý của bạn bằng cách sử dụng thuộc tính style.

Ví dụ sử dụng thuộc tính CSS font-size để thay đổi kích thước cho chữ của thẻ tiêu đề như sau:

Ví dụ

<h1 style="font-size:68px;"> Tùy chỉnh kíc thước chữ cho thẻ heading h1 </h1>
<h2 style="font-size:50px;"> Tùy chỉnh kích thước chữ cho thẻ heading h2 </h2>