รายการสัญลักษณ์แสดงหัวข้อย่อยถูกกำหนดโดยการเพิ่มสัญลักษณ์แสดงหัวข้อย่อยขนาดเล็ก ซึ่งมักจะอยู่ในรูปแบบของวงกลมที่เติมไว้หน้าแต่ละรายการ รายการนั้นถูกสร้างขึ้นโดยใช้คอนเทนเนอร์

และแต่ละรายการจะเริ่มต้นด้วยแท็ก
• ตามที่แสดงด้านล่าง
  • จุดแรก
  • จุดที่สอง
  • จุดที่สาม

  รายการจะต้องมีแท็กปิด

มิฉะนั้นจะเกิดข้อผิดพลาดขึ้น แท็กปิดแม้ว่าจะไม่จำเป็น แต่เราแนะนำให้เพิ่มเพื่อแยกรายการอย่างชัดเจนเสมอ

ตัวอย่าง 11.1 แสดงโค้ด HTML สำหรับการเพิ่มรายการสัญลักษณ์แสดงหัวข้อย่อยให้กับเว็บเพจ

ตัวอย่างที่ 11.1 สร้างรายการหัวข้อย่อย

---

• เชบูราชกา
• ยีนจระเข้
• ชาโปกเลียค
• หนูลาริสา

---

ผลลัพธ์ ตัวอย่างนี้แสดงในรูป 11.1.

ข้าว. 11.1. มุมมองรายการสัญลักษณ์แสดงหัวข้อย่อย

ให้ความสนใจกับช่องว่างภายในที่ด้านบน ล่าง และด้านซ้ายของรายการ การเยื้องดังกล่าวจะถูกเพิ่มโดยอัตโนมัติ

เครื่องหมายอาจมีรูปแบบใดรูปแบบหนึ่งจากสามรูปแบบ: วงกลม (ค่าเริ่มต้น) วงกลม และสี่เหลี่ยมจัตุรัส หากต้องการเลือกรูปแบบเครื่องหมาย ให้ใช้แอตทริบิวต์ประเภทของแท็ก

. ค่าที่ถูกต้องจะได้รับในตาราง 11.1
โต๊ะ 11.1. แสดงรายการสไตล์สัญลักษณ์แสดงหัวข้อย่อย

ประเภทรายการ	รหัส HTML	ตัวอย่าง
รายการที่มีเครื่องหมายวงกลม		อันดับแรก ที่สอง ที่สาม
รายการที่มีสัญลักษณ์แสดงหัวข้อย่อยวงกลม		อันดับแรก ที่สอง ที่สาม
รายการที่มีสัญลักษณ์แสดงหัวข้อย่อยสี่เหลี่ยม		อันดับแรก ที่สอง ที่สาม

ลักษณะเครื่องหมายอาจแตกต่างกันเล็กน้อยขึ้นอยู่กับ เบราว์เซอร์ที่แตกต่างกันรวมถึงเมื่อเปลี่ยนแบบอักษรและขนาดข้อความ

การสร้างรายการด้วยสัญลักษณ์แสดงหัวข้อย่อยสี่เหลี่ยมจะแสดงในตัวอย่างที่ 11.2

ตัวอย่างที่ 11.2 ประเภทของเครื่องหมาย

ความเชื่อที่เปลี่ยนไป

• การเปลี่ยนแปลงศรัทธาทางศาสนา (ทางเลือก: พุทธศาสนา ขงจื้อ และฮินดู) ข้อเสนอพิเศษ- ศาสนายิวและศาสนาอิสลามร่วมกัน
• การเปลี่ยนแปลงความเชื่อในความผิดพลาดของฝ่ายโปรด
• ความเชื่อที่ว่ามนุษย์ต่างดาวมีอยู่จริง
• ความพึงพอใจต่อระบบการเมืองที่ดีที่สุด (ให้เลือก: ศักดินา, สังคมนิยม, คอมมิวนิสต์, ทุนนิยม)




ผลลัพธ์ของตัวอย่างนี้แสดงไว้ในรูปที่ 1 11.2.

สร้างรายการใน ไมโครซอฟต์ เวิร์ดมันค่อนข้างง่ายเพียงไม่กี่คลิก นอกจากนี้โปรแกรมนี้ช่วยให้คุณไม่เพียง แต่สร้างรายการสัญลักษณ์แสดงหัวข้อย่อยหรือลำดับเลขในขณะที่คุณพิมพ์ แต่ยังแปลงข้อความที่พิมพ์ลงในรายการแล้วอีกด้วย

