Định dạng trong HTML

Trong bài viết dưới đây, chúng ta sẽ tìm hiểu cách định dạng văn bản trong tài liệu HTML. Cụ thể là cách để in đậm, in nghiêng, gạch chân, màu chữ, kiểu chữ,.v.v…Cùng theo dõi nhé!

Định dạng trong HTML

1. Định dạng trong HTML

Định dạng HTML là một quá trình định dạng văn bản để có giao diện trông đẹp mắt hơn. Có nhiều thẻ định dạng trong HTML. Các thẻ này được sử dụng để làm cho văn bản đậm, nghiêng hoặc gạch chân. Có 12 lựa chọn định dạng văn bản có sẵn trong HTML.

2. Các loại định dạng HTML

2.1 Chữ đậm trong HTML

Sử dụng thẻ <b>............</b> để hiển thị chữ đậm. Ví dụ:

<p><b> Đây là đoạn văn có chữ đậm.</b></p>

Output:

 Đây là đoạn văn có chữ đậm.

2.2 Chữ nghiêng trong HTML

Sử dụng thẻ <i>............</i> để hiển thị chữ nghiêng. Ví dụ:

<p><i> Đây là đoạn văn có chữ nghiêng.</i></p>

Output:

Đây là đoạn văn có chữ nghiêng.

2.3 Chữ bị ngạch chân trong HTML

Sử dụng thẻ <u>............</u> để hiển thị chữ bị ngạch chân. Ví dụ:

<p> <u> Đây là đoạn văn có chữ bị ngạch chân.</u></p>

Output:

Đây là đoạn văn có chữ bị ngạch chân.

2.4 Đánh dấu văn bản trong HTML

Sử dụng thẻ <mark>............</mark> để đánh dấu văn bản. Ví dụ:

<p>Đánh dấu chữ <mark> Test </mark> </p>

Output:

Đánh dấu chữ  Test 

2.5 Chữ bị kẻ ngang trong HTML

Sử dụng thẻ <strike>............</strike> để hiển thị chữ bị kẻ ngang. Ví dụ:

<p><strike> Đây là đoạn văn có chữ bị kẻ ngang.</strike></p>

Output:

Đây là đoạn văn có chữ bị kẻ ngang. 

2.6 Chữ đơn cách

Sử dụng thẻ <tt>............</tt> để hiển thị từng ký tự trong văn bản với độ rộng bằng nhau.

<p>Hello <tt> Các ký tự có độ rộng bằng nhau. </tt></p>

Output:

Hello  Các ký tự có độ rộng bằng nhau. 

2.7 Hiển thị văn bản bên trên văn bản khác

Sử dụng thẻ <sup>............</sup> để hiển thị văn bản bên trên một văn bản khác. Ví dụ:

<p>2<sup>3 </sup> = 8</p>

Output:

23  = 8

2.8 Hiển thị văn bản bên dưới văn bản khác

Sử dụng thẻ <sub>............</sub> để hiển thị văn bản bên dưới một văn bản khác. Ví dụ:

<p>Hello <sub> chữ bên dưới </sub></p>

Output:

Hello  chữ bên dưới 

2.9 Chữ bị xóa trong HTML

Sử dụng thẻ <del>............</del> để hiển thị chữ bị xóa. Ví dụ:

<p>Hello <del> Đây là chữ đã bị xóa.</del></p> 

Output:

Hello  Đây là chữ đã bị xóa.

2.10 Chèn chữ trong HTML

Sử dụng thẻ <ins>............</ins> để hiển thị chữ được chèn vào. Ví dụ:

<p><del> Chữ bị xóa </del> <ins> Đây là chữ được chèn vào.</ins></p>   

Output:

Chữ bị xóa  Đây là chữ được chèn vào.

2.11 Chữ to trong HTML

Sử dụng thẻ <big>............</big> để hiển thị chữ to hơn. Ví dụ:

<p>Hello <big> Chữ to hơn. </big></p>

Output:

Hello  Chữ to hơn. 

2.12 Chữ nhỏ trong HTML

Sử dụng thẻ <small>............</small> để hiển thị chữ nhỏ hơn. Ví dụ:

<p>Hello <small> Chữ nhỏ hơn. </small></p>

Output:

Hello  Chữ nhỏ hơn. 

Trên đây là bài viết của eLib.VN về Định dạng trong HTML. Hy vọng bài viết hữu ích cho những bạn đang có nhu cầu học về thiết kế web.

Ngày:06/11/2020 Chia sẻ bởi:

CÓ THỂ BẠN QUAN TÂM