Hướng dẫn is there a line tag in html? - có một thẻ dòng trong html không?

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%" />

Đặt căn chỉnh

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

<hr width="50%" />

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

<hr width="50%" />

Vì thẻ <hr width="50%" /> 1 xuất hiện dưới dạng quy tắc ngang trong trình duyệt, bạn có thể nghĩ đến việc sử dụng nó để vẽ một dòng.

• Cú pháp cơ bản
• Thuộc tính của thẻ

  <hr width="50%" />
  

  1
• 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

Cú pháp cơ bản

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

Bắt đầu từ HTML5, bây giờ chúng ta cần gắn một dấu gạch chéo vào thẻ của một phần tử trống. Vì vậy, thay vì chỉ có <hr>, bạn nên làm cho nó

<hr width="50%" />

Trong các trình duyệt, thẻ

<hr width="50%" />

Thuộc tính của thẻ <hr width="50%" /> 1

Thẻ

<hr width="50%" />

<hr width="50%" />

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

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

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

Trước khi cho bạn thấy các thuộc tính riêng lẻ trông như thế nào và hoạt động, tôi sẽ đặt mọi thứ trong cơ thể để tập trung với mã CSS này:

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 kích thước

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

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

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.