Các thẻ HTML cơ bản phải biết khi viết nội dung

Các thẻ HTML cơ bản rất cần thiết khi bạn viết nội dung website. Học HTML cơ bản cũng cần vài thẻ này, chúng giúp bài viết đẹp hơn và đạt chuẩn SEO.

Các thẻ HTML cơ bản
Các thẻ HTML cơ bản

Tác dụng của các thẻ HTML

Trang trí cho nội dung

Các thẻ HTML cơ bản kết hợp với CSS được dùng để trang trí cho nội dung.

Định hướng máy tìm kiếm

Trong một bài viết chuẩn SEO, ta thường hay thêm các từ khóa vào thẻ heading (từ h1 – h6).
Việc này để định hướng cho máy tìm kiếm (Google, Bing v.v…) giúp chúng dễ thu thập dữ liệu.

Về bản chất thì bài viết bạn đang xem là một tài liệu HTML.
Nhưng được trình duyệt web (Chorme, FireFox v.v…) phiên dịch thành các loại chữ to, chữ bé, in đậm, in nghiêng, đường link, hình ảnh v.v…

Thế nào là các thẻ HTML cơ bản?

Thẻ trong tài liệu HTML (hoặc file HTML) thường bắt đầu bằng thẻ mở (start tag) và kết thúc bằng thẻ đóng (end tag).
Một số thẻ đặc biệt chỉ cần thẻ mở và tự đóng.

Tham khảo thêm về thẻ HTML tại W3School – HTML Elements

Các loại thẻ đóng - mở trong HTML
Các loại thẻ đóng – mở trong HTML

Ví dụ về các thẻ HTML cơ bản

Sau đây là ví dụ điển hình của 1 tài liệu HTML (hay 1 file HTML) có chứa nhiều thẻ HTML cơ bản.
tab HTML chính là ví dụ về 1 tài liệu HTML.
tab Result là kết quả trình duyệt web (Chorme, FireFox v.v…) sẽ trả về cho chúng ta thấy.

Người mới cần nhớ thẻ nào?

Khi viết nội dung cho website, nếu bạn là người mới thì chỉ cần nhớ 1 vài thẻ sau đây

Heading: từ h1 đến h6

Mặc định của trình duyệt thì cỡ chữ (font size) của nội dung trong thẻ h1 là lớn nhất, giảm dần và h6 là bé nhất.

  • h1: chỉ nên dùng 1 lần duy nhất khi viết 1 nội dung. Trong WordPress thì những người viết theme (giao diện) thường đặt tiêu đề của bài viết trong thẻ h1. Tiêu đề này thường chứa từ khóa chính.
  • h2: Tương tự như h1, 1 nội dung thường chỉ chứa 1 thẻ h2 chứa từ khóa chính (thường bạn không cần thêm h2 vào nội dung).
  • h3: Đây là thẻ mình hay dùng nhất, mỗi đầu mục của 1 đoạn mình sẽ dùng thẻ này. Chứa từ khóa và giải thích đoạn dưới nói về cái gì.
  • h4 đến h6: cũng thường được mình dùng làm đầu mục cho 1 đoạn văn, bên dưới thẻ h3.

Anchor Link

Thẻ a sẽ biến 1 đoạn Anchor Text trở thành 1 đường link để bấm được.
Trong phần “Ví dụ về các thẻ HTML cơ bản” bên trên, bạn sẽ thấy 1 đường link: TRANG CHỦ LamWebDeOt

  • Anchor Text: “TRANG CHỦ LamWebDeOt” là phần text nằm giữa thẻ a mở và a đóng. Bạn nên đặt có nghĩa, mô tả luôn về đường link đó.
  • href: là đường link mà người đọc SẼ được chuyển đến khi bấm vào.
  • title: giải thích ý nghĩa của đường link đó. Google đánh giá tốt nếu bạn có đủ title của đường link.
  • target=”_blank”: nếu muốn bấm vào link mở sang tab trình duyệt khác thì thêm, còn không bỏ đi.

Thẻ ảnh IMG

Một nội dung mà toàn text dài, chẳng ai muốn đọc.
Hãy làm nội dung sinh động bằng việc thêm các ảnh vào chỗ hợp lý.
Trong ví dụ ban đầu:

  • src: là nơi chứa link hình ảnh.
  • alt: là phần mô tả cho bức ảnh, rất quan trọng cho SEO. Bạn hãy thêm đầy đủ.

Thẻ Paragraph p

Thường dùng để bao 1 đoạn văn.
Trong WordPress mặc định khi chúng ta bấm phím Enter ở tab Visual,
thì đoạn văn đó tự động được bảo bởi 1 cặp thẻ p.

Video học HTML cơ bản qua các thẻ HTML cơ bản

Kết luận

Khi viết nội dung (post, page, product v.v…) chúng ta sẽ sử dụng các thẻ HTML cơ bản để cho nội dung đẹp hơn, dễ nhìn hơn.
Ngoài ra còn định hướng cho máy tìm kiếm thu thập nội dung của website tốt hơn.
Còn nhiều thẻ trong HTML nữa những bạn không cần thiết nắm được hết, cứ đọc dần cũng được.

Các thẻ HTML cơ bản phải biết khi viết nội dung
5 / 5 (5 votes)

Chỉ cần 3 giây để LIKE và CHIA SẺ bài này, giúp chúng tôi thêm động lực viết bài.
Để nhận nhiều video mới bổ ích, hãy bấm đăng ký kênh YouTube Làm Web Dễ Ợt.

3
Bình luận cho sôi nổi nào!

avatar
2 Comment threads
1 Thread replies
2 Followers
 
Most reacted comment
Hottest comment thread
3 Comment authors
Làm Web Dễ ỢtThai NguyenKHÁNH CẬN Recent comment authors
  Subscribe  
Mới nhất Cũ nhất Hay nhất
Thông báo
Thai Nguyen

Hi bạn, cho mình hỏi nếu trong theme của mình thẻ H3 bé quá mình dùng thẻ H2 thay có được không?

KHÁNH CẬN

cảm ơn bạn nhiều nhé