Chủ đề nổi bật

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

Kể từ bài này chúng ta bắt đầu tìm hiểu các thẻ HTML thông dụng thường được sử dụng, sau đó chúng ta sẽ áp dụng CSS để xây dựng bổ cục giúp ...

Kể từ bài này chúng ta bắt đầu tìm hiểu các thẻ HTML thông dụng thường được sử dụng, sau đó chúng ta sẽ áp dụng CSS để xây dựng bổ cục giúp website đẹp hơn. Các thẻ HTML mình trình bày tương đối đơn giản nên bạn có thể sử dụng google để tìm kiếm bất kì một blog lập trình nào.

1. Các thẻ HTML định dạng văn bản thông dụng

Sau đây là danh sách các thẻ HTML dùng để định dạng văn bản.

Thẻ p - phân đoạn văn

Thẻ p có nghĩa là bold, được dùng để phân đoạn văn trong bài văn. 

Ví dụ: XEM DEMO

<p>
    Donec nibh urna, mattis nec lacinia egestas, volutpat quis risus. Morbi sagittis blandit cursus. Morbi in velit dui. Suspendisse aliquam porttitor tortor at tempus. Ut gravida, eros a porttitor ornare, quam mauris dignissim nisl, ac eleifend metus erat dignissim felis.
</p>
<p>
    Donec nibh urna, mattis nec lacinia egestas, volutpat quis risus. Morbi sagittis blandit cursus. Morbi in velit dui. Suspendisse aliquam porttitor tortor at tempus. Ut gravida, eros a porttitor ornare, quam mauris dignissim nisl, ac eleifend metus erat dignissim felis.
</p>

Chạy lên bạn thấy khoảng cách giữa hai đoạn văn được ngăn bởi một dòng trống.

Thẻ br - xuống hàng

Thẻ br dùng để xuống hàng.

Ví dụ: XEM DEMO

<p>
    Chào mừng bạn đến với <br/> code24h.com
</p>

Thẻ b - bôi đậm

Thẻ b có tác dụng  bôi đậm một đoạn văn.

Ví dụ: XEM DEMO

<p>
    Chào mừng bạn đến với <b>code24h.com</b>
</p>

Thẻ strong - nhấn mạnh

Thẻ strong có tác dụng tương tự thẻ b, nghĩa là nó sẽ bôi đen và nhấn mạnh đoạn văn.

Ví dụ: XEM DEMO

<p>
    Chào mừng bạn đến với <strong>code24h.com</strong>
</p>

Thẻ i - in nghiên

Thẻ i có nghĩa là Italic, có tác dụng in nghiên đoạn text.

Ví dụ: XEM DEMO

<p>
    Chào mừng bạn đến với <i>code24h.com</i>
</p>

Thẻ small - chữ nhỏ

Thẻ small dùng để định dạng cho chữ nhỏ hơn bình thường.

Ví dụ: XEM DEMO

<p>
    Chào mừng bạn đến với <small>code24h.com</small>
</p>

Thẻ mark - hightline

Thẻ mark được dùng để đánh dấu hightline cho đoạn văn.

Ví dụ: XEM DEMO

<p>
    Chào mừng bạn đến với <mark>code24h.com</mark>
</p>

Thẻ del - gạch giữa

Thẻ del được dùng để gạch giữa đoạn văn.

Ví dụ: XEM DEMO

<p>
    Chào mừng bạn đến với <del>code24h.com</del>
</p>

Thẻ sub - nhảy xuống dưới

Thẻ sub được dùng để cho đoạn chữ nhảy xuống dưới so với đoạn văn.

Ví dụ: XEM DEMO

<p>
    Chào mừng bạn đến với <sub>code24h.com</sub>
</p>

Thẻ sup - nhảy lên trên

Thẻ sup được dùng để đẩy đoạn chữ nhảy lên trên so với đoạn văn.

Ví dụ: XEM DEMO

<p>
    Chào mừng bạn đến với <sup>code24h.com</sup>
</p>

2. Lời kết

Trên là các thẻ thường được dùng để định dạng văn bản. Ngoài các thẻ này ra thì ta có thể sử dụng CSS để thay thế và thông thường thì ta hay sử dụng cách này hơn.

Bài này kết thúc ở đây, bài tiếp theo chúng ta sẽ tìm hiểu các thẻ HTML định dạng table.

BÀI KẾ SAU
BÀI KẾ TIẾP

Nguồn: code24h.com

Bài liên quan
Mới nhất

Bài 07: Dùng thẻ img trong HTML để tạo hình ảnh

Có câu " một website đẹp phải có hình ảnh, bổ cục rõ ràng và nhiều hiệu ứng bắt mắt ". Chỉ với câu nói này thôi đủ để chúng ta liệt kê những công ...

Bài 06: Dùng thẻ a trong HTML để tạo links

Trong một website luôn tồn tại các link liên kết với nhau. Ví dụ như bài HTML là gì mình đã gán một link tới trang trình bày khái niệm đó. Vậy thì ...

Bài 08: Sử dụng CSS tùy chỉnh giao diện HTML

Theo mặc định giao diện của các thẻ HTML sẽ không đẹp và không thể nào làm giống như giao diện trong file PSD được, vì vậy ta phải sử dụng thêm ...

Bài 05: Các thẻ HTML định dạng Table

Table là một định dạng dùng để hiển thị dữ liệu ở dạng danh sách. Mỗi table sẽ được chia ra gồm hai thành phần là cột với hàng, và được tạo thành ...

Bài 04: Các thẻ HTML định dạng heading và list

Trong bài này mình sẽ tìm hiểu hai nhóm thẻ dùng để nhấn mạnh nội dung của một trang web và chia ra từng mục lục giúp cho trang web dễ nhìn hơn. ...

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

Kể từ bài này chúng ta bắt đầu tìm hiểu các thẻ HTML thông dụng thường được sử dụng, sau đó chúng ta sẽ áp dụng CSS để xây dựng bổ cục giúp ...

Bài 02: HTML Elements và Attributes

Ở bài HTML là gì mình có nói HTML bản chất giống XML nên nó được tạo thành từ hai thành phần chính đó là tên thẻ ( tagname ) và các thuộc tính ( attribute ). Đối với ...

HTML là gì? Bố cục HTML của một trang web đơn giản - Bài 01

Khi bắt đầu làm quen với lập trình web thì HTML chính là nội dung đầu tiên mà bạn phải học, sau đó bạn sẽ kết hợp với CSS để tạo ra những sản phảm rất là độc đáo. Nghe nói thì hay nhưng bạn mới học ...