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í 15++ 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. Nếu thế giới có mạng internet thì có thể không có ứng dụng hoặc trò chơi nhưng không thể không...
    23 giây trước
  2. Việt Nam Google Adsense livestream: Mẹo giúp phát triển doanh nghiệp trực tuyến của bạn với Google Adsence. Cảm ơn...
    23 giây trước
  3. Facebook đã ra mắt tiện ích gửi tin nhắn, nó cho phép các người quản lý trang web, blog cung...
    3 giây trước
  4. Câu hỏi Tôi làm development trên một box và có sử dụng cho production. Tôi kết xuất cơ sở dữ...
    29 giây trước
  5. Chúng ta sẽ tiếp tục phần bài viết cuối về 32 thủ thuật hữu ích cho tập tin functions.php của...
    15 giây trước
  6. Công nghệ của bộ máy tìm kiếm ngày càng phát triển, các thuật toán cũng được nâng cấp và cải...
    7 giây trước
  7. Xã hội hiện đại đang phát triển xu hướng tương tác trực tuyến cho công việc, học tập, mua sắm,...
    7 giây trước
  8. Bạn biết gì chưa? Năm 2017 là mốc thời gian đánh dấu sự thay đổi lớn đối với các SEOer....
    28 giây trước
  9. Nội dung SEO là gì? Nội dung SEO là nội dung trực tuyến được thiết kế để xếp hạng trong...
    15 giây trước
  10. Thế nào là SEO off-page? Trong SEO có 2 khái niệm là SEO on-page và SEO off-page. SEO on-page nghĩa...
    17 giây trước