ภาษา Html

การขีดเส้นคั่นและการขึ้นบรรทัดใหม่

การขีดเส้นคั่น

รูปแบบคำสั่ง : <hr>

คำอธิบาย : เป็นคำสั่งที่ใช้ในการขีดเส้นคั่นแนวนอน โดยค่าปกติจะเป็นสีเทาและอยู่ตรงกลางของโฮมเพจ โดยคำสั่ง นี้จะไม่มี คำสั่งปิดคือ </hr>

อย่างไรก็ตามเรามีคำสั่งเพิ่มเติมที่ใช้ร่วมกับคำสั่งนี้อีกดังนี้

color=ชื่อสีหรือ#รหัสสี : เป็นการกำหนดสีเส้น เช่น <hr color=red>
ผลลัพธ์ :
width=จำนวน% : เป็นการกำหนดความยาวของเส้น โดยปกติเป็น 100% เช่น <hr width=80%>
ผลลัพธ์ :
size=ขนาดเส้น : เป็นการกำหนดขนาดของเส้น เช่น <hr size=5>
ผลลัพธ์ :
align=left หรือ center หรือ right :เป็นการกำหนดตำแหน่งของเส้นว่าจะให้อยู่ทางซ้ายหรือกลางหรือขวา เช่น <hr align=right width=20%>
ผลลัพธ์ :
noshade :เป็นการกำหนดให้เป็นเส้นทึบแบบไม่มีเงา เช่น <hr noshade>
ผลลัพธ์ :

ตัวอย่าง : เป็นการขีดเส้นในรูปแบบต่าง ๆ

<HTML>
<HEAD>
<TITLE> การขีดเส้น</TITLE>
</HEAD>
<BODY bgcolor=white>

เส้นธรรมดา : <hr>
เส้นสีแดง ยาว 20% : <hr color=red width=20%>
เส้นขนาน=10 สีน้ำเงิน : <hr size=10 color=blue >
เส้นยาว 50% ชิดขวา สีชมพู :<hr width=50% align=right color=pink>
เส้นทึบ ยาว 50% สีน้ำเงิน : <hr noshade width=50% color=blue>
เส้นสีน้ำเงิน ยาว 20% ขนาด=6 : <hr color=blue width=20% size=6>

</BODY>
</HTML>

Click เพื่อดูผลลัพธ์

การขึ้นบรรทัดใหม่

รูปแบบคำสั่ง :

คำอธิบาย : เป็นคำสั่งที่ใช้ในการบังคับให้ขึ้นบรรทัดใหม่ โดยข้อมูลที่อยู่หลังคำสั่งนี้จะขึ้นบรรทัดใหม่ คำสั่ง นี้จะไม่มี คำสั่งปิดคือ 

ปกติแล้วโปรแกรมอื่น ๆ เช่น microsoft word เมื่อเราขึ้นบรรทัดใหม่โดยการกด enter ผลลัพธ์ที่ออกมาก็จะขึ้นบรรทัดใหม่ให้ แต่ การเขียนโฮมเพจจะตรงกันข้ามคือ ถึงแม้ว่าเราจะขึ้นบรรทัดใหม่โดยการ enter แล้วแต่เมื่อดูผลลัพท์แล้ว ข้อความจะมาต่อกัน จะไม่ขึ้นบรรทัดใหม่ให้

ตัวอย่าง : การขึ้นบรรทัดใหม่

<HTML>
<HEAD>
<TITLE> การขึ้นบรรทัดใหม่</TITLE>
</HEAD>
<BODY bgcolor=white>

โรงเรียน อี.เทค
ชลบุรี มานี ดีใจ

</BODY>
</HTML>

Click เพื่อดูผลลัพธ์

จากผลลัพธ์ จะเห็นได้ว่า ถึงแม้ว่าเราได้ขึ้นบรรทัดใหม่โดยการ enter หลังคำว่า โรงเรียน อี.เทค แล้ว แต่ผลลัพธ์ที่ได้จะไม่ขึ้นบรรทัดใหม่ให้ จึงต้องใช้คำสั่ง มาช่วย

แหล่งข้อมูล http://www.rin.ac.th/