ในบทความนี้เราจะมาดูวิธีสร้างรายการใน Word อย่างละเอียดยิ่งขึ้น

หากคุณเพียงวางแผนที่จะพิมพ์ข้อความที่ต้องจัดรูปแบบเป็นรายการหัวข้อย่อย ให้ทำตามขั้นตอนเหล่านี้:

1. วางเคอร์เซอร์ไว้ที่จุดเริ่มต้นของบรรทัดที่ควรมีรายการแรก



2. ในกลุ่ม "ย่อหน้า"ซึ่งอยู่ในแท็บ "บ้าน"ให้กดปุ่ม “รายการสัญลักษณ์แสดงหัวข้อย่อย”.



3. ป้อนรายการแรกในรายการใหม่ กด "เข้า".



4. ป้อนสัญลักษณ์แสดงหัวข้อย่อยถัดไปทั้งหมดโดยคลิกที่ส่วนท้ายของแต่ละหัวข้อ "เข้า"(หลังจุดหรืออัฒภาค) เมื่อคุณป้อนรายการสุดท้ายเสร็จแล้ว ให้กด สองครั้ง "เข้า"หรือคลิก "เข้า"แล้ว "แบ็คสเปซ"เพื่อออกจากโหมดการสร้างรายการหัวข้อย่อยและพิมพ์ต่อตามปกติ



การแปลงข้อความที่เสร็จแล้วเป็นรายการ

แน่นอนว่าแต่ละรายการในรายการในอนาคตควรอยู่ในบรรทัดที่แยกจากกัน หากข้อความของคุณยังไม่ได้แบ่งออกเป็นบรรทัด ให้ทำดังนี้

1. วางเคอร์เซอร์ที่ส่วนท้ายของคำ วลี หรือประโยคที่ควรเป็นรายการแรกในรายการในอนาคต



2. คลิก "เข้า".



3. ทำซ้ำการกระทำเดียวกันสำหรับรายการต่อไปนี้ทั้งหมด



4. เลือกข้อความที่ควรจะเป็นรายการ



5. บนแผงควบคุม เข้าถึงได้อย่างรวดเร็วในแท็บ "บ้าน"คลิกปุ่ม “รายการสัญลักษณ์แสดงหัวข้อย่อย”(กลุ่ม "ย่อหน้า").



คำแนะนำ:ถ้ายังไม่มีข้อความหลังจากรายการสัญลักษณ์แสดงหัวข้อย่อยที่คุณสร้างขึ้น ให้ดับเบิลคลิก "เข้า"ในตอนท้าย จุดสุดท้ายหรือคลิก "เข้า"แล้ว "แบ็คสเปซ"เพื่อออกจากโหมดการสร้างรายการ พิมพ์ต่อไปตามปกติ



หากคุณต้องการสร้างรายการลำดับเลขแทนที่จะเป็นรายการหัวข้อย่อย ให้คลิก “รายการลำดับเลข”ตั้งอยู่ในกลุ่ม "ย่อหน้า"ในแท็บ "บ้าน".



การเปลี่ยนระดับรายการ

รายการลำดับเลขที่สร้างขึ้นสามารถเลื่อนไปทางซ้ายหรือขวาได้ ดังนั้นการเปลี่ยน "ความลึก" (ระดับ)

1. เลือกอันที่คุณสร้างขึ้น รายการหัวข้อย่อย.



“รายการสัญลักษณ์แสดงหัวข้อย่อย”.



3. จากเมนูแบบเลื่อนลง ให้เลือก “เปลี่ยนระดับรายการ”.



4. เลือกระดับที่คุณต้องการตั้งค่าสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อยที่คุณสร้างขึ้น



บันทึก:เมื่อระดับเปลี่ยนไป เครื่องหมายในรายการก็จะเปลี่ยนไปด้วย เราจะบอกคุณด้านล่างถึงวิธีเปลี่ยนสไตล์ของรายการสัญลักษณ์แสดงหัวข้อย่อย (ก่อนอื่นประเภทของสัญลักษณ์แสดงหัวข้อย่อย)

การดำเนินการที่คล้ายกันสามารถทำได้โดยใช้ปุ่ม และในกรณีนี้ ประเภทของเครื่องหมายจะไม่เปลี่ยนแปลง

บันทึก:ลูกศรสีแดงในภาพหน้าจอแสดงแท็บเริ่มต้นสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อย



เลือกรายการระดับที่คุณต้องการเปลี่ยน โดยปฏิบัติตามวิธีใดวิธีหนึ่งต่อไปนี้:






