เนื้อหา
นักออกแบบเว็บไซต์ใช้รายการ "ไม่เรียงลำดับ" หรือ "คั่นหน้า" มากกว่าเป็นเพียงแค่การเพิ่มที่คั่นหน้าและข้อความ แท็ก HTML ที่ใช้สร้างรายการที่ไม่เรียงลำดับนั้นมีประโยชน์สำหรับการสร้างเมนูและจัดระเบียบรูปภาพสำหรับ JavaScript เพื่อโหลดลงในงานนำเสนอ เรียนรู้วิธีการใช้ CSS (Cascading Style Sheet) พร้อมกับรายการเหล่านี้จะเปิดโอกาสในการออกแบบเว็บมากมาย การจัดแนวรายการที่ไม่เรียงลำดับเป็นทักษะที่สำคัญมากในการปรับปรุง
คำสั่ง
-
เปิดไฟล์ HTML ที่มีรายการที่ไม่ได้เรียงลำดับแล้วดูที่แท็กและ ที่ด้านบนของรหัส เพิ่มแท็ก> และ หากพวกเขาไม่ได้อยู่ หากรหัสของคุณมีแท็ก
- ที่ใดที่หนึ่งหลังจากนั้นและมีการอ้างอิงไปยังไฟล์ CSS ให้เปิดไฟล์นั้น รหัส CSS ของคุณจะอยู่ระหว่าง> และ หรือในบรรทัดใหม่ของไฟล์ CSS ของคุณ
-
จัดแนวข้อความภายในบุ๊กมาร์กโดยการตั้งค่าคุณสมบัติ "จัดแนวข้อความ" ของแท็กของคุณ
- . สิ่งนี้เกี่ยวข้องกับแท็ก
- และ เพื่อกำหนดให้เป็นส่วนหนึ่งของรายการเดียว เมื่อคุณจัดแนวข้อความในแท็ก
- องค์ประกอบทั้งหมดในรายการจะได้รับผลกระทบ แต่ไม่ใช่รายการของตัวเองไปทางซ้ายหรือขวาของหน้า ตัวอย่างของการใช้โค้ด CSS เพื่อตั้งค่าคุณสมบัติ "การจัดแนวข้อความ" ใช้ "ul {text-align: right;}" โปรดทราบว่าเครื่องหมายจะไม่ย้ายไปพร้อมกับข้อความ ในกรณีนี้พวกเขาจะอยู่ทางซ้าย
-
จัดรายการทั้งหมดไปทางซ้ายหรือขวาของหน้าโดยการตั้งค่าคุณสมบัติ "ลอย" ของแท็กของคุณ
- . คุณสมบัตินี้มีผลกับรายการทั้งหมดโดยเลื่อนไปทางซ้ายหรือขวาของหน้า เขียนรหัส "ul {float: right;}"
คุณสามารถตั้งค่าคุณสมบัตินี้เป็นซ้ายหรือขวาได้ แต่ไม่ใช่ไปที่กึ่งกลาง
-
ห่อแท็กของคุณ
- ด้วยแท็กและเพื่อสร้างการตัดคำที่จะทำให้รายการอยู่กึ่งกลางหน้า รหัสจะมีลักษณะดังนี้: "
- องค์ประกอบรายการ
- องค์ประกอบรายการ
แท็กจะไม่จัดแนวอะไรด้วยตัวเอง คุณควรใช้ CSS เป็นศูนย์กลางทุกอย่าง เพิ่มรหัสต่อไปนี้ระหว่างแท็ก> หรือในไฟล์ CSS ของคุณเพื่อจัดรายการให้อยู่กึ่งกลาง: "div {display: block; text-align: center;} ul {display: inline-block; text-align: left;}"