แท็บนี้สามารถแสดงบรรทัดแนวนอนบนหน้าจอเพื่อแยกส่วนต่าง ๆ ของหน้า
<HR> มีสามแอตทริบิวต์:
ปรับขนาดความกว้างของเส้นแนวนอน
ความกว้างความยาวของเส้นแนวนอนแสดงเป็นเปอร์เซ็นต์ของความกว้างของหน้าจอหรือค่าพิกเซล
จัดแนวการจัดแนวของเส้นแนวนอนมีสามประเภท: กึ่งกลางขวาซ้าย
เซ็กเมนต์ Noshade ไม่มีแอตทริบิวต์เงามันเป็นส่วนที่เป็นของแข็ง
เราสามารถใช้ตัวอย่างเล็ก ๆ น้อย ๆ เพื่อแสดงการใช้งานส่วนบรรทัดนี้:
การตั้งค่าความหนาของส่วนของเส้น
<html>
<head>
<title> เซ็กเมนต์ความหนาของเซ็กเมนต์ </title>
</head>
<body>
<p> นี่คือส่วนบรรทัดแรกโดยไม่มีการตั้งค่าขนาดให้ใช้ขนาดค่าคงที่ภายใน = 1 เพื่อแสดง <br>
<HR />
<p> นี่คือเซ็กเมนต์บรรทัดที่สองขนาด = 5 <br>
<hr size = 5>
<p> นี่คือเซ็กเมนต์บรรทัดที่สามขนาด = 10 <br>
<hr size = 10>
</body>
</html>
การตั้งค่าความยาวส่วนของเส้น
<html>
<head>
<title> เซ็กเมนต์ของความยาวเซ็กเมนต์ </title>
</head>
<body>
<p> นี่คือเซ็กเมนต์บรรทัดแรกโดยไม่มีการตั้งค่าความกว้างใช้ค่าคงที่ภายในความกว้าง 100% เพื่อแสดง <br>
<hr size = 3>
<p> นี่คือเซ็กเมนต์บรรทัดที่สองความกว้าง = 50 (วิธีหมายเลขจุด) <br>
<HR Width = 50 size = 5>
<p> นี่คือส่วนบรรทัดที่สามความกว้าง = 50% (วิธีเปอร์เซ็นต์) <br>
<HR Width = 50% ขนาด = 7>
</body>
</html>
การตั้งค่าการจัดเรียงส่วนบรรทัด
<html>
<head>
<title> การตั้งค่าเซ็กเมนต์สำหรับการจัดเรียงเซ็กเมนต์ </title>
</head>
<body>
<p> นี่คือเซ็กเมนต์บรรทัดแรกโดยไม่มีการตั้งค่าการจัดตำแหน่ง (ใช้การแสดงผลศูนย์ค่าคงที่ภายใน) <br>
<HR Width = 50% ขนาด = 5>
<p> นี่คือเซ็กเมนต์บรรทัดที่สองจัดแนวกับ br> ซ้าย>
<HR Width = 60% ขนาด = 7 Align = ซ้าย>
<p> นี่คือเซ็กเมนต์บรรทัดที่สามซึ่งสอดคล้องกับด้านขวา <br>
<HR Width = 70% ขนาด = 2 Align = Right>
</body>
</html>
การตั้งค่าที่ไม่มีเงา
<html>
<head>
<title> การตั้งค่าโดยไม่มีเงา </title>
</head>
<body>
<p> นี่คือเซ็กเมนต์บรรทัดแรกโดยไม่มีการตั้งค่า noshade ใช้เอฟเฟกต์เงาค่าคงที่ภายในเพื่อแสดง <br>
<HR ความกว้าง = 80% ขนาด = 5>
<p> นี่คือเซ็กเมนต์บรรทัดที่สองพร้อมการตั้งค่า noshade <br>
<HR Width = 80% ขนาด = 7 Align = Noshade ซ้าย>
</body>
</html>
เส้นแนวนอนสุดท้าย: