Bootstrap

Vũ Thành Lâm

Content - Code - SEO - MMO
17/10/1979
Tây Mỗ - Nam Từ Liêm - Hà Nội
thanhlam19792003

Lamvt – Vũ Thành Lâm – bắt đầu Code 2005 Freelancer từ 2006 với hàng ngàn dự án lớn nhỏ cho nước ngoài và hàng trăm dự án web cho Việt Nam.

SEO thành công rất nhiều dự án lớn, độ khó cao.
MOD (Moderator) và Admin (Administraror) của nhiều diễn đàn về SEO và CODE web MMO tại Việt Nam
Dạy Lập trình Thiết kế Web và SEO Miễn phí 17++ Năm (Từ 2006 đến Nay)

Các thẻ heading và định dạng chữ viết trong văn bản

5/5 - (6 bình chọn)

Ở bài trước chúng ta đã tìm hiểu các cặp thẻ và thuộc tính của chúng, hôm nay chúng ta sẽ tiếp tục tìm hiểu cặp thẻ headings, paragraph và một số cặp thẻ khác nữa. Oke. Đầu tiên là cặp thẻ headings.

HTML Headings

Trong HTML có tất cả 6 cặp thẻ headings để thể hiện các tiêu đề trong website, bao gồm các thẻ từ h1, h2… h6. Nó được sắp xếp theo thứ tự ưu tiên và cũng theo thứ tự đó thì tầm quan trọng của thẻ Heading sẽ giảm dần, quan trọng nhất là h1 và tiếp theo là h2, h3… Vì thẻ heading sẽ chỉ cho các công cụ tìm kiếm hiểu được cấu trúc của website và đâu là nội dung chính của website.

Các thẻ heading và định dạng chữ viết trong văn bản cac-cap-the-headings-trong-html

** Cách sử dụng thẻ heading hiệu quả nhất:

Nếu bạn biết tận dụng các cặp thẻ heading thì bạn sẽ thấy được tác dụng của chúng khi SEO đấy, dưới đây là 1 vài chia sẻ về cặp thẻ heading trong SEO:

  • Thẻ heading 1 Thường thì một page của bạn chỉ nên có 1 cặp thẻ heading 1 và cặp thẻ này chứa từ khóa quan trọng nhất của website.
  • Thẻ Heading 2: Là tiêu đề phụ của h1, cặp thẻ này được sử dụng để phân chia nội dung thành các khối. Một bài viết nên có từ 1 – 3 thẻ heading 2 trong bài viết, và thẻ heading đó bạn nên mô tả chính xác và tóm gọn nội dung trong từng mục
  • Thẻ Heading 3: Thẻ Heading 3 được dùng mô tả chi tiết cho từng ý nhỏ trong nôi dung, thẻ này được dùng bổ trợ sức mạnh cho heading 2.

HTML Paragraph

Thẻ <p> </p> là cặp thẻ định nghĩa một đoạn văn bản

Thẻ <p></p> tự động tạo ra một khoảng cách trước và sau nó, khoảng cách này sẽ thay đổi tùy theo trình duyệt.

Các thẻ định dạng chữ viết

Mình xin giải thích bằng ví dụ cho các bạn dễ hình dung nhé. Mình có đoạn code sau:

Các thẻ heading và định dạng chữ viết trong văn bản the-dinh-dang-van-ban-trong-html

Kết quả khi chạy trên trình duyệt sẽ được như sau:

Các thẻ heading và định dạng chữ viết trong văn bản ket-qua-the-dinh-dang-van-banNhìn đây các bạn cũng phần nào hình dung được tác dụng của mỗi thẻ rồi phải không. Mình xin giải thích cho rõ ràng hơn.

  • <strong></strong> hoặc <b></b>(bold): In đậm chữ viết
  • <i></i>(italic): In nghiêng chữ viết.
  • <u></u>(underline): Gạch chân chữ viết.
  • <strike></strike>: Gạch ngang chữ viết.

