Format văn bản trong HTML
Tổng quan
HTML là ngôn ngữ đánh dấu văn bản do đó đa phần nội dung của trang web là văn bản. Nên việc chúng ta học cách thể hiện văn bản trong HTML là một phần khá cần thiết
Một số thẻ dùng để format văn bản
<p>
<p> Thẻ này tạo ra một đoạn văn bản (paragraph) mới trên trang web.
<p>This is a paragraph of text.</p>
<h1> --> <h6>
Các thẻ này được sử dụng để tạo tiêu đề với các mức độ khác nhau. <h1>
là tiêu đề cấp cao nhất và <h6>
là tiêu đề cấp thấp nhất.
<h1>This is a heading level 1</h1>
<h2>This is a heading level 2</h2>
<!-- ... -->
<h6>This is a heading level 6</h6>
<strong> và <em>
Các thẻ này được sử dụng để làm nổi bật văn bản. <strong>
là để làm nổi bật mạnh mẽ và <em>
để làm nổi bật nghiêng (được hiển thị là italic).
<p>This is <strong>strong</strong> and <em>emphasized</em> text.</p>
<a>
Thẻ này tạo liên kết (hyperlink) đến một trang web khác.
<a href="https://www.example.com">Visit Example Website</a>
<br>
Thẻ này tạo một dòng mới trong văn bản, thường được sử dụng để ngắt dòng.
<p>This is the first line.<br>This is the second line.</p>
<blockquote>
Thẻ này tạo ra một khối trích dẫn.
<blockquote>
This is a quoted text.
</blockquote>
<ul>, <ol>, và <li>
Các thẻ này được sử dụng để tạo danh sách không có thứ tự (<ul>
) hoặc có thứ tự (<ol>
), và mỗi mục trong danh sách được đại diện bởi thẻ <li>
.
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<ol>
<li>First</li>
<li>Second</li>
</ol>
<hr>
Thẻ này tạo ra một đường ngang ngăn cách trong văn bản.
<p>This is some text above the line.</p>
<hr>
<p>This is some text below the line.</p>
<i>, <b>, và <u>
Thẻ <i>
được sử dụng để làm nghiêng (italic) văn bản. Thường được sử dụng để biểu thị văn bản có ý nghĩa khác biệt hoặc làm nổi bật một phần của văn bản mà không thay đổi ý nghĩa chính.
<p>This is <i>italic</i> text.</p>
Thẻ <u>
được sử dụng để gạch chân văn bản. Tuy nhiên, việc sử dụng gạch chân nhiều lần không khuyến khích, vì ngày nay người ta thường dùng gạch chân để biểu thị liên kết. Thay vào đó, để tạo kiểu gạch chân cho văn bản, tốt hơn hết là sử dụng CSS (Cascading Style Sheets).
<p>This is <u>underlined</u> text.</p>
Thẻ <b>
được sử dụng để làm đậm (bold) văn bản. Nó thường được sử dụng để làm nổi bật một phần quan trọng của văn bản, nhưng không nhất thiết phải liên quan đến ý nghĩa thay đổi của văn bản.
<p>This is <b>bold</b> text.</p>
<address>
Thẻ <address>
được sử dụng để bao bọc thông tin liên hệ hoặc chi tiết địa chỉ của tác giả hoặc người liên quan đến nội dung trang web. Trình duyệt thường hiển thị nội dung trong thẻ này với kiểu chữ nghiêng mặc định, nhưng bạn có thể sử dụng CSS để tùy chỉnh kiểu dáng của nó.
<address>
Name<br>
Street Address<br>
City, State Zip<br>
Email: <a href="mailto:[email protected]">[email protected]</a>
</address>
Last updated