Hướng dẫn the br trong html

  • Trang chủ
  • Tham khảo
  • Tag html
  • <br />

Định nghĩa và sử dụng

  • Tag <br /> là tag dùng để xuống hàng trong cùng đoạn văn, giống phím "Enter".
  • Tag <br /> là tag trống, nó không có thẻ kết thúc.

Sự khác nhau giữa HTML và XHTML

HTML4.01XHTML1.0XHTML1.1
Không cần kết thúc tag <br> Cần khoảng trắng và ký tự "/" để kết thúc tag <br />

Cấu trúc

<br />

Cần thiết phải có "khoảng trắng" và dấu "/" để chính xác trong tất cả các phiên bản HTML.

Ví dụ

Html viết:

<p>Dòng text dài cần xuống hàng<br />Đã xuống hàng.</p>

Hiển thị trình duyệt:

Dòng text dài cần xuống hàng
Đã xuống hàng.

Trình duyệt hỗ trợ

<br /> được hỗ trợ trong đa số các trình duyệt.

Thuộc tính

Cách sử dụng: <br thuoctinh="giatri" />

Thuộc tính tổng quát (xem thêm)

Thuộc tínhGiá trịVí dụMô tả
class Tên class class="section" Tên class
id Tên id id="layout" Xác định tên id cho thành phần, mỗi thành phần chỉ có một id duy nhất (hoặc một id chỉ có trong một thành phần) trong một văn bản HTML
style Kiểu định dạng style="color: red" Xác định một định dạng cho một thành phần.
title Text title="Đây là title" Xác định thêm thông tin cho thành phần.

- Thẻ <br> dùng để chèn một ngắt xuống dòng

- Thẻ <br> thường được đặt bên trong đoạn văn để ngắt văn bản xuống dòng, hoặc đặt giữa hai phần tử để tạo khoảng cách giữa hai phần tử.


<!DOCTYPE html>
<html>
<body>
    <p>LẬP<br>TRÌNH<br>WEB</p>
    <p>Tài liệu hướng dẫn học HTML</p>
    <br><br><br><br>
    <p>Tài liệu hướng dẫn học CSS</p>
</body>
</html>

Xem ví dụ

- Lưu ý:

  • Thẻ <br> là thẻ đơn, nên nó không có thẻ đóng.
  • Trong XHTML, để dùng thẻ <br> thì ta phải thêm dấu gạch chéo thành <br />

  • Trang chủ
  • Tham khảo
  • Tag html
  • <br />

Nội dung chính

  • Định nghĩa và sử dụng
  • Cấu trúc
  • Trình duyệt hỗ trợ
  • Thuộc tính
  • Thẻ br là gì
  • Mình sẽ ví dụ demo để mọi người hiểu rõ hơn:
  • Và đây là kết quả:
  • Những trình duyệt hỗ trợ tag <br>
  • Thuộc tính của <br> trong HTML
  • Sự kiện của thẻ br trong HTML
  • Kết luận

Định nghĩa và sử dụng

  • Tag <br /> là tag dùng để xuống hàng trong cùng đoạn văn, giống phím "Enter".
  • Tag <br /> là tag trống, nó không có thẻ kết thúc.

Sự khác nhau giữa HTML và XHTML

HTML4.01XHTML1.0XHTML1.1
Không cần kết thúc tag <br> Cần khoảng trắng và ký tự "/" để kết thúc tag <br />

Cấu trúc

<br />

Cần thiết phải có "khoảng trắng" và dấu "/" để chính xác trong tất cả các phiên bản HTML.

Ví dụ

Html viết:

<p>Dòng text dài cần xuống hàng<br />Đã xuống hàng.</p>

Hiển thị trình duyệt:

Dòng text dài cần xuống hàng
Đã xuống hàng.

Trình duyệt hỗ trợ

<br /> được hỗ trợ trong đa số các trình duyệt.

Thuộc tính

Cách sử dụng: <br thuoctinh="giatri" />

Thuộc tính tổng quát (xem thêm)

Thuộc tínhGiá trịVí dụMô tả
class Tên class class="section" Tên class
id Tên id id="layout" Xác định tên id cho thành phần, mỗi thành phần chỉ có một id duy nhất (hoặc một id chỉ có trong một thành phần) trong một văn bản HTML
style Kiểu định dạng style="color:red" Xác định một định dạng cho một thành phần.
title Text title="Đây là title" Xác định thêm thông tin cho thành phần.

Thẻ br là gì

Thẻ br là một thẻ được dùng ngắt dòng trong văn bản được sử dụng ở HTML. Nó thường được sử dụng khá nhiều trong những website chứa nhiều văn bản khi muốn xuống một dòng khác để viết tiếp một câu mới.

Mình sẽ ví dụ demo để mọi người hiểu rõ hơn:

<!DOCTYPE html>

<html>

<body>

<p>

Đâylànidung trướckhidùng thbr<br>Đâylànidung sau thbr.

</p>

</body>

</html>

Và đây là kết quả:

Đây là nội dung trước khi dùng thẻ br
Đây là nội dung sau thẻ br.

Như chúng ta đã thấy sau khi dùng <br> đoạn văn bản phía sau đã được đưa xuống dòng.

Những trình duyệt hỗ trợ tag <br>

HTML Tag
<br> Yes Yes Yes Yes Yes

Lưu ý: thẻ <br> là một thẻ trống nên sẽ không có kết thúc thẻ.

Khi mọi người sử dụng thẻ br nên chú ý là <br> dùng để ngắt dòng chứ không phải dùng để ngắt đoạn văn.

Thuộc tính của <br> trong HTML

Thuộc tính của tag br đều hỗ trợ nên mọi người có thể dùng chung với các thuộc tính khác như  id, style,lang, class,.. để có những chi tiết trong trang web đẹp nhất nhé.

Sự kiện của thẻ br trong HTML

Thẻ tag br đều hỗ trợ các thuộc tính sự kiện nên mọi người có thể gọi sự kiện cho thẻ giúp trang web được đẹp và ổn định hơn nhé.

Kết luận

Thẻ br là một thẻ được dùng trong HTML dùng để xuống dòng, ngắt dòng trong HTML. Nó là một thẻ được nhiều người dùng khá nhiều bởi tính hữu ích khi dùng cho việc ngắt dòng. Nó giúp chúng ta rất nhiều trong khi viết địa chỉ hoặc bài thơ. Mọi người hãy sử dụng một cách hợp lí nhất để có website ưng ý nhất nhé.

Cuộc thảo luận về thẻ br tới đây xin được dừng ở đây, mọi thắc mắc mọi người cứ comment bên dưới để mọi người cùng  nhau giải đáp nhé. Cảm ơn mọi người đã đọc bài.

Xem thêm: Hướng dẫn Thẻ Button Là Gì? Công Dụng Của Thẻ Button

Bạn có thể tìm thấy bài viết Thẻ Br là gì? Công dụng của thẻ Br với các từ khóa sau:-HTML Tags

loading...