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

[BÀI 6]Định dạng văn bản trong CSS

Bài hôm nay chúng ta tìm hiểu về các thuộc tính CSS định dạng văn bản thường dùng. Thuộc tính định dạng Font chữ – Font : Thuộc tính rút gọn dùng để thiết lập tất cả thuộc tính cho một font trong một khai báo duy nhất. Ví dụ : XHTML ...

Trần Trung Dũng viết 3 tuần trước

Định dạng văn bản trong HTML

Định dạng văn bản trong HTML Ở bài viết trước, các bạn đã được tìm hiểu về các thuộc tính style trong HTML. HTML cũng định nghĩa các yếu tố xác định văn bản có ý nghĩa đặc biệt. HTML sử dụng các thẻ như <b> và <i> để định dạng văn bản in đậm ...

Trịnh Tiến Mạnh viết 14:54 ngày 07/09/2018

HTML – Giữ nguyên định dạng văn bản trong mã nguồn khi hiển thị

Khi soạn thảo văn bản với ngôn ngữ HTML, không ít lần chúng ta đã tự hỏi mình rằng? Đó là làm cách nào để hiển thị văn bản ra ngoài trình duyệt cũng giống y như lúc soạn thảo trong các text editor hay các IDE? Nghĩa là vẫn giữ nguyên các định dạng như ngắt dòng mà không cần phải sử dụng đến thẻ ...

Vũ Văn Thanh viết 14:09 ngày 07/09/2018

Thuộc tính định dạng văn bản trong CSS

Selector là gì? Tìm hiểu về Selector trong CSS Thuộc tính background trong CSS Thuộc tính thẻ a trong CSS Thuộc tính display trong CSS Các thuộc tính định dạng văn bản trong CSS như màu sắc, vị trí hiển thị, chữ in thường hay in hoa…rất quan trọng trong website. Chúng ta cùng ...

Vũ Văn Thanh viết 17:21 ngày 04/09/2018

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

HTML là gì? Tìm hiểu về HTML Các thẻ và thuộc tính trong HTML Các thẻ heading (h1,h2,h3,h4,h5,h6) và list (danh sách) Các thẻ Table, Tr, Td, tBody, thead, tfoot Hướng dẫn cách định dạng văn bản trong HTML thường dùng nhất giúp trình duyệt web hiểu được những hiển thị văn bản của bạn. ...

Trần Trung Dũng viết 16:53 ngày 04/09/2018
0