Thẻ định dạng văn bản trong HTML giúp các trình duyệt Web hiểu được cách trình bày và hiển thị văn bản trên trang Web.
- Thẻ tiêu đề (Heading): Thẻ này đánh dấu phần tiêu đề của văn bản, bao gồm thẻ bắt đầu <hx> và thẻ kết thúc </hx>, trong đó x là từ 1 đến 6 mức kích thước lớn nhỏ của Font chữ thể hiện trên trang Web. Thông thường h1 là lớn nhất và h6 là nhỏ nhất, tuy nhiên các thẻ Heading này có thể được định dạng lại tùy ý. HTML sẽ tự động thêm dòng trống trước và sau tiêu đề này.
Thí dụ:
<h1>Dòng này được đặt trong thẻ h1</h1><h2>Dòng này được đặt trong thẻ h2</h2>
<h3>Dòng này được đặt trong thẻ h3</h3>
<h4>Dòng này được đặt trong thẻ h4</h4>
<h5>Dòng này được đặt trong thẻ h5</h5>
<h6>Dòng này được đặt trong thẻ h6</h6>
- Thẻ đoạn văn bản (Paragraph): Văn bản nằm trong thẻ này sẽ được đánh dấu là một đoạn, thẻ này bao gồm thẻ bắt đầu <p> và thẻ kết thúc </p>. HTML sẽ tự động thêm dòng trống trước và sau đoạn văn bản này để tạo khoảng cách giữa các đoạn văn bản với nhau.
Thí dụ:
<p>Đây là đoạn văn bản thứ 1</p>
<p>Đây là đoạn văn bản thứ 2</p>
- Thẻ ngắt hàng (Line Breaks): Thẻ này đánh dấu việc kết thúc một hàng nhưng không bắt đầu một đoạn mới. Thẻ này chỉ có thẻ bắt đầu <br> và không cần thẻ kết thúc, văn bản nằm sau thẻ này sẽ được chuyển xuống hàng dưới.
Thí dụ:
<p>Đây là đoạn văn bản thứ 1</p>
<p>Đây là hàng thứ 1 của đoạn văn bản thứ 2<br>
Đây là hàng thứ 2 của đoạn văn bản thứ 2</p>
Đây là hàng thứ 2 của đoạn văn bản thứ 2</p>
- Chú thích trong văn bản HTML: Phần chú thích này chỉ dùng để đánh dấu hoặc ghi chú cho 1 đoạn HTML nào đó, trình duyệt sẽ bỏ qua phần chú thích này. Phần chú thích được đặt trong cặp dấu: <!-- Đây là phần chú thích -->.
- Thẻ định dạng văn bản đậm: Các văn bản trong thẻ này sẽ được hiển thị đậm:
<b>Dòng này được in đâm</b>
<strong>Dòng này được in đâm</strong>
- Thẻ định dạng văn bản nghiêng: Các văn bản trong thẻ này sẽ được hiển thị nghiêng:
<em>Dòng này được in nghiêng</em>
<i>Dòng này được in nghiêng</i>
- Thẻ định dạng văn bản gạch dưới: Các văn bản trong thẻ này sẽ được hiển thị gạch dưới:
- Có thể kết hợp các thẻ này để định dạng cho văn bản bằng cách lồng chúng vào nhau: