Hướng dẫn which element is used to draw a line in html? - phần tử nào được sử dụng để vẽ một dòng trong html?

Phần tử thường được hiển thị như một quy tắc ngang được sử dụng để tách nội dung (hoặc xác định thay đổi) trong trang HTML.

Bạn có thể sử dụng thẻ HTML <hr> để tách các chủ đề khác nhau trên một trang.

Chúng tôi thường sử dụng thẻ này khi chúng tôi muốn tạo một ngắt chủ đề hoặc các mục riêng biệt trên trang HTML.

Trong bài viết này, bạn sẽ tìm hiểu cách sử dụng thẻ này trong mã HTML của mình.

• Mục lục
• Cú pháp cơ bản
• Thuộc tính chiều rộng
• Thuộc tính màu
• Thuộc tính kích thước
• Thuộc tính căn chỉnh
• Sự kết luận

Mục lục

Cú pháp cơ bản

Thuộc tính của thẻ

<hr width="50%" />

Thẻ <hr> là một yếu tố trống. Điều này có nghĩa là nó chỉ có thẻ mở, <hr>.

Cú pháp cơ bản

Thuộc tính của thẻ

<hr width="50%" />

Thẻ <hr> là một yếu tố trống. Điều này có nghĩa là nó chỉ có thẻ mở, <hr>.

body {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }

Thuộc tính chiều rộng

Thuộc tính

<hr width="50%" />

<hr width="50%" />

<hr width="50%" />

Thuộc tính màu

Thuộc tính

    <hr width="50%" color="green" />

<hr width="50%" />

    <hr width="50%" color="green" />

Đây là cách nó sẽ trông như thế nào nếu chúng ta đặt màu xanh lá cây cho thẻ

<hr width="50%" />

Thuộc tính kích thước

Bạn có thể xác định chiều cao cho thẻ

<hr width="50%" />

    <hr width="50%" color="green" />

<hr width="50%" color="green" size="50px" />

Chiều cao của

<hr width="50%" color="green" size="50px" />

Thuộc tính căn chỉnh

Thuộc tính

    <hr width="50%" color="green" />

<hr width="50%" />

<hr width="50%" color="green" size="50px" />

<hr width="50%" color="green" size="50px" />

<hr width="50%" color="green" size="50px" />

Mặc định còn lại - có nghĩa là nếu một căn chỉnh không được đặt, thẻ

<hr width="50%" />

    <hr width="50%" color="green" size="50px" align="right" />

Đặt căn chỉnh

<hr width="50%" color="green" size="50px" />

<hr width="50%" />

Sự kết luận

Bài viết này cho bạn thấy thẻ

<hr width="50%" />

Vì thẻ

<hr width="50%" />

Nhưng bạn không nên làm điều này bởi vì quy tắc ngang xuất hiện chỉ là trình bày, không phải về mặt ngữ nghĩa. Thay vào đó, bạn nên vẽ một dòng với

    <hr width="50%" color="green" size="50px" align="right" />

    <hr width="50%" color="green" size="50px" align="right" />

Nếu bạn thấy bài viết này hữu ích, hãy chia sẻ nó với bạn bè và gia đình của bạn.