|
|
|
|
|
|
|
การแทรกเส้นคั่นแบ่งเนื้อหา |
|
การแทรกเส้นคั่นในหน้าเว็บเพจนั้นจะเป็นเส้นคั่นในแนวนอน เป็นการเป็นเนื้อหาออกเป็นส่วนๆ ทำให้อ่านง่ายมากขึ้น โดยวิธีการแทรกเส้นคั่นนั้นทำได้ดังนี้
1. คลิกเมาส์ตรงตำแหน่งที่ต้องการแทรกเส้นคั่น
2. คลิกเลือกที่เมนู Insert
3. เลือกที่ HTML >> Horizontal Rule
จะได้ผลลัพธ์ดังรูปตรงจุด A
ในส่วนของเส้นคั่นนั้น สามารถที่จะกำหนดคุณสมบัติได้โดยคลิกที่เส้นคั่น แล้วเลือกคุณสมบัติดังนี้
|
A : ใส่ชื่อเส้นคั่น
B : กำหนดความยาวเส้นคั่น
C : กำหนดความหนาของเส้นคั่น
D : กำหนดหน่วยความยาวให้เป็น
เปอร์เซ็นต์(%) หรือ พิกเซล
E : ตำแหน่งของเส้นคั่นบนหน้าเว็บเพจ
F : กำหนดเส้นคั่นให้เป็นธรรมดาหรือทึบ
G : ใช้ในกรณีที่มีการกำหนด Class ไว้
|
ผลลัพธ์จากการกำหนดคุณสมบัติให้เส้นแบ่งเนื้อหา ให้แสดงกึ่งกลางหน้าเว็บเพจ ความยาว 40 เปอร์เซ็นต์ ความหนา 3 พิกเซล
ในกรณีที่ต้องการใส่สีให้กับเส้นคั่นเนื้อหานั้น สามารถทำได้โดยวิธีการดังนี้
1. คลิกเมาส์ขวาที่เส้นแบ่งเนื้อหา จะได้หน้าต่าง Tag Editor -hr
2. คลิกเลือกที่ Browser Speccific
3. คลิกเลือกสีที่ต้องการ
4. คลิกปุ่ม OK เพื่อยืนยันการเลือก
5. กดปุ่ม Live View จะปรากฏผลลัพธ์ดังรูป
|