บันทึก:การกดปุ่ม (หรือปุ่ม) หนึ่งครั้งจะย้ายรายการหนึ่งแท็บหยุด ชุดค่าผสม “SHIFT+TAB” จะใช้งานได้ก็ต่อเมื่อรายการอยู่ห่างจากขอบด้านซ้ายของหน้าอย่างน้อยหนึ่งแท็บ

การสร้างรายการหลายระดับ

หากจำเป็น คุณสามารถสร้างรายการหัวข้อย่อยหลายระดับได้ คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการดำเนินการนี้ได้ในบทความของเรา

เปลี่ยนรูปแบบของรายการสัญลักษณ์แสดงหัวข้อย่อย

นอกจากเครื่องหมายมาตรฐานที่ติดตั้งไว้ที่จุดเริ่มต้นของแต่ละรายการแล้ว คุณสามารถใช้อักขระอื่นๆ ที่มีอยู่ใน MS Word เพื่อทำเครื่องหมายได้

1. เลือกรายการสัญลักษณ์แสดงหัวข้อย่อยที่คุณต้องการเปลี่ยนแปลง



2. คลิกที่ลูกศรที่อยู่ทางด้านขวาของปุ่ม “รายการสัญลักษณ์แสดงหัวข้อย่อย”.



3. เลือกสไตล์มาร์กเกอร์ที่เหมาะสมจากเมนูแบบเลื่อนลง



4. เครื่องหมายในรายการจะเปลี่ยนไป



หากคุณไม่พอใจกับรูปแบบมาร์กเกอร์เริ่มต้นด้วยเหตุผลบางประการ คุณสามารถใช้เพื่อทำเครื่องหมายสัญลักษณ์ใดๆ ที่มีอยู่ในโปรแกรมหรือรูปภาพที่สามารถเพิ่มจากคอมพิวเตอร์หรือดาวน์โหลดจากอินเทอร์เน็ตได้

รายการ- เหล่านี้เป็นประโยคที่เชื่อมโยงถึงกันโดยขึ้นต้นด้วยเครื่องหมายหรือตัวเลข แสดงรายการข้อมูลโครงสร้างความช่วยเหลือบนหน้าเว็บ รายการอาจเป็นสัญลักษณ์แสดงหัวข้อย่อย หมายเลข หรือรายการคำจำกัดความ พวกเขาแตกต่างกันในลักษณะที่พวกเขาได้รับการออกแบบ

รายการหัวข้อย่อยรายการสัญลักษณ์แสดงหัวข้อย่อยคือกลุ่มของรายการ แต่ละองค์ประกอบของรายการดังกล่าวจะถูกทำเครื่องหมายด้วยเครื่องหมายพิเศษ ซึ่งโดยปกติจะอยู่ในรูปของวงกลมสีดำ

• รายการสัญลักษณ์แสดงหัวข้อย่อยถูกสร้างขึ้นโดยใช้แท็กคู่หนึ่ง และแต่ละองค์ประกอบรายการจะอยู่ภายในแท็ก
และ


• - นี่คือตัวอย่าง:


• องค์ประกอบแรก


• องค์ประกอบที่สอง



องค์ประกอบที่สาม

• - นี่คือตัวอย่าง:
• องค์ประกอบแรก
• องค์ประกอบที่สอง

นี่คือผลลัพธ์ของตัวอย่างด้านบน:แท็กปิด

ไม่จำเป็น แต่ฉันแนะนำให้คุณเพิ่มลงในรายการแยกองค์ประกอบอย่างชัดเจนเสมอ แท็กปิด

ที่จำเป็น. คุณสามารถวางลิงก์ ย่อหน้า รูปภาพ รายการอื่นๆ การขึ้นบรรทัดใหม่ ฯลฯ ภายในองค์ประกอบรายการได้

เครื่องหมายรายการมีได้สามประเภท: วงกลมเต็ม วงกลม และสี่เหลี่ยมจัตุรัส ประเภทเครื่องหมายถูกตั้งค่าโดยใช้พารามิเตอร์ประเภทแท็ก - พารามิเตอร์ประเภทสามารถใช้ได้ค่าต่อไปนี้

: ดิสก์ วงกลม และสี่เหลี่ยม



• - นี่คือตัวอย่าง:


• องค์ประกอบแรก


• องค์ประกอบที่สอง






• - นี่คือตัวอย่าง:


• องค์ประกอบแรก


• องค์ประกอบที่สอง



ด้านล่างนี้เป็นเครื่องหมายในรูปแบบวงกลมและสี่เหลี่ยมจัตุรัส

