HTML Paragraph
Thẻ Paragraph <p> là một phần tử trong HTML, nó được dùng để hiển thị nội dung một đoạn văn hoặc văn bản của bài viết mà bạn muốn hiển thị trong trang web.
Nội dung đoạn văn hoặc khối văn bản nằm trong thẻ <p> và </p> luôn bắt đầu trên một dòng mới và trình duyệt (Browser) sẽ tự động thêm một khoảng trắng vào trước và sau đoạn văn đó.
Ví dụ viết code HTML như sau:
Ví dụ
<p> Với mỗi nội dung nằm trong thẻ p sẽ nằm trên 1 dòng. </p>
Lưu Ý:
Các khoảng trắng và số dòng của đoạn văn nằm trong thẻ <p> và </p> trong HTML sẽ bị trình duyệt bỏ qua.Trình duyệt sẽ tự động xóa mọi khoảng trắng và dòng khi trang được hiển thị.Số dòng phụ thuộc và kích thước cửa sổ trình duyệt, khi bạn thay đổi kích thước cửa sổ trình duyệt số dòng trong đoạn đó sẽ thay đổi.
Ví dụ viết code HTML như sau:
Ví dụ
Đây là một đoạn văn bản có nhiều dòng
và nhiều khoảng trống.
Nhưng bị trình duyệt bỏ qua khoảng trống và dòng.
</p>
Để giải quyết về vấn đề cố định khoảng trắng và phân chia tách dòng của nội dung đoạn văn trong HTML sử dụng thẻ <pre>, <hr> và <br>.
Thẻ HTML <br>
Thẻ <br> được dùng để ngắt dòng, xuống dòng mới (Line Break).
Ví dụ viết code HTML như sau:
Ví dụ
Thẻ HTML <hr>
Thẻ <hr> được sử dụng để phân tách nội dung, ngắt nội dung theo chủ đề và nó hiển thị trên trang web như 1 đường kẻ ngang.
Ví dụ viết code HTML như sau:
Ví dụ
<p> Cách dùng thẻ hr trong HTML. </p>
<hr>
<h2> Chủ đề 2 về thẻ HTML br. </h2>
<p> Cách dùng thẻ br trong HTML. </p>
<hr>
Thẻ HTML <pre>
Thẻ <pre> được sử dụng để cố định định dạng văn bản.
Nội dung nằm trong thẻ <pre> nó cố định font chữ và giữ nguyên khoảng trắng và ngắt dòng.
Ví dụ viết code HTML như sau:
Ví dụ
<pre>
Cách dùng thẻ hr trong HTML.
Cách dùng thẻ br trong HTML.
Cách dùng thẻ pre trong HTML.
</pre>