Định dạng HTML - in đậm, in nghiêng, gạch chân, gạch ngang, ... trong HTML

In đậm trong HTML

Sử dụng thẻ :

<b>nội_dung</b>
Nội dung trong thẻ <b>nội_dung</b> sẽ được in đậm.

VÍ DỤ

<!DOCTYPE html>
<html>
<head>
<title>In đậm văn bản trong HTML</title>
</head>
<body>
<p>Ví dụ - <b>NỘI DUNG IN ĐẬM</b>.</p>
</body>
</html>

Kết quả :

In đậmm văn bản trong HTML

Ví dụ - NỘI DUNG IN ĐẬM.

In nghiêng trong HTML

Sử dụng thẻ :

<i>nội_dung</i>
Nội dung trong thẻ <i>nội_dung</i> sẽ được in nghiêng.

VÍ DỤ

<!DOCTYPE html>
<html>
<head>
<title>In nghiêng văn bản trong HTML</title>
</head>
<body>
<p>Ví dụ - <i>NỘI DUNG IN NGHIÊNG</i>.</p>
</body>
</html>

Kết quả :

In nghiêng văn bản trong HTML

Ví dụ - NỘI DUNG IN NGHIÊNG.

Gạch chân trong HTML

Sử dụng thẻ :

<u>nội_dung</u>
Nội dung trong thẻ <u>nội_dung</u> sẽ được gạch chân.

VÍ DỤ

<!DOCTYPE html>
<html>
<head>
<title>Gạch chân văn bản trong HTML</title>
</head>
<body>
<p>Ví dụ - <u>NỘI DUNG GẠCH CHÂN</u>.</p>
</body>
</html>

Kết quả :

Gạch chân văn bản trong HTML

Ví dụ - NỘI DUNG GẠCH CHÂN.

Gạch ngang trong HTML

Sử dụng thẻ :

<strike>nội_dung</strike>
Nội dung trong thẻ <strike>nội_dung</strike> sẽ được gạch ngang.

VÍ DỤ

<!DOCTYPE html>
<html>
<head>
<title>Gạch ngang văn bản trong HTML</title>
</head>
<body>
<p>Ví dụ - <strike>NỘI DUNG GẠCH NGANG</strike>.</p>
</body>
</html>

Kết quả :

Gạch ngang văn bản trong HTML

Ví dụ - NỘI DUNG GẠCH NGANG.

Cách làm văn bản hiển thị lớn hơn trong HTML

Sử dụng thẻ :

<big>nội_dung</big>
Nội dung trong thẻ <big>nội_dung</big> sẽ được hiển thị ở một kích cỡ lớn hơn phần văn bản xung quanh.

VÍ DỤ

<!DOCTYPE html>
<html>
<head>
  <title>Ví dụ <big>thẻ big</big> trong HTML</title>
</head>
<body>
<p>Ví dụ - Nội dung trong thẻ <span style="color:#0072b5"><big>big</big></span> sẽ được hiển thị ở một kích cỡ lớn hơn.</p>
</body>
</html>

Kết quả :

Ví dụ <big>thẻ big</big> trong HTML

Ví dụ - Nội dung trong thẻ big sẽ được hiển thị ở một kích cỡ lớn hơn.

Cách làm văn bản hiển thị nhỏ hơn trong HTML

Sử dụng thẻ :

<small>nội_dung</small>
Nội dung trong thẻ <small>nội_dung</small> sẽ được hiển thị ở một kích cỡ nhỏ hơn phần văn bản xung quanh.

VÍ DỤ

<!DOCTYPE html>
<html>
<head>
  <title>Ví dụ <small>thẻ small</small> trong HTML</title>
</head>
<body>
<p>Ví dụ - Nội dung trong thẻ <span style="color: #0072b5;"><small>small</small></span> sẽ được hiển thị ở một kích cỡ nhỏ hơn.</p>
</body>
</html>

Kết quả :

Ví dụ <small>thẻ small</small> trong HTML

Ví dụ - Nội dung trong thẻ small sẽ được hiển thị ở một kích cỡ nhỏ hơn.

Font đơn cách trong HTML

Sử dụng thẻ :

<tt>nội_dung</tt>
Nội dung trong thẻ <tt>nội_dung</tt> sẽ có khoảng cách các ký tự sẽ như nhau.

VÍ DỤ

<!DOCTYPE html>
<html>
<head>
<title>Ví dụ thẻ tt trong HTML</title>
</head>
<body>
<p>Ví dụ - <tt>Nội dung trong <span style="color: #0072b5;"><b>thẻ tt</b></span> sẽ có khoảng cách <b>các ký tự</b> sẽ <b>như nhau</b>.</tt> </p></body>
</html>

Kết quả :

Ví dụ thẻ tt trong HTML

Ví dụ - Nội dung trong thẻ tt sẽ có khoảng cách các ký tự sẽ như nhau.