Ngôn ngữ HTML - Định dạng HTML

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

Định dạng làm cho văn bản đẹp hơn lúc ban đầu. Trong HTML có rất nhiều thẻ dùng để định dạng HTML như: In đậm, in nghiêng, hoặc gạch chân. 
Dưới đây chúng ta có 11 thẻ định dạng cơ bản:

1. In đậm
Nếu bạn muốn In đậm 1 đoạn văn bản thì bạn dùng thẻ <b>.

Cú pháp:

 <b>Nội dung cần in đậm</b> 

<p> <b>Đoạn văn bản này được In Đậm.</b></p>   

Xem ví dụ

2. In Nghiêng

Nếu bạn muốn In nghiêng 1 đoạn văn bản thì bạn dùng thẻ <i>.

Cú pháp:

 <i>Nội dung cần in đậm</i>

<p> <i>Đoạn văn bản này được In nghiêng.</i></p>   

Xem ví dụ

3. Đánh dấu HTML

Nếu bạn muốn  đánh dấu đoạn văn bản, bạn nên viết nội dung trong thẻ <mark>

Cú pháp:

<mark> Nội dung</ mark>.

<h2>  Tôi muốn đóng <mark> dấu</mark>lên khuông mặt của bạn</h2>  

Xem ví dụ


4. Gạch chân văn bản

Nêu bạn muốn gạch chân đoạn văn bản dùng thẻ sau <u>.

Cú pháp:

<u>Nôi dung </u>

<p> <u> Đoạn văn bản này được gạch chân.</u></p>   

Xem ví dụ

5. Gạch ngang đoạn văn bản

Đôi khi bạn muốn đoạn văn bản gạch ngang ta dùng thẻ <strike>.
Cú pháp:
<strike>Nội dung </strike>

<p> <strike>Đoạn văn bản sau được gạch ngang</strike>.</p>   

Xem ví dụ

6.Tạo chỉ số trên

Nếu bạn muốn tạo chỉ số trên dùng thẻ <sup>:

Cú pháp:

<sup>Nội dung</sup>

<p>AX <sup>3.</sup>+BX<sub>2</sup>+CX+B=0</p> 

 Xem ví dụ

7. Tạo chỉ số dưới

Nếu bạn muốn tạo chỉ số trên dùng thẻ <sub>.

Cú pháp:

<sub>Nội dung</sub>

<p>H <sub>2</sub>O</p>  


Xem ví dụ

8. Đoạn văn bản gạch ngang

Nếu bạn muốn đoạn văn bản gạch ngang dùng thẻ <del>.

Cú pháp :

<del>Nội dung</del>

<p> <del>Xóa một đoạn văn bản.</del></p>  

Xem ví dụ

9. Gạch chân một đoạn văn bản

Nếu bạn muốn đoạn văn bản bị gạch chân dùng thẻ <ins>

Cú pháp:

<ins>Nội dung</ins>

<p> <del>Xóa một đoạn văn bản.</del><ins>Viết thêm đoạn văn bản khác.</ins></p>   


Xem ví dụ

10. Đoạn văn bản có font chữ lớn

Nếu bạn muốn đặt kích thước font lớn hơn phần còn lại của văn bản thì đặt nội dung trong <big> ......... </ big>. Tăng kích thước phông chữ lớn hơn kích thước phông trước.

Cú pháp: <big>Nội dung</big>

<p>Xin chào <big>Đoạn văn bản có font chữ lớn.</big></p>  

Xem ví dụ0

11. Đoạn văn bản có font chữ nhỏ 

Nếu bạn muốn đặt kích thước font nhỏ hơn phần còn lại của văn bản thì đặt nội dung trong < small> ......... </ small>. Tăng kích thước phông chữ lớn hơn kích thước phông trước.

Cú pháp: 
< small>Nội dung</ small>
 

<p>Xin chào < small>Đoạn văn bản có font chữ nhỏ.</ small></p>   

Xem ví dụ1

 

Đừng quên </thẻ đóng>
Một phần tử HTML phải đầy đủ ba thành phần <thẻ mở>Nội dung của phần tử</thẻ đóng>
Nếu thiếu </thẻ đóng> thì sẽ ảnh hưởng đến các phần tử khác, dẫn đến việc hiển thị không như ý muốn của bạn.