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/> freetuts.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>freetuts.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>freetuts.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>freetuts.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>freetuts.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>freetuts.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>freetuts.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>freetuts.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>freetuts.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.
Khóa học nên xem
Nguồn: freetuts.net