** Trong thẻ <p></p> có thuộc tính rất hay để định dạng chữ viết đó là thuộc tính style. Mặc dù về sau chúng ta sử dụng CSS, nhưng với một số đoạn thông thường thì ta vẫn có thể dùng thuộc tính này.

Cấu trúc viết thuộc tính như sau:

<tên thẻ style=” tên thuộc tính: giá trị; ” ></thẻ đóng>(nếu có)

Chúng ta có thể thay đổi kích thước chữ, font chữ, màu chữ, căn lề…

Ví dụ:

Các thẻ heading và định dạng chữ viết trong văn bản style-the-dinh-dang

Kết quả khi chạy trình duyệt sẽ được như sau:

Các thẻ heading và định dạng chữ viết trong văn bản ket-qua-style-the-dinh-dangĐến đây chúng ta đã học được khá nhiều thẻ trong HTML rồi đó, mình khuyên các bạn nên thực hành lại để có thể nhớ được các cặp thẻ đó. Bài tiếp theo chúng ta sẽ học cách tạo ra danh sách (List) trong HTML.

Tin mới nhất

VR PLUS (https://vrplus.vn/ ) Là một trong những dự án do Lamvt thực hiện trong thời gian gần đây. Như...

Trong một năm qua, chúng tôi đã xuất bản khoảng 79 bài viết SEO trên blog Ahrefs. Các bài viết...

Khám phá kĩ thuật viết nội dung SEO Nếu không có SEO, nội dung của bạn có thể bị chìm...

Các website về lĩnh vực làm đẹp cần phải có một thiết kế (design) hấp dẫn và bắt mắt. Điều...

Core Web Vitals được đo lường như thế nào? Làm thế nào để bạn biết các bản sửa lỗi đã...

Tin được yêu thích

Như đã nói, phần mềm chỉnh sửa video đang ngày càng chứng tỏ được tầm quan trọng của mình, nhất...

Nhiều bạn thắc mắc là sau khi cài đặt Plugin cho Google AMP thì làm thế nào để kiểm tra,...

Các trang web giáo dục và các trang web của chính phủ có một lợi thế hơn trong bảng xếp...

Nội dung là một trong 3 tiêu chí quan trọng để google đánh giá thứ hạng tìm kiếm cho website...

Thẻ <span> </span> Thẻ <span> là thẻ khá đặc biệt trong HTML, theo mặc định thì thẻ <span> được thêm...

Khách đang xem

  1. GoDaddy là một trong những thương hiệu nổi tiếng trong thị trường miền và web-hosting. GoDaddy phổ biến vì những lý do...
    2 giây trước
  2. Dấu tích xanh là một huy hiệu Facebook thật khó để nắm bắt mà không phải ai cũng có thể...
    12 giây trước
  3. Bạn muốn bắt đầu xây dựng một Website Online của riêng mình? Đối với những ai không thuộc dân công...
    23 giây trước
  4. Kiến thức SEO là cả một đại dương mênh mông. Nó không hẳn là các định lý có sẵn như...
    12 giây trước
  5. Bạn muốn có một Website của riêng bạn? Bạn sẽ cần một máy chủ hosting... Nhưng đó là gì? Bạn truy...
    29 giây trước
  6. Trong hai phần trước, chúng ta đã cùng tìm hiểu 50 thủ thuật giúp bạn tùy chỉnh trang web bán...
    30 giây trước
  7. Sau buổi học tìm hiểu và biết về SEO là gì? Và các cỗ máy tìm kiếm hoạt động như...
    20 giây trước
  8. Thiết kế Website Hoa cây cảnh chuẩn SEO là cách hiệu quả giúp doanh nghiệp kết nối với khách hàng...
    22 giây trước
  9. Nhiều bạn hỏi tại sao lại SEO? Tôi nói rằng muốn kiếm nhiều tiền hơn. Sao lại nhiều hơn? Có...
    27 giây trước
  10. Khi bắt đầu bạn tiến hành SEO bất kỳ một trang web nào, điều đầu tiên bạn nghĩ tới hay...
    6 giây trước