เนื้อหา
เส้นแนวนอนอนุญาตให้โปรแกรมแก้ไขเว็บแยกส่วนของหน้าออกเป็นส่วนย่อย ๆ ย่อย ๆ ได้มากขึ้นดังนั้นผู้ใช้จึงมุ่งเน้นไปที่สิ่งที่นำเสนอ ไม่เหมือนกับแท็กขีดล่าง เส้นแนวนอนไม่ได้เชื่อมโยงกับข้อความด้านบนหรือด้านล่าง นอกจากนี้ยังสามารถจัดตำแหน่งไปทางซ้ายขวาหรือกึ่งกลางและสามารถเป็นสีความหนาหรือความสูงที่ผู้แก้ไขเลือกได้ บทช่วยสอนนี้สอนให้คุณสร้างเส้นแนวนอนสีน้ำตาลหนาชิดซ้ายชิดซ้ายที่แยกชื่อหลักออกจากเนื้อความของเอกสารซึ่งว่างเปล่า
คำสั่ง
-
ป้อนต่อไปนี้ระหว่างแท็ก> ดังที่แสดง:
เอกสารของฉัน
กำหนดส่วนหัวสำหรับเอกสารของคุณโดยใช้แท็ก
. แท็กนี้จะบอกเครื่องมือค้นหาว่าคำต่างๆระหว่างพวกเขาสำคัญที่สุดของหน้า ส่วนหัวนี้จะเป็นชื่อของหน้าเว็บที่ให้ความหมายกับการใช้เส้นแนวนอน
ขั้นตอนที่ 1
-
ป้อนแท็กบรรทัดแนวนอนตามที่แสดง:
แท็กเส้นแนวนอนไม่มีแท็กสุดท้าย รวมช่องว่างและเครื่องหมายทับหน้าสัญญาณหลัก
ขั้นตอนที่ 2
-
เพิ่มแอตทริบิวต์ "จัดเรียง" และตั้งค่าเป็น "ซ้าย" ตามที่ระบุ:
ขั้นตอนที่ 3 -
เพิ่มแอตทริบิวต์ "size" และตั้งค่าเป็น "4" ดังที่แสดง:
แอตทริบิวต์ "size" กำหนดความหนาของเส้นเป็นพิกเซล
ขั้นตอนที่ 4
-
เพิ่มแอตทริบิวต์ "width" และตั้งค่าเป็น "370" ตามที่ระบุ:
ค่าของแอตทริบิวต์ "width" กำหนดระยะเวลาของเส้นเป็นพิกเซล
ขั้นตอนที่ 5
-
เพิ่มแอ็ตทริบิวต์ "color" ลงในบรรทัดแนวนอนและตั้งเป็น "maroon" ตามที่แสดง:
สีของแท็กนี้สามารถตั้งค่าเป็นสีมาตรฐานหรือเลขฐานสิบหกที่คุณเลือก สีเลขฐานสิบหกจะต้องนำหน้าด้วยเครื่องหมาย "#"
ขั้นตอนที่ 6 -
บันทึกเอกสารและส่งไปยังเซิร์ฟเวอร์ของคุณ เปิดเบราว์เซอร์ของคุณและค้นหาหน้า ควรมีเส้นสีน้ำตาลแนวนอนใต้ชื่อของเอกสาร
เว็บไซต์พร้อมแล้ว
การเตือน
- แท็ก
ล้าสมัยแล้วและ W3Schools สนับสนุนให้ใช้ภาพพิกเซลเดี่ยวที่ปรับเปลี่ยนแล้วโดยใช้คำแนะนำสไตล์ชีทเพื่อยืดหรือเพิ่มขนาดภาพตามขนาดที่ต้องการ
สิ่งที่คุณต้องการ
- แก้ไขข้อความเช่นแก้ไขแหล่งที่มา (ดูทรัพยากร)
- ซอฟต์แวร์สำหรับการส่งเอกสารเช่น FileZilla (ดูแหล่งข้อมูล)
- พื้นที่บนเซิร์ฟเวอร์