• - นี่คือตัวอย่าง:
• องค์ประกอบแรก
• องค์ประกอบที่สอง
• - นี่คือตัวอย่าง:
• องค์ประกอบแรก
• องค์ประกอบที่สอง

และนี่คือสิ่งที่ดูเหมือน:รายการลำดับเลข.

• รายการสัญลักษณ์แสดงหัวข้อย่อยถูกสร้างขึ้นโดยใช้แท็กคู่หนึ่ง และแต่ละองค์ประกอบรายการจะอยู่ภายในแท็ก
รายการที่เรียงลำดับเลขก็คือกลุ่มของรายการเช่นกัน แต่รายการนั้นจะมีป้ายกำกับด้วยตัวเลขหรือตัวอักษร


1. - นี่คือตัวอย่าง:


2. องค์ประกอบแรก


3. องค์ประกอบที่สอง



รายการลำดับเลขถูกสร้างขึ้นโดยใช้แท็กคู่หนึ่ง และแต่ละองค์ประกอบของรายการจะถูกวางไว้ภายในแท็ก

1. - นี่คือตัวอย่าง:
2. องค์ประกอบแรก
3. องค์ประกอบที่สอง

- ตัวอย่างเช่น:

และดูเหมือนว่านี้:
• นอกจากนี้ ประเภทของมาร์กเกอร์ยังระบุโดยใช้พารามิเตอร์ประเภทของแท็กอีกด้วย .สิ่งต่อไปนี้สามารถใช้เป็นองค์ประกอบการทำเครื่องหมายได้: ;
• ตัวเลขอารบิค (1, 2, 3, ...) - ประเภท = "1"เลขโรมันใน ตัวพิมพ์ใหญ่ ;
• ตัวเลขอารบิค (1, 2, 3, ...) - (ฉัน, II, III, ...) -ประเภท = "ฉัน" ตัวพิมพ์เล็ก ;
• (ฉัน ii iii ... ) - ตัวอักษรละติน(ก, ข, ค, ...) - ประเภท = "ก" ;
• ตัวอักษรละตินตัวพิมพ์เล็ก (a, b, c, ...) - ประเภท = "เป็น" ;

การใช้พารามิเตอร์แท็กเริ่มต้น

คุณสามารถตั้งค่าเริ่มต้นของมาร์กเกอร์ได้ ด้านล่างนี้คือรายการตัวอย่างที่ใช้เลขโรมันที่ขึ้นต้นด้วย 8


5. - นี่คือตัวอย่าง:


6. องค์ประกอบแรก


7. องค์ประกอบที่สอง



ดูเหมือนว่า:

1. - นี่คือตัวอย่าง:
2. องค์ประกอบแรก
3. องค์ประกอบที่สอง

รายการคำจำกัดความรายการคำจำกัดความประกอบด้วยคำศัพท์และคำจำกัดความ รายการดังกล่าวระบุโดยใช้แท็ก

รายการสัญลักษณ์แสดงหัวข้อย่อยถูกสร้างขึ้นโดยใช้แท็กคู่หนึ่ง และแต่ละองค์ประกอบรายการจะอยู่ภายในแท็ก

- คำศัพท์ในรายการดังกล่าวระบุด้วยแท็ก
และคำจำกัดความของมัน
- ด้านล่างนี้คือโครงสร้างของรายการคำจำกัดความ


- นี่คือตัวอย่าง:


คำอธิบายขององค์ประกอบแรก


องค์ประกอบแรก


คำอธิบายขององค์ประกอบที่สอง


องค์ประกอบที่สอง


คำอธิบายขององค์ประกอบที่สาม


และดูเหมือนว่านี้:
องค์ประกอบแรก คำอธิบายขององค์ประกอบแรก องค์ประกอบที่สอง คำอธิบายองค์ประกอบที่สอง องค์ประกอบที่สาม คำอธิบายขององค์ประกอบที่สาม
รายการประเภทหนึ่งที่ใช้ใน HTML คือรายการสัญลักษณ์แสดงหัวข้อย่อย มิฉะนั้น รายการประเภทนี้จะเรียกว่าไม่มีหมายเลขหรือไม่มีลำดับ นามสกุลมักใช้เป็นคำแปลอย่างเป็นทางการของชื่อของแท็กที่เกี่ยวข้อง
ด้วยความช่วยเหลือในการจัดระเบียบรายการประเภทนี้ในเอกสาร HTML (UL - รายการที่ไม่เรียงลำดับ, รายการที่ไม่เรียงลำดับ)

