Đoạn văn bản trong HTML – Xử lý đoạn văn bản bằng HTML – Học HTML


LinkVietVip.Com là một website miễn phí, nơi mà bạn có thể rút gọn liên kết miễn phí và kiếm thu nhập từ việc chia sẻ liên kết rút gọn đó của mình.
Download, Tải về, Tải Xuống, Down,Mở,Xem, Open, Load, Tiếp Tục,Chơi, Chơi Game,Continue, Reading,Xem tiếp, Xem thêm, Chuyển hướng tới địa chỉ bên ngoài vui lòng xem bên dưới.

Trong HTML cách xử lý đoạn văn bản hoàn toàn khác biệt với các trình soạn thảo văn bản. Để sử lý đoạn văn bản một cách dễ dàng và đúng theo mong muốn hãy cùng đi tìm hiểu về Đoạn văn bản trong HTML nhé.

Đoạn văn bản trong HTML

Trong HTML, văn bản thường được thể hiện dưới dạng từng đoạn. Mỗi đoạn văn bản sẽ có một khoảng cách lề phía trên & lề phía dưới (mặc định là 16 pixel) để tách biệt đoạn văn bản với các nội dung nằm ở phía trên và phía dưới nó.

Thẻ <p> trong HTML được dùng để định nghĩa một đoạn văn bản.

<!DOCTYPE html>
<html>
<body>
<p>Đây là một đoạn văn bản.</p>
<p>Đây là một đoạn văn bản.</p>
<p>Đây là một đoạn văn bản.</p>
</body>
</html>

Hiển thị đoạn văn bản trong HTML

Bạn không chắc chắn HTML sẽ hiển thị như mong muốn trên các trình duyệt. Phụ thuộc vào màn hình lớn, nhỏ hay khi thay đổi kích cỡ cửa sổ trình duyệt sẽ cho những kết quả hiển thị khác nhau.

Với HTML, bạn không thể thay đổi hiển thị bằng cách thêm khoảng trống hoặc thêm dòng trong đoạn mã HTML của mình.

Trình duyệt sẽ loại bỏ khoảng trống và những dòng thừa khi hiển thị.

Dù cho bạn có bao nhiêu khoảng trống hay tạo thêm bao nhiêu dòng mới, trình duyệt cũng chỉ coi như là một khoảng trống mà thôi.

Chạy ví dụ sau để hiểu rõ hơn:

<!DOCTYPE html>
<html>
<body>
<p>
Đây là đoạn văn bản
chứa rất nhiều dòng
trong mã nguồn,
nhưng trình duyệt
sẽ bỏ qua chúng.
</p>
<p>
Số lượng dòng trong một đoạn văn bản phụ thuộc vào kích cỡ của cửa sổ trình duyệt. Nếu bạn thay đổi kích cỡ cửa sổ trình duyệt, số lượng dòng trong đoạn văn bản cũng sẽ thay đổi.
</p>
</body>
</html>

Đừng quên thẻ đóng

Hầu hết các trình duyệt sẽ hiển thị đúng mã HTML kể cả khi bạn quên thẻ đóng:

<!DOCTYPE html>
<html>
<body>
<p>Đây là đoạn văn bản.
<p>Đây là đoạn văn bản.
<p>Đây là đoạn văn bản.
<p>Đừng quên đóng các thẻ HTML của bạn!</p>
</body>
</html>

Ví dụ trên sẽ hiển thị đúng trên hầu hết các trình duyệt nhưng việc bạn quên thẻ đóng có thể dẫn tới những lỗi hoặc kết quả không như mong đợi.

Xuống dòng trong HTML

Thẻ <br> trong HTML được sử dụng để ngắt dòng.

Sử dụng thẻ <br> nếu bạn muốn xuống dòng (tạo một dòng mới) mà không cần phải tạo một đoạn văn bản mới:

<!DOCTYPE html>
<html>
<body>
<p>Đây là<br>một đoạn<br>văn bản đã được ngắt dòng.</p>
</body>
</html>

Thẻ <br> không có thẻ đóng.

Vấn đề về thơ

<!DOCTYPE html>
<html>
<body>
<p>Cả khổ thơ dưới đây sẽ hiển thị trên một dòng:</p>
<p>
Hạt gạo làng ta
Có vị phù sa
Của sông Kinh Thầy
Có hương sen thơm
Trong hồ nước đầy
Có lời mẹ hát
Ngọt bùi đắng cay...
</p>
</body>
</html>

Thẻ <pre> trong HTML

Thẻ <pre> dùng để giữ nguyên định dạng của đoạn văn bản.

Đoạn văn bản trong thẻ <pre> sẽ hiển thị với chiều dài cố định và thường font mặc định là Courier. Dấu cách và xuống hàng được giữ nguyên định dạng:

<!DOCTYPE html>
<html>
<body>
<p>Thẻ pre giữ nguyên dấu cách và xuống dòng:</p>
<pre>
Hạt gạo làng ta
Có vị phù sa
Của sông Kinh Thầy
Có hương sen thơm
Trong hồ nước đầy
Có lời mẹ hát
Ngọt bùi đắng cay...
</pre>
</body>
</html>

Tổng kết:

Như vậy, ở bài viết này chúng ta đã biết được thế nào là đoạn văn bản và cách sử lý đoạn văn bản trong HTML. Và các thẻ:

<br> Xuống Dòng
<p> …. </p> Định nghĩa 1 đoạn văn bản
<pre> Giữ nguyên định dạng của đoạn văn bản

Nếu có bất kỳ thắc mắc hay góp ý nào về bài viết này hãy để lại bình luận cho tôi phía dưới nhé. Chúc các bạn học tốt với HTML Online ^^.



Leave a Reply

Your email address will not be published.


*