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

Nội dung của trang web cũng có thể được trình bày giống các tài liệu văn bản khác như Font chữ lớn nhỏ, đậm nhạt, nghiêng, gạch chân, màu sắc,... Việc định dạng này được thực hiện thông qua các thẻ định dạng văn bản trong HTML, chúng 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 thường được dùng để đá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>

Kết quả hiển thị:

Dòng này được đặt trong thẻ h1

Dòng này được đặt trong thẻ h2

Dòng này được đặt trong thẻ h3

Dòng này được đặt trong thẻ h4

Dòng này được đặt trong thẻ h5

Dòng này được đặt trong thẻ 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>

Kết quả hiển thị:

Đây là đoạn văn bản thứ 1

Đây là đoạn văn bản thứ 2

THẺ NGẮT DÒNG (Line Breaks): Thẻ này đánh dấu việc kết thúc một dò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 dòng dưới.

Thí dụ:

<p>Đây là đoạn văn bản thứ 1</p>
<p>Đây là dòng thứ 1 của đoạn văn bản thứ 2<br>
Đây là dòng thứ 2 của đoạn văn bản thứ 2</p>

Kết quả hiển thị:

Đây là đoạn văn bản thứ 1

Đây là hàng thứ 1 của đoạn văn bản thứ 2
Đây là hàng thứ 2 của đoạn văn bản thứ 2

CHÚ THÍCH TRONG 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>

Kết quả hiển thị:

Dòng này được in đâm

Dòng này được in đâm

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

Thí dụ:

<em>Dòng này được in nghiêng</em>
<i>Dòng này được in nghiêng</i>

Kết quả hiển thị:

Dòng này được in nghiêng

Dòng này được in nghiêng

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

<u>Dòng này được gạch dưới</u>

Kết quả hiển thị:

Dòng này được 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

<b><i><u>Dòng này được in đậm, nghiêng và gạch dưới</u></i></b>

Kết quả hiển thị:

Dòng này được in đậm, nghiêng và gạch dưới

www.buaxua.vn