รายการสัญลักษณ์แสดงหัวข้อย่อยใช้ อักขระพิเศษเรียกว่าเครื่องหมายรายการ (มักเรียกว่าสัญลักษณ์แสดงหัวข้อย่อย ซึ่งเป็นการออกเสียงอย่างเป็นทางการของคำศัพท์ภาษาอังกฤษหัวข้อย่อย) ลักษณะของเครื่องหมายรายการจะถูกกำหนดโดยเบราว์เซอร์ และเมื่อสร้างรายการที่ซ้อนกัน เบราว์เซอร์จะกระจายลักษณะที่ปรากฏของเครื่องหมายในระดับการซ้อนต่างๆ โดยอัตโนมัติ

แท็ก

รายการสัญลักษณ์แสดงหัวข้อย่อยถูกสร้างขึ้นโดยใช้แท็กคู่หนึ่ง และแต่ละองค์ประกอบรายการจะอยู่ภายในแท็ก

หากต้องการสร้างรายการสัญลักษณ์แสดงหัวข้อย่อย คุณต้องใช้คอนเทนเนอร์แท็ก ซึ่งมีองค์ประกอบทั้งหมดของรายการอยู่ภายใน แท็กรายการเปิดและปิดจะมีการขึ้นบรรทัดใหม่ก่อนและหลังรายการ จึงเป็นการแยกรายการออกจากเนื้อหาหลักของเอกสาร ดังนั้นจึงไม่จำเป็นต้องใช้แท็กย่อหน้าที่นี่


.

องค์ประกอบรายการแต่ละรายการจะต้องเริ่มต้นด้วยแท็ก

• (LI - รายการองค์ประกอบรายการ) แท็ก
• ไม่จำเป็นต้องมีแท็กปิดที่เกี่ยวข้อง แม้ว่าโดยหลักการแล้วไม่ได้ห้ามไม่ให้มีแท็กปิดก็ตาม เบราว์เซอร์มักจะเริ่มทำงานทุกครั้งที่แสดงเอกสาร องค์ประกอบใหม่รายการจากบรรทัดใหม่

  ข้อมูลที่ให้ไว้เพียงพอที่จะสร้างรายการสัญลักษณ์แสดงหัวข้อย่อยพื้นฐาน เรามายกตัวอย่างเอกสาร HTML โดยใช้รายการสัญลักษณ์แสดงหัวข้อย่อยซึ่งเบราว์เซอร์จะแสดงในรูป 2.1.

  สัญญาณของราศี:

  • ราศีเมษ

  • ราศีพฤษภ

  • ฝาแฝด

  • ราศีกันย์

  • ตาชั่ง

  • แมงป่อง

  • ราศีธนู

  • ราศีมังกร

  • ราศีกุมภ์

  • ปลา

  ข้าว. 2.1.เบราว์เซอร์แสดงรายการสัญลักษณ์แสดงหัวข้อย่อย

  โปรดทราบว่านอกเหนือจากองค์ประกอบรายการที่ทำเครื่องหมายด้วยแท็ก

