Thẻ <hr> HTML
Thí dụ
Sử dụng thẻ <hr> để xác định các thay đổi theo chủ đề trong nội dung:
<h1>The Main Languages of the Web</h1>
<p>HTML is the standard markup
language for creating Web pages. HTML describes the structure of a Web page,
and consists of a series of elements. HTML elements tell the browser how to
display the content.</p>
<hr>
<p>CSS is a language that
describes how HTML elements are to be displayed on screen, paper, or in
other media. CSS saves a lot of work, because it can control the layout of
multiple web pages all at once.</p>
<hr>
<p>JavaScript is the
programming language of HTML and the Web. JavaScript can change HTML content
and attribute values. JavaScript can change CSS. JavaScript can hide and
show HTML elements, and more.</p>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thẻ <hr>xác định ngắt theo chủ đề trong trang HTML (ví dụ: chuyển chủ đề).
Phần <hr>tử thường được hiển thị dưới dạng quy tắc ngang được sử dụng để tách nội dung (hoặc xác định thay đổi) trong trang HTML.
Hỗ trợ trình duyệt
| Element | |||||
|---|---|---|---|---|---|
| <hr> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính toàn cầu
Thẻ <hr>cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <hr>cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các ví dụ khác
Thí dụ
Căn chỉnh phần tử <hr> (với CSS):
<hr style="width:50%;text-align:left;margin-left:0">
Thí dụ
Một <hr> không được đánh bóng (với CSS):
<hr style="height:2px;border-width:0;color:gray;background-color:gray">
Thí dụ
Đặt chiều cao của phần tử <hr> (với CSS):
<hr style="height:30px">
Thí dụ
Đặt chiều rộng của phần tử <hr> (với CSS):
<hr style="width:50%">
Các trang liên quan
Tham chiếu DOM HTML: Đối tượng HR
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <hr>phần tử với các giá trị mặc định sau:
Thí dụ
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}