06/04/2021, 14:49

Bài 03: Các thẻ HTML định dạng văn bản - Học HTML căn bản & nâng cao

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 ...

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/> Zaidap.com.net
</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>Zaidap.com.net</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>Zaidap.com.net</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>Zaidap.com.net</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>Zaidap.com.net</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>Zaidap.com.net</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>Zaidap.com.net</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>Zaidap.com.net</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>Zaidap.com.net</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.

Chuyên đề học lập trình web: Học phần HTML / CSS

Đây là chương thứ nhất trong chuyên đề tự học lập trình web với PHP. Trong chương này chúng ta sẽ học HTML và CSS trước.

Các bạn hãy sub kênh để ủng hộ mình nhé. Link chuyên đê tại đây.

Trịnh Tiến Mạnh

27 chủ đề

6824 bài viết

0