Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

เพิ่มเส้นคั่นแนวนอน (Horizontal Rule) ใน HTML


แท็ก <hr> สร้างเส้นคั่นแนวนอน (thematic break) แสดงการเปลี่ยนหัวข้อหรือส่วนในเอกสาร

แอตทริบิวต์ (Deprecated ทั้งหมดใน HTML5)

แอตทริบิวต์ค่าคำอธิบาย
alignleft, center, rightการจัดตำแหน่ง
noshadenoshadeไม่มีเงา
sizepixels, %ความสูงเส้น
widthpixels, %ความกว้างเส้น

ตัวอย่าง

<!DOCTYPE html> <html>    <head>       <title>HTML hr Tag</title>    </head>    <body>       <p>ข้อความก่อนเส้นคั่น</p>       <hr />       <p>ข้อความหลังเส้นคั่น</p>       <hr />    </body> </html>

ใน HTML5 ควรใช้ CSS จัดสไตล์ <hr> แทนแอตทริบิวต์เก่า เช่น hr { border: 1px solid #ccc; margin: 2rem 0; }