10.1 Bắt đầu định dạng
Định dạng văn bản bằng cách sử dụng các thẻ <b>
, <strong>
, <i>
,
<em>
, <u>
và <small>
cho phép các nhà phát triển web cải thiện
độ dễ đọc và tạo điểm nhấn cho các phần cụ thể của văn bản. Mỗi thẻ này có cách sử dụng đặc biệt của nó:
<b>
: văn bản đậm không có ý nghĩa đặc biệt<strong>
: văn bản đậm có nhấn mạnh về mức độ quan trọng<i>
: văn bản nghiêng để tạo điểm nhấn phong cách<em>
: văn bản nghiêng có nhấn mạnh về logic hoặc ý nghĩa<u>
: văn bản gạch chân để tạo điểm nhấn hình ảnh<small>
: văn bản nhỏ cho thông tin phụ
Hiểu và sử dụng đúng các thẻ này giúp tạo ra các trang web dễ hiểu và hấp dẫn về mặt hình ảnh.
Các thẻ chính để định dạng văn bản
Thẻ <b> và <strong>
Thẻ <b>
được sử dụng để đánh dấu văn bản bằng chữ in đậm, nhưng không có ý nghĩa ngữ nghĩa đặc biệt. Thẻ <strong>
cũng làm cho văn bản in đậm, nhưng thêm vào ý nghĩa ngữ nghĩa, chỉ ra sự quan trọng hoặc ý nghĩa của văn bản.
<p>Đoạn văn này <b>in đậm</b>, còn đoạn văn này <strong>rất quan trọng và in đậm</strong>.</p>
Thẻ <i> và <em>
Thẻ <i>
được sử dụng để đánh dấu văn bản bằng chữ nghiêng mà không có ý nghĩa ngữ nghĩa đặc biệt.
Thẻ <em>
làm cho văn bản nghiêng và chỉ ra điểm nhấn hoặc mức độ quan trọng của văn bản.
<p>Đoạn văn này <i>nghiêng</i>, còn đoạn văn này <em>rất quan trọng và nghiêng</em>.</p>
Thẻ <u> và <ins>
Thẻ <u>
được sử dụng để gạch chân văn bản. Thẻ <ins>
cũng gạch chân văn bản,
nhưng được sử dụng để chỉ ra văn bản được chèn vào, có ý nghĩa trong ngữ cảnh theo dõi thay đổi.
<p>Đoạn văn này <u>gạch chân</u>, còn đoạn văn này <ins>chèn vào và gạch chân</ins>.</p>
Thẻ <s> và <del>
Thẻ <s>
được sử dụng cho văn bản gạch ngang. Thẻ <del>
cũng gạch ngang văn bản,
nhưng chỉ ra việc xóa văn bản, có ý nghĩa trong ngữ cảnh theo dõi thay đổi.
<p>Đoạn văn này <s>gạch ngang</s>, còn đoạn văn này <del>bị xóa và gạch ngang</del>.</p>
Thẻ <mark>
Thẻ <mark>
được sử dụng để đánh dấu văn bản có ý nghĩa hoặc quan trọng đặc biệt trong ngữ cảnh hiện tại.
Văn bản bên trong <mark>
được hiển thị với nền màu vàng.
<p>Đoạn văn này <mark>được đánh dấu</mark> để thu hút sự chú ý.</p>
Thẻ <small>
Thẻ <small>
được sử dụng để hiển thị văn bản nhỏ hơn so với văn bản bình thường.
<p>Đây là văn bản gốc, còn đây là <small>văn bản nhỏ</small>.</p>
Thẻ <sub> và <sup>
Các thẻ <sub>
và <sup>
được sử dụng để tạo văn bản chỉ số dưới và chỉ số trên tương ứng.
<p>Đây là văn bản với chỉ số dưới H<sub>2</sub>O và chỉ số trên x<sup>2</sup>.</p>
10.2 Ngắt dòng
Thẻ <br>
Thẻ <br>
được sử dụng để chèn ngắt dòng, chuyển văn bản sang dòng mới mà không tạo đoạn mới.
<p>Đây là văn bản với ngắt dòng<br>bên trong một đoạn văn.</p>
Thẻ <hr>
Thẻ <hr>
được sử dụng để chèn một dòng ngang, chia nội dung trên trang web về mặt hình ảnh.
<p>Văn bản ở trên dòng.</p>
<hr>
<p>Văn bản ở dưới dòng.</p>
GO TO FULL VERSION