Bài 5: Các thẻ định dạng văn bản trong HTML

Bắt đầu từ bài này chúng ta bắt đầu đi vào tìm hiểu các thẻ HTML cơ bản và chúng ta sẽ làm việc chủ yếu trong cặp thẻ <body> để trình duyệt hiển thị nội dung cho người dùng.

Trong bài viết này mình sẽ tập trung giới thiệu với các bạn các thẻ định dạng văn bản trong HTML để giúp các bạn có thể định dạng được văn bản, chữ viết theo ý mình giống như trong Word với các định dạng như chữ in nghiêng, in đậm, xuống dòng,….

Các thẻ định dạng văn bản trong HTML cơ bản

Thẻ h – Thẻ định dạng tiêu đề văn bản

Với chữ viết trong HTML chúng ta có thể chia ra là 2 đó là tiêu đề và đoạn văn bản. Như vậy với tiêu đề để định dạng nó chúng ta sẽ sử dụng thẻ h trong đó sẽ có các thẻ từ h1 đến h6 chúng ta có thể sử dụng để phân cấp tiêu đề từ lớn đến nhỏ.

Để dễ hiểu hơn chúng ta có ví dụ với đoạn code sau:

Nhìn vào đoạn code trên bạn sẽ thấy thẻ h1 sẽ có cỡ chữ lớn nhất và thẻ h6 sẽ có cỡ chữ nhỏ nhất vì vậy bạn có thể tùy chọn định dạng tiêu đề cho phù hợp. Và bạn cũng lưu ý là trong SEO thì thẻ h1 được đánh giá mức độ quan trọng nhiều nhất rồi đến thẻ h6.

Thẻ p – Thẻ phân đoạn văn bản

Thẻ <p> được viết tắt từ chữ cái đầu của từ paragraph có nghĩa là đoạn văn bản và trong HTML thẻ p dùng để định dạng đoạn văn bản. Thẻ này chỉ chứa các nhóm thẻ inline như chữ, hình ảnh, link,…

Ví dụ:

Khi chạy đoạn code trên lên bạn sẽ thấy đoạn code trên sẽ phân thành 2 đoạn văn bản khác nhau mặc dù trên code chúng ta viết chúng thành 1 dòng.

Thẻ br – Thẻ ngắt dòng

Thẻ <br/> tương tự như khi soạn thảo trên Word chúng ta ấn Enter. Nó sẽ giúp ngắt dòng/xuống dòng tại bất cứ vị trí nào bạn đặt thẻ <br/> . Thẻ này là thẻ khuyết không có thẻ đóng.

Ví dụ:

Thẻ hr – Thẻ chèn 1 đường nằm ngang

Thẻ <hr/> thường được dùng để chèn 1 đường nằm ngang để phân chia nội dung bên trong trang HTML. Thẻ này là thẻ khuyết không có thẻ đóng được viết dưới dạng <hr/>.

Ví dụ:

Thẻ b – Thẻ bôi đậm chữ

Thẻ <b> là thẻ dùng để tô đậm chữ, đoạn văn bản.

Ví dụ:

Thẻ strong – Thẻ dùng để nhấn mạnh

Thẻ <strong> nếu chỉ nhìn đơn thuần thì nó cũng là bôi đậm tương tự thẻ <b> nhưng cú pháp của nó là để nhấn mạnh nội dung văn bản bên trong thẻ <strong>. Nó cũng có tác dụng trong SEO bằng “gây chú ý” cho bot tìm kiếm.

Ví dụ:

Thẻ small – Thẻ tạo chữ nhỏ

Thẻ <small> là thẻ để làm cho chữ nhỏ hơn so với bình thường.

Ví dụ:

Thẻ i – Thẻ in nghiêng

Thẻ <i> là viết tắt của từ italic, có tác dụng in nghiêng chữ, đoạn văn bản.

Ví dụ:

Thẻ u – Thẻ gạch chân

Thẻ <u> là thẻ gạch chân cho chữ trong HTML.

Ví dụ:

Thẻ mark – Thẻ làm nổi bật

Thẻ <mark> dùng để tô nền cho chữ, giúp làm nổi bật một đoạn văn bản.

Ví dụ:

Thẻ del – Thẻ gạch giữa chữ

Thẻ <del> dùng để tạo chữ bị gạch giữa.

Ví dụ:

Thẻ sup – Thẻ tạo chỉ số trên (số mũ)

Thẻ <sup> giúp đưa văn bản lên thành chỉ số mũ ở trên.

Ví dụ:

Thẻ sub – Thẻ tạo chỉ số dưới

Thẻ <sub> giúp đưa văn bản lên thành chỉ số dưới.

Ví dụ:

Như vậy với các thẻ BlogCongDong.Com giới thiệu ở trên hi vọng các bạn đã biết cách sử dụng chúng để định dạng cho chữ, đoạn văn bản trong web HTML của mình. Bài tiếp theo trong series học HTML cơ bản mình sẽ giới thiệu cho các bạn các thẻ tạo danh sách các bạn nhớ chú ý theo dõi để học tiếp nhé. Chúc các bạn thành công!

Bài 5: Các thẻ định dạng văn bản trong HTML
5 6 votes

Tìm bài viết này bằng từ khóa:

  • Thẻ định dạng văn bản:
  • trinh bay su hieu biet cua anh chi ve cac the dinh dang van ban trong html
  • định dạng hàng ngang html

Để lại ý kiến của bạn

Hãy trở thành người đầu tiên bình luận!

avatar
wpDiscuz
Hello! Tôi là Nguyễn Hùng, Blog Cộng Đồng là blog tôi xây dựng nhằm mục đích chia sẻ miễn phí các kiến thức về máy tính và làm web Wordpress, SEO, MMO,...cho tất cả mọi người. Cảm ơn bạn đã ghé qua và đọc blog, nếu thấy bài viết hay hãy chia sẻ nó thay cho lời cảm ơn nhé. → Xem tiếp"

ĐĂNG KÝ NHẬN TIN QUA EMAIL

Nhận thông tin bổ ích về WordPress, SEO, Thủ thuật máy tính, Word, Excel....và các phần quà hấp dẫn qua email.