การขีดเส้นคั่นระหว่างหน้า
การขีดเส้นคั่นด้วย <hr>
<hr>เป็นแท็กเดี่ยว ถ้ามีเพียง<hr>อย่างเดียวจะมีค่าเท่ากับการขีดเส้นบางๆเต็มหน้ากระดาษเท่านั้น ข้อความก่อน<hr>จะอยู่ด้านบนเส้น ข้อความหลัง<hr>จะอยู่ด้านล่างเส้น เราสามารถตบแต่งเส้นได้หลายอย่าง เช่น เส้นหนา เส้นสั้น สีของเส้นต่างๆโดยนำอี่นเข้ามาเสริม เช่น
<hr>เป็นแท็กเดี่ยว ถ้ามีเพียง<hr>อย่างเดียวจะมีค่าเท่ากับการขีดเส้นบางๆเต็มหน้ากระดาษเท่านั้น ข้อความก่อน<hr>จะอยู่ด้านบนเส้น ข้อความหลัง<hr>จะอยู่ด้านล่างเส้น เราสามารถตบแต่งเส้นได้หลายอย่าง เช่น เส้นหนา เส้นสั้น สีของเส้นต่างๆโดยนำอี่นเข้ามาเสริม เช่น
<hr size="ใส่เลข">เลขแทนค่าขนาดความหนา เช่น <hr size="5">
<hr color="สี">ใส่รหัสสีหรือตัวอักษรก็ได้ เพื่อกำหนดสีของเส้น
<hr align="ซ้าย,กลาง,ขวา">คือการจัดเส้นให้อยู่ ซ้าย กลางขวา ในกรณีที่ไม่จัดเส้นให้เต็ม จอ เช่น <hr align="left">
<hr align="right" width="50%">เส้นครึ่งหน้ากระดาษ ชิดขวา
<hr align="left" width="50%">เส้นครึ่งหน้ากระดาษ ชิดซ้าย
<hr align="center" width="50%">
<hr noshade>เป็นเส้นทึบ ไม่มีแรเงา
<html> <body> เส้นใต้ธรรมดา <hr><p> เส้นใต้ยาว 50% สีแดง <hr width="50%><p> เส้นใต้ยาว 50% หนา 10 px สีแดง <hr width="50%" size="20" color="red"><p> เส้นใต้ยาว 50% หนา 20 px ชิดซ้าย <hr width="50% size="20" color="red" align="left"><p> เส้นใต้ยาว 50% หนา 20 px ชิดขวา <hr width="50% size="20" color="red" align="right"><p> เส้นใต้ยาว 50% หนา 20 px อยู่กลาง <hr width="50% size="20" color="red" align="center"><p> noshade อย่างเดียวคือเส้นทึบ <hr noshade> </body> </html> |
ผลการแสดง
ผลการแสดง
<html> <head> <title>ภาษา HTML</title> </head> <body bgcolor="ffffe6"> <h1>ข้อความ</h1> <font color="red" size="+3">text,font size,bgcolor </font> และโค้ดขีดเส้นคั่น <hr color="red" align=center" width="50%" size="5"> ความหนา 5,สีแดง,ความยาวครึ่งหนึ่งของหน้ากระดาษ จัดไว้กลาง </body> </html> |
เขียนได้ดังนี้
ผลที่ออกทางเน็ต