• อาจมีองค์ประกอบ HTML อื่นๆ ปรากฏอยู่ ในตัวอย่างข้างต้น องค์ประกอบหนึ่งดังกล่าวคือ ข้อความธรรมดาซึ่งไม่ใช่รายการ แต่มีบทบาทเป็นชื่อรายการ

  บันทึก

  หนังสือเรียนบางเล่มในภาษา HTML ระบุว่าควรใช้คอนเทนเนอร์แท็กเพื่อตั้งชื่อรายการ (LH - ส่วนหัวของรายการ, ส่วนหัวของรายการ) ขณะนี้เบราว์เซอร์ทั่วไปไม่รู้จักแท็กนี้ และไม่ได้เป็นส่วนหนึ่งของข้อกำหนด HTML ดังนั้นการใช้งานจึงไร้จุดหมายแม้ว่าจะไม่ทำให้เกิดข้อผิดพลาดก็ตาม

  ในแท็ก

  สามารถระบุพารามิเตอร์ได้สองตัว: COMPACT และ TYPE

  พารามิเตอร์ COMPACT ถูกเขียนโดยไม่มีค่าและใช้เพื่อระบุให้เบราว์เซอร์ทราบ รายการนี้ควรนำเสนอในรูปแบบกะทัดรัด ตัวอย่างเช่น แบบอักษรหรือระยะห่างระหว่างบรรทัดรายการ ฯลฯ อาจลดลง

  บันทึก

  ปัจจุบันมีพารามิเตอร์ COMPACT ในแท็ก

  ไม่ส่งผลกระทบต่อการแสดงรายการในเบราว์เซอร์ชั้นนำ แต่อย่างใด ดังนั้น การใช้พารามิเตอร์นี้จึงไม่มีประโยชน์ โดยเฉพาะอย่างยิ่งเนื่องจากข้อกำหนด HTML 4.0 ไม่แนะนำให้ใช้

  พารามิเตอร์ TYPE สามารถรับค่าต่อไปนี้: ดิสก์ วงกลม และสี่เหลี่ยม พารามิเตอร์นี้ใช้เพื่อบังคับลักษณะที่ปรากฏของรายการหัวข้อย่อย ประเภทของเครื่องหมายที่แน่นอนจะขึ้นอยู่กับเบราว์เซอร์ที่คุณใช้ ตัวเลือกทั่วไปจอแสดงผลมีดังนี้:

  TYPE = แผ่นดิสก์ - เครื่องหมายจะแสดงเป็นวงกลมที่เต็มไป TYPE = วงกลม - เครื่องหมายจะแสดงเป็นวงกลมเปิด TYPE = สี่เหลี่ยม - เครื่องหมายจะแสดงเป็นสี่เหลี่ยมจัตุรัสที่เต็มไป รายการตัวอย่าง:

  .

  ค่าเริ่มต้นคือ TYPE = ดิสก์ สำหรับรายการสัญลักษณ์แสดงหัวข้อย่อยที่ซ้อนกัน ค่าเริ่มต้นคือดิสก์ที่ระดับแรก วงกลมที่ระดับที่สอง สี่เหลี่ยมที่ระดับที่สามและเลยไป นี่คือสิ่งที่ทำใน เวอร์ชันล่าสุดเบราว์เซอร์ Netscape และ Internet Explorer โปรดทราบว่าเบราว์เซอร์อื่นอาจแสดงเครื่องหมายแตกต่างออกไป ตัวอย่างเช่นในข้อกำหนด HTML 4.0 สำหรับประเภทของเครื่องหมายที่แสดงเมื่อ ประเภทค่า= สี่เหลี่ยมจัตุรัส หมายถึง สี่เหลี่ยมจัตุรัสที่ยังไม่ได้เติม (โครงร่างสี่เหลี่ยมจัตุรัส)

  พารามิเตอร์ TYPE ที่มีค่าเดียวกันสามารถใช้เพื่อระบุประเภทของเครื่องหมายสำหรับองค์ประกอบรายการแต่ละรายการ ในการดำเนินการนี้ อนุญาตให้ระบุพารามิเตอร์ TYPE ที่มีค่าที่เกี่ยวข้องในแท็กองค์ประกอบรายการได้

  • .

    รายการตัวอย่าง:

  • .

    บันทึก

    เบราว์เซอร์ตีความข้อกำหนดประเภทสัญลักษณ์แสดงหัวข้อย่อยสำหรับแต่ละรายการที่แตกต่างกัน เบราว์เซอร์ Netscape จะเปลี่ยนรูปลักษณ์ของมาร์กเกอร์สำหรับสิ่งนี้และอันที่ตามมาทั้งหมดจนกว่าจะพบการกำหนดลักษณะที่ปรากฏของมาร์กเกอร์ใหม่ครั้งต่อไป อินเทอร์เน็ตเบราว์เซอร์ Explorer เปลี่ยนรูปลักษณ์ของเครื่องหมายสำหรับองค์ประกอบนี้เท่านั้น

    เครื่องหมายรายการกราฟิก

    คุณสามารถใช้ภาพกราฟิกเป็นรายการสัญลักษณ์แสดงหัวข้อย่อย ซึ่งใช้กันอย่างแพร่หลายในการสร้างเอกสาร HTML ที่สวยงามและออกแบบมาอย่างดี จริงๆ แล้ว โอกาสดังกล่าวไม่ได้มอบให้โดยตรง ภาษา HTMLแต่มีการดำเนินการค่อนข้างเทียม นี่ไม่ได้หมายความว่าไม่แนะนำหรือตำหนิการกระทำดังกล่าว แต่เพียงแต่จะไม่มีการใช้โครงสร้างภาษา HTML พิเศษที่นี่

    เพื่อให้เข้าใจแนวคิดนี้ คุณต้องเข้าใจกลไกในการใช้งานรายการบนหน้า HTML ปรากฎว่าแท็กรายการ

    (ตามจริงแล้ว แท็กรายการประเภทอื่นๆ ที่กล่าวถึงด้านล่าง) ทำหน้าที่เดียว - โดยจะบอกเบราว์เซอร์ว่าข้อมูลทั้งหมดที่อยู่หลังแท็กนี้ควรแสดงถูกเลื่อนไปทางขวา (เยื้อง) ตามจำนวนที่กำหนด แท็ก
    • บ่งบอกถึง แต่ละองค์ประกอบรายการ ให้ผลลัพธ์ของเครื่องหมายองค์ประกอบรายการมาตรฐาน

      หากเราจำเป็นต้องสร้างรายการที่มีเครื่องหมายกราฟิก เราก็สามารถทำได้โดยไม่ต้องใช้แท็กเลย

    • - การแทรกสิ่งที่คุณต้องการก่อนแต่ละองค์ประกอบของรายการก็เพียงพอแล้ว ภาพกราฟิก- ปัญหาเดียวที่ต้องแก้ไขคือการแยกองค์ประกอบรายการออกจากกัน คุณสามารถใช้แท็กย่อหน้าสำหรับสิ่งนี้

      หรือบังคับให้ป้อนบรรทัด
      - ตัวอย่างของการใช้รายการที่มีเครื่องหมายกราฟิกซึ่งการแสดงผลจะแสดงในรูป 2.2 แสดงไว้ด้านล่าง:

      ซึ่งจะถูกส่งเพียงครั้งเดียว ขนาดไฟล์ของรูปภาพขนาดเล็กก็เล็กมากเช่นกัน

      บันทึก

      วิธีการสร้างรายการด้วยสัญลักษณ์แสดงหัวข้อย่อยกราฟิกจะกล่าวถึงในบทที่ 8

      ใน HTML แท็กทั้งชุดมีหน้าที่รับผิดชอบในการจัดระเบียบรายการ ซึ่งองค์กรจะต้องปฏิบัติตามกฎบางประการในการจัดโครงสร้างข้อมูล

      มาตรฐานที่ห้า เวอร์ชัน HTMLรองรับรายการ 3 ประเภท: รายการที่เรียงลำดับเลข รายการหัวข้อย่อย และรายการคำจำกัดความ นอกจากนี้ยังให้ความสามารถในการซ้อนรายการภายในกันและกัน โดยสร้างรายการหลายระดับที่ซ้อนกัน

      รายการลำดับเลข

      รายการลำดับเลข- นี่คือชุดขององค์ประกอบ (รายการ) ที่มีลำดับที่แน่นอน แต่ละรายการในรายการลำดับเลขจะมีเครื่องหมายเฉพาะซึ่งระบุลำดับที่รายการนั้นปรากฏโดยสัมพันธ์กับรายการอื่นๆ ในรายการ ตามค่าเริ่มต้น เครื่องหมายรายการลำดับเลขจะเป็นตัวเลข รายการแรกมีหมายเลข 1 รายการที่สองมีหมายเลข 2 และต่อๆ ไป

      ตัวอย่างรายการลำดับเลขที่พบบ่อยที่สุดคือสูตรอาหารสำหรับเตรียมอาหารต่างๆ เนื่องจากสูตรอาหารใดๆ ก็ตามมีรายการเป็นตัวเลขและมีลำดับขั้นตอนที่ชัดเจน

      หากต้องการสร้างรายการลำดับเลขใน HTML ให้ใช้แท็ก

      ภายในซึ่งมีองค์ประกอบรายการพร้อมข้อมูลอยู่ แต่ละรายการจะถูกระบุโดยใช้แท็ก
      1. :

         รายการลำดับเลข:

         1. กาแฟ
         2. ชา
         3. น้ำนม
         
         
         พยายาม "

         หมายเหตุ: แท็ก

         เช่น องค์ประกอบลูกสามารถมีได้เฉพาะแท็ก
         1. นั่นคือเนื้อหาทั้งหมดของรายการลำดับเลขจะต้องอยู่ภายในองค์ประกอบ
         2. - แท็ก
         3. ในทางกลับกัน ไม่มีข้อจำกัดเกี่ยวกับเนื้อหา ดังนั้นคุณจึงสามารถวางย่อหน้า รูปภาพ ลิงก์ ตาราง รายการอื่นๆ ฯลฯ ไว้ในนั้นได้

            รายการหัวข้อย่อย

            รายการหัวข้อย่อย- สิ่งเหล่านี้ไม่มีหมายเลขนั่นคือรายการองค์ประกอบที่ไม่เรียงลำดับซึ่งลำดับที่ไม่สำคัญ รายการสัญลักษณ์แสดงหัวข้อย่อยทั้งหมดมีสัญลักษณ์แสดงหัวข้อย่อยเหมือนกัน และตามค่าเริ่มต้นจะปรากฏเป็นวงกลมสีดำเล็กๆ

            หากต้องการสร้างรายการหัวข้อย่อยใน HTML ให้ใช้แท็ก

            ภายในซึ่งมีองค์ประกอบของรายการอยู่ (เช่นในกรณีของรายการลำดับเลข แท็ก
            • ซึ่งมีเนื้อหาที่แสดงทั้งหมดของรายการ):

              รายการหัวข้อย่อย:

              • กาแฟ
              • ชา
              • น้ำนม
              
              
              พยายาม "

              ประเภทของเครื่องหมาย

              คุณสามารถเปลี่ยนประเภทของสัญลักษณ์แสดงหัวข้อย่อยลำดับเลขได้โดยใช้ แอตทริบิวต์ประเภท. คุณลักษณะนี้รองรับเครื่องหมายห้าประเภท:

              รายการสัญลักษณ์แสดงหัวข้อย่อยไม่มีแอตทริบิวต์ประเภท ดังนั้น คุณไม่สามารถเปลี่ยนประเภทของสัญลักษณ์แสดงหัวข้อย่อยสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อยโดยใช้ HTML หากต้องการเปลี่ยนประเภทของเครื่องหมาย ในกรณีนี้ คุณสามารถใช้ได้ คุณสมบัติซีเอสเอส m list-style-type ซึ่งนอกเหนือจากค่าเริ่มต้นแล้ว คุณสามารถเลือกเครื่องหมายเพิ่มเติมอีกสองประเภท: วงกลมหรือสี่เหลี่ยม

              การเปลี่ยนเครื่องหมายรายการ:

              รายการลำดับเลขที่มีแอตทริบิวต์ type="a":

              1. แอปเปิ้ล
              2. กล้วย
              3. มะนาว

              รายการลำดับเลขที่มีแอตทริบิวต์ type="I":

              1. แอปเปิ้ล
              2. กล้วย
              3. มะนาว

              ประเภทของเครื่องหมายแสดงหัวข้อย่อย:

              • แอปเปิ้ล
              • กล้วย
              • มะนาว
              • แอปเปิ้ล
              • กล้วย
              • มะนาว
              
              
              พยายาม "

              คุณสมบัติ CSS แบบรายการสไตล์ นอกเหนือจากประเภทของเครื่องหมายสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อยแล้ว ยังมีอีกมากมาย ประเภทต่างๆเครื่องหมายและสำหรับรายการลำดับเลข แต่การเปลี่ยนแปลงไม่เหมือนกันเสมอไป มุมมองมาตรฐานเครื่องหมายอีกอันก็เพียงพอที่จะสร้างรายการได้อย่างสวยงาม ในการออกแบบรายการจะดีกว่าถ้าใช้ CSS ซึ่งช่วยให้คุณไม่เพียง แต่เปลี่ยนรูปลักษณ์ของเครื่องหมายเท่านั้น แต่ยังแทนที่เครื่องหมายด้วยรูปภาพควบคุมตำแหน่งและควบคุมการเยื้องอีกด้วย คุณสามารถดูวิธีการทำทั้งหมดนี้ได้

              รายการแนวนอน

              หากคุณใช้กล่องรายการ HTML เพื่อสร้างเมนูแนวนอน คุณจะต้องจัดเรียงรายการตามลำดับรายการในบรรทัดเดียวกัน การใช้ HTMLวิธีนี้จะใช้งานไม่ได้ ดังนั้นคุณจะต้องใช้ CSS

              หากต้องการสร้างรายการแนวนอน คุณต้องตั้งค่าคุณสมบัติการแสดงผล CSS สำหรับรายการที่มีค่า inline หรือ inline-block ขึ้นอยู่กับคุณสมบัติอื่นที่คุณจะใช้

              รายการลำดับเลข

              1. แอปเปิ้ล
              2. กล้วย
              3. มะนาว

              รายการหัวข้อย่อย:

              • แอปเปิ้ล
              • กล้วย
              • มะนาว
              
              
              พยายาม "

              หลังจากนี้ รายการทั้งหมดจะเรียงกันเป็นบรรทัดเดียว โปรดทราบว่าสัญลักษณ์แสดงหัวข้อย่อยจะหายไปจากรายการและจะไม่มีช่องว่างระหว่างรายการเหล่านั้นด้วยซ้ำ แต่การเยื้องด้านซ้ายของรายการจะยังคงอยู่

              วิธีเปลี่ยนรายการแนวนอนให้เป็น เมนูแนวนอนคุณสามารถดูได้