หนึ่งในประเภทรายการที่ใช้ใน 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 และ อินเทอร์เน็ตเอ็กซ์พลอเรอร์. โปรดทราบว่าเบราว์เซอร์อื่นอาจแสดงเครื่องหมายแตกต่างออกไป ตัวอย่างเช่นใน ข้อกำหนด HTML 4.0 สำหรับประเภทของเครื่องหมายที่แสดงเมื่อค่า TYPE = สี่เหลี่ยมจัตุรัส จะแสดงสี่เหลี่ยมจัตุรัสที่ยังไม่ได้เติม (โครงร่างสี่เหลี่ยม)

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

  • .

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

  • .

    บันทึก

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

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

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

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

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

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

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

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

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

      บันทึก

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

      
      

      การใช้งานหลักของรายการ:

      หมายเลข - เพื่อแสดงรายการองค์ประกอบที่ตามมาตามลำดับที่กำหนดไว้อย่างเคร่งครัด

      สัญลักษณ์แสดงหัวข้อย่อย - เพื่อแสดงรายการองค์ประกอบตามลำดับแบบสุ่ม

      หลายระดับ - เพื่อระบุข้อมูลขององค์ประกอบบางอย่าง

      รายการคำจำกัดความ - ใช้เพื่อจัดรูปแบบพจนานุกรม

      หน้า HTML รายการลำดับเลข

      แท็กใช้เพื่อสร้างรายการลำดับเลข

      1. แท็ก

         แท็ก

         1. ตามค่าเริ่มต้น รายการจะถูกกำหนดหมายเลขตามลำดับ 1, 2, 3... คุณสามารถเปลี่ยนรูปแบบการกำหนดหมายเลขได้โดยใช้แอตทริบิวต์ TYPE

            ค่า การกำหนดหมายเลข ประเภท A A, B, C.. a, b, c.. I I, II, III.. i i, ii, iii.. 1 1. 2. 3..

            หากเพิ่มแล้ว รายการที่มีอยู่ค่าใหม่เบราว์เซอร์จะคำนวณใหม่โดยอัตโนมัติ

            เมื่อใช้แอตทริบิวต์ START VALUE คุณสามารถเปลี่ยนลำดับหมายเลขของรายการได้

            START - ทำหน้าที่ระบุหมายเลขเริ่มต้นของรายการ แตกต่างจาก 1

            ค่า - ทำให้สามารถกำหนดหมายเลขที่กำหนดเองให้กับองค์ประกอบใด ๆ ของรายการได้

            ตัวอย่าง:

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

            แท็กถูกใช้เพื่อสร้างรายการหัวข้อย่อย

            แท็ก

            มีการทำเครื่องหมายจุดเริ่มต้น/จุดสิ้นสุดของรายการทั้งหมด

            แท็ก

            • ระบุจุดเริ่มต้น/จุดสิ้นสุดขององค์ประกอบรายการแต่ละรายการ

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

              ภายในหนึ่งรายการ คุณสามารถใช้เครื่องหมายที่แตกต่างกันสำหรับองค์ประกอบรายการได้

              ตัวอย่าง:

              หน้า html รายการหลายระดับ

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

              รายการคำจำกัดความของหน้า html

              ใช้แท็กสามแท็กเพื่อสร้างรายการคำจำกัดความ:

              - เริ่มต้น/สิ้นสุดรายการ

              - การเริ่มต้น/สิ้นสุดของคำเฉพาะ

              - จุดเริ่มต้น/จุดสิ้นสุดของบทความอธิบายของคำศัพท์

              แท็ก

              และ

              ไม่จำเป็นต้องสลับกัน เหล่านั้น. คุณสามารถ "เชื่อมโยง" คำศัพท์หลายคำให้เป็นคำจำกัดความเดียวได้ และในทางกลับกัน

              ตัวอย่าง:

              รหัส HTML: เทอม 1 บทคัดย่อ 1 ถึงเทอม 1 บทคัดย่อ2 ถึงเทอม 1

              การแสดงเบราว์เซอร์: เทอม 1 บทคัดย่อ1 ถึงเทอม 1 บทคัดย่อ2 ถึงเทอม 1

              เนื่องจากในไซต์นี้มีการใช้สไตล์บางอย่างกับองค์ประกอบบางอย่าง การแสดงในตารางจึงค่อนข้างแตกต่างจากที่คุณจะได้รับ

              รายการ HTMLใช้เพื่อจัดกลุ่มข้อมูลที่เกี่ยวข้อง รายการมีสามประเภท:

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

              - แต่ละองค์ประกอบของรายการ
              • ทำเครื่องหมายด้วยเครื่องหมาย
                รายการลำดับเลข —
                - แต่ละองค์ประกอบของรายการ
                1. ทำเครื่องหมายด้วยตัวเลข
                   รายการคำจำกัดความ- - ประกอบด้วยคู่คำ
                   —
                   คำนิยาม.

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

                   การสร้างรายการ HTML

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

                   รายการหัวข้อย่อยเป็นรายการที่ไม่เรียงลำดับ (จากรายการไม่เรียงลำดับภาษาอังกฤษ). สร้างโดยใช้แท็กคู่

                   . เครื่องหมายขององค์ประกอบรายการคือป้ายกำกับ เช่น วงกลมที่เติมสี

                   เบราว์เซอร์ตามค่าเริ่มต้นจะเพิ่มการจัดรูปแบบต่อไปนี้ลงในบล็อกรายการ:

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

                2. (จากรายการภาษาอังกฤษ).
                มีอยู่ .
                • ไมโครซอฟต์
                • Google
                • แอปเปิล
                ข้าว. 1. รายการสัญลักษณ์แสดงหัวข้อย่อย

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

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

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

                บล็อกรายการยังมีสไตล์เบราว์เซอร์เริ่มต้น:

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

                สำหรับแท็ก

                มีแอตทริบิวต์ต่อไปนี้:
                ตารางที่ 1. แอ็ตทริบิวต์แท็ก

                คุณลักษณะ	คำอธิบาย ค่าที่ยอมรับ
                ย้อนกลับ	แอ็ตทริบิวต์ย้อนกลับทำให้รายการแสดงในลำดับย้อนกลับ (เช่น 9, 8, 7...)
                เริ่ม	แอ็ตทริบิวต์ start ระบุค่าเริ่มต้นที่จะเริ่มการนับเลข เช่น การก่อสร้าง รายการแรกจะถูกกำหนดหมายเลขซีเรียล "10" คุณยังสามารถระบุประเภทการกำหนดหมายเลขพร้อมกันได้ เช่น .
                พิมพ์	แอตทริบิวต์ type ระบุประเภทของเครื่องหมายที่จะใช้ในรายการ (ตัวอักษรหรือตัวเลข) ค่าที่ยอมรับ: 1 — ค่าเริ่มต้น การกำหนดเลขทศนิยม A — รายการลำดับเลขตามลำดับตัวอักษร ตัวพิมพ์ใหญ่(เอบีซีดี). a — รายการลำดับเลขตามตัวอักษร ตัวพิมพ์เล็ก (a, b, c, d) I - การกำหนดหมายเลขเป็นเลขโรมัน (I, II, III, IV) i — การนับเลขด้วยเลขโรมันตัวพิมพ์เล็ก (i, ii, iii, iv)

                1. ไมโครซอฟต์
                2. Google
                3. แอปเปิล
                ข้าว. 2. รายการลำดับเลข

                3. รายการคำจำกัดความ

                รายการคำจำกัดความถูกสร้างขึ้นโดยใช้แท็ก

                . หากต้องการเพิ่มคำ ให้ใช้แท็ก
                และเพื่อแทรกคำจำกัดความ - แท็ก
                .

                บล็อกรายการคำจำกัดความมีสไตล์เบราว์เซอร์เริ่มต้นดังต่อไปนี้:

                สำหรับแท็ก

                ,

                และ

                มีอยู่ .

                ผู้อำนวยการ:

                ปีเตอร์ โตชิลิน

                หล่อ:

                อันเดรย์ ไกดูลยัน

                อเล็กเซย์ กาฟริลอฟ

                วิตาลี โกกุนสกี้

                มารียา โคเซฟนิโควา

                ข้าว. 3. รายการคำจำกัดความ

                4. รายการที่ซ้อนกัน

                บ่อยครั้ง ความสามารถของรายการแบบง่ายไม่เพียงพอ ตัวอย่างเช่น เมื่อสร้างสารบัญ ไม่มีทางที่จะทำได้หากไม่มี รายการที่ซ้อนกัน. มาร์กอัปสำหรับรายการที่ซ้อนกันจะเป็นดังนี้:

                • วรรค 1
                • จุดที่ 2.
                  • ข้อย่อย 2.1
                  • ข้อย่อย 2.2
                    • ข้อย่อย 2.2.1
                    • ข้อย่อย 2.2.2
                  • ข้อย่อย 2.3
                • จุดที่ 3.

                
                ข้าว. 4. รายการที่ซ้อนกัน

                5. รายการลำดับเลขหลายระดับ

                รายการหลายระดับใช้เพื่อแสดงรายการในระดับต่างๆ โดยมีการเยื้องต่างกัน มาร์กอัปสำหรับรายการลำดับเลขหลายระดับจะเป็นดังนี้:

                1. ย่อหน้า
                2. ย่อหน้า
                   1. ย่อหน้า
                   2. ย่อหน้า
                   3. ย่อหน้า
                      1. ย่อหน้า
                      2. ย่อหน้า
                      3. ย่อหน้า
                   4. ย่อหน้า
                3. ย่อหน้า
                4. ย่อหน้า

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

                Ol ( /* ลบการกำหนดหมายเลขมาตรฐาน */ list-style: none; /* ระบุตัวนับและตั้งชื่อ li ไม่ได้ระบุค่าตัวนับ - โดยค่าเริ่มต้นคือ 0 */ counter-reset: li; ) li :before ( /* เรากำหนดองค์ประกอบที่จะกำหนดหมายเลข - li องค์ประกอบหลอกก่อนหน้าบ่งชี้ว่าเนื้อหาที่แทรกโดยใช้คุณสมบัติเนื้อหาจะถูกวางไว้ก่อนรายการ ในที่นี้เรายังตั้งค่าของการเพิ่มตัวนับ (ค่าเริ่มต้น คือ 1). */ counter-increase: li; / * คุณสมบัติเนื้อหาแสดงหมายเลขของรายการ counters() หมายความว่าข้อความที่สร้างขึ้นแสดงถึงค่าของตัวนับทั้งหมดที่มีชื่อนั้น ระยะเวลาในเครื่องหมายคำพูด เพิ่มช่วงแยกระหว่างตัวเลข และเพิ่มช่วงที่มีการเว้นวรรคก่อนเนื้อหาของแต่ละรายการ */ content: counters(li,".") ""; )
                ข้าว. 5. รายการลำดับเลขหลายระดับ

              HTML รองรับรายการสามรายการ ประเภทต่างๆซึ่งแต่ละรายการมีพารามิเตอร์ของตัวเอง:

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

                   • – รายการคำจำกัดความประกอบด้วยคู่ชื่อ/ค่า รวมถึงคำศัพท์และคำจำกัดความ

                   รายการที่เรียงลำดับเลข

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

                   (จากรายการเรียงลำดับภาษาอังกฤษ - รายการลำดับเลข) ถัดจากภาชนะ
                   สำหรับแต่ละรายการจะมีการวางองค์ประกอบไว้
                   1. (จากรายการภาษาอังกฤษ - รายการ) ค่าเริ่มต้นคือรายการลำดับเลขพร้อมตัวเลขอารบิก
                      แท็ก
                      มีไวยากรณ์ดังต่อไปนี้:
                      1. องค์ประกอบที่ 1
                      2. องค์ประกอบที่ 2
                      3. องค์ประกอบที่ 3

                      รายการลำดับเลขต้องมีหลายรายการ ดังที่แสดงในตัวอย่างต่อไปนี้:

                      ตัวอย่าง: รายการลำดับเลข

                      • ลองด้วยตัวเอง"

                      คำแนะนำทีละขั้นตอน

                      1. รับกุญแจ
                      2. ใส่กุญแจเข้าไปในล็อค
                      3. บิดกุญแจสองรอบ
                      4. เอากุญแจออกจากล็อค
                      5. เปิดประตู

                      คำแนะนำทีละขั้นตอน

                      1. รับกุญแจ
                      2. ใส่กุญแจเข้าไปในล็อค
                      3. บิดกุญแจสองรอบ
                      4. เอากุญแจออกจากล็อค
                      5. เปิดประตู

                      บางครั้งเมื่อดูโค้ด HTML ที่มีอยู่ คุณจะเจอข้อโต้แย้ง พิมพ์ในองค์ประกอบ

                      ซึ่งใช้ระบุประเภทการเรียงลำดับเลข (ตัวอักษร โรมัน และ เลขอารบิกและอื่นๆ) ไวยากรณ์:

                      ที่นี่: พิมพ์ – สัญลักษณ์รายการ:

                      • เอ - ตัวอักษรละตินตัวพิมพ์ใหญ่ (A, B, C...);
                      • ก - ตัวอักษรละตินตัวพิมพ์เล็ก (a, b, c...);
                      • I - เลขโรมันขนาดใหญ่ (I, II, III...);
                      • i - เลขโรมันเล็ก (i, ii, iii...);
                      • 1 - เลขอารบิค (1, 2, 3 . . .) (ใช้เป็นค่าเริ่มต้น)

                      หากคุณต้องการให้รายการเริ่มต้นด้วยตัวเลขอื่นที่ไม่ใช่ 1 คุณควรระบุสิ่งนี้โดยใช้แอตทริบิวต์ เริ่มแท็ก

                      .
                      ตัวอย่างต่อไปนี้แสดงรายการลำดับเลขที่มีเลขโรมันขนาดใหญ่และค่าเริ่มต้นเป็น XLIX:

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

                      1. ด้วยวิธีดังต่อไปนี้:

                      7. ในกรณีนี้ การกำหนดหมายเลขตามลำดับของรายการจะถูกขัดจังหวะ และจากจุดนี้ การกำหนดหมายเลขจะเริ่มต้นอีกครั้ง ในกรณีนี้คือตั้งแต่เจ็ด

                         ตัวอย่างการใช้คุณสมบัติ ค่าแท็ก

                      8. ซึ่งช่วยให้คุณเปลี่ยนจำนวนขององค์ประกอบรายการที่กำหนด:

                         ในตัวอย่างนี้ "รายการแรก" จะเป็นหมายเลข 1 "รายการที่สอง" จะเป็นหมายเลข 7 และ "รายการที่สาม" จะเป็นหมายเลข 8

                         การจัดรูปแบบรายการลำดับเลขด้วย CSS

                         หากต้องการเปลี่ยนหมายเลขรายการคุณควรใช้คุณสมบัติ รายการสไตล์ประเภทสไตล์ชีท CSS:

                         สไตล์รายการลำดับเลข

                         ตัวอย่าง	ความหมาย	คำอธิบาย
                         ก ข ค	อัลฟาล่าง	ตัวพิมพ์เล็ก
                         ก, บี, ซี	อัลฟาตอนบน	ตัวพิมพ์ใหญ่
                         ฉัน ii iii	โรมันตอนล่าง	ตัวเลขโรมันเป็นตัวพิมพ์เล็ก
                         ฉัน ครั้งที่สอง III	นวนิยายบน	เลขโรมันเป็นตัวพิมพ์ใหญ่

                         ตัวอย่าง: การใช้คุณสมบัติ CSS รายการสไตล์ประเภท

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

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

                         (จาก English Unordered List - unnumbered list) แต่ละองค์ประกอบรายการ เช่นเดียวกับในรายการลำดับเลข จะเริ่มต้นด้วยแท็ก
                         • . เบราว์เซอร์จะเยื้องแต่ละรายการและแสดงสัญลักษณ์แสดงหัวข้อย่อยโดยอัตโนมัติ
                           แท็ก
                           มีไวยากรณ์ดังต่อไปนี้:
                           • จุดแรก
                           • จุดที่สอง
                           • จุดที่สาม

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

                           ภายในแท็ก

                           • ไม่จำเป็นต้องวางเฉพาะข้อความ แต่สามารถวางองค์ประกอบใดๆ ของเนื้อหาสตรีมมิ่งได้ (ลิงก์ ย่อหน้า รูปภาพ ฯลฯ)

                             รายการที่ซ้อนกัน

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

                             ตัวอย่าง: รายการที่ซ้อนกัน

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

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

                             เพื่อการเปลี่ยนแปลง รูปร่างควรใช้คุณสมบัติเครื่องหมายรายการ รายการสไตล์ประเภทสไตล์ชีท CSS:

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

                             ตัวอย่าง: ลักษณะรายการสัญลักษณ์แสดงหัวข้อย่อย

                             • ลองด้วยตัวเอง"
                             • กาแฟ
                             • กาแฟ
                             • กาแฟ
                             • กาแฟ

                             แผ่นดิสก์:

                             • กาแฟ
                             • น้ำนม

                             วงกลม:

                             • กาแฟ
                             • น้ำนม

                             สี่เหลี่ยม:

                             • กาแฟ
                             • น้ำนม

                             ไม่มี:

                             • กาแฟ
                             • น้ำนม

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

                             ใน HTML คุณสามารถสร้างรายการด้วยเครื่องหมายกราฟิกได้ การที่เครื่องหมายรายการเป็นวงกลมหรือสี่เหลี่ยมมาตรฐานก็เป็นเรื่องหนึ่ง และอีกเรื่องหนึ่งคือเมื่อนักพัฒนาเลือกเครื่องหมายตามการออกแบบหน้า เพื่อให้รายการสวยงาม มักใช้รูปภาพเล็กๆ
                             หากต้องการแทนที่เครื่องหมายปกติด้วยเครื่องหมายกราฟิก ให้แทนที่คุณสมบัติ รายการสไตล์ประเภทต่อทรัพย์สิน รายการสไตล์ภาพและระบุ URL ของรูปภาพ:

                             ตัวอย่าง: เครื่องหมายกราฟิก

                             • ลองด้วยตัวเอง"

                             สัญญาณราศี

                             • ราศีพฤษภ
                             • ราศีเมถุน

                             สัญญาณราศี

                             • ราศีเมษ
                             • ราศีพฤษภ
                             • ราศีเมถุน

                             รายการคำจำกัดความ (คำอธิบาย)

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

                             (จากรายการคำจำกัดความภาษาอังกฤษ - รายการคำจำกัดความ) มันมีแท็ก

                             (จากคำนิยามภาษาอังกฤษ - คำนิยามคำศัพท์) และ

                             (จากคำอธิบายคำจำกัดความภาษาอังกฤษ - คำอธิบายของคำที่ถูกกำหนด)
                             รายการคำจำกัดความมักใช้ในสิ่งพิมพ์ทางวิทยาศาสตร์ เทคนิค และการศึกษา ใช้เพื่อรวบรวมอภิธานศัพท์ พจนานุกรม หนังสืออ้างอิง ฯลฯ

                             โครงสร้างทั่วไปของรายการคำอธิบายมีดังนี้:

                             ระยะแรก

                             คำอธิบายของเทอมแรก

                             ระยะที่สอง

                             คำอธิบายของเทอมที่สอง

                             ตัวอย่างต่อไปนี้แสดงหนึ่งในนั้น การใช้งานที่เป็นไปได้รายการคำจำกัดความ:

                             ตัวอย่าง: รายการคำจำกัดความ

                             • ลองด้วยตัวเอง"

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

                             เวิลด์ไวด์เว็บ

                             - จากอังกฤษ เวิลด์ไวด์เว็บ (WWW) เป็นระบบแบบกระจายที่ให้การเข้าถึงเอกสารที่เกี่ยวข้องซึ่งอยู่ในคอมพิวเตอร์หลายเครื่องที่เชื่อมต่อกับอินเทอร์เน็ต

                             อินเทอร์เน็ต

                             — ชุดของเครือข่ายที่ใช้โปรโตคอลการแลกเปลี่ยนเดียวในการส่งข้อมูล

                             เว็บไซต์

                             - ชุดของหน้าเว็บแต่ละหน้าที่เชื่อมโยงกันด้วยลิงก์และการออกแบบที่เหมือนกัน

                             ตามค่าเริ่มต้น ข้อความของคำศัพท์จะถูกกดที่ขอบด้านซ้ายของหน้าต่างเบราว์เซอร์ และคำอธิบายของคำศัพท์จะอยู่ด้านล่างและเลื่อนไปทางขวา

                             รายการลำดับเลขคือชุดขององค์ประกอบที่มีหมายเลขซีเรียล ประเภทและประเภทของการกำหนดหมายเลขขึ้นอยู่กับพารามิเตอร์องค์ประกอบ

                             ซึ่งใช้ในการสร้างรายการ ค่าต่อไปนี้สามารถใช้เป็นองค์ประกอบการกำหนดหมายเลขได้:
                             • เลขอารบิค (1, 2, 3, ...);
                             • เลขอารบิกที่มีศูนย์นำหน้าสำหรับตัวเลขที่น้อยกว่าสิบ (01, 02, 03, ...,10)
                             • ตัวอักษรละตินตัวพิมพ์ใหญ่ (A, B, C, ... );
                             • ตัวอักษรละตินตัวพิมพ์เล็ก (a, b, c, ...);
                             • เลขโรมันตัวพิมพ์ใหญ่ (I, II, III, ...);
                             • เลขโรมันตัวพิมพ์เล็ก (i, ii, iii, ...);
                             • การนับเลขอาร์เมเนีย
                             • การนับเลขแบบจอร์เจีย

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

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

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

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

                                ตัวอย่างที่ 1: การเปลี่ยนลำดับเลขรายการ

                                4. คุณควรดูแลสถานที่ทำงานของคุณให้ดี
                                5. ปรับแสงสว่างในห้องโดยให้แหล่งกำเนิดแสงอยู่ด้านข้างหรือด้านหลังผู้ปฏิบัติงาน
                                10. เพื่อหลีกเลี่ยงภาวะแทรกซ้อนทางการแพทย์ แนะนำให้เลือกเก้าอี้ที่มีเบาะนั่งแบบนุ่ม

                                องค์ประกอบแรกของรายการในตัวอย่างนี้จะเริ่มต้นด้วยเลขโรมัน IV เนื่องจากมีการระบุแอตทริบิวต์ start="4" จากนั้นจะเป็นหมายเลข V และองค์ประกอบสุดท้ายจะไม่เรียงลำดับและถูกกำหนดเป็นหมายเลข X (รูป 1).

                                ข้าว. 1. เลขโรมันในรายการ

                                การเขียนตัวเลข

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

                                

                                ข้าว. 2. มุมมองรายการลำดับเลขพร้อมวงเล็บ

                                สไตล์ช่วยให้คุณสามารถเปลี่ยนประเภทของการกำหนดหมายเลขรายการโดยใช้เนื้อหาและคุณสมบัติตัวนับการเพิ่ม ขั้นแรก ต้องตั้งค่าตัวเลือก ol เป็น counter-reset : item ซึ่งจำเป็นเพื่อให้การกำหนดหมายเลขในแต่ละรายการใหม่เริ่มต้นใหม่อีกครั้ง มิฉะนั้นการนับจะดำเนินต่อไปและแทนที่จะเป็น 1,2,3 คุณจะเห็น 5,6,7 ค่ารายการเป็นตัวระบุที่ไม่ซ้ำกันสำหรับตัวนับ เราเลือกเอง ถัดไป คุณต้องซ่อนเครื่องหมายดั้งเดิมผ่านคุณสมบัติ style list-style-type ที่มีค่า none

                                โดยทั่วไปคุณสมบัติเนื้อหาจะทำงานร่วมกับองค์ประกอบหลอก ::after และ ::before ดังนั้น li::before การก่อสร้างบอกว่าเนื้อหาบางส่วนต้องถูกเพิ่มก่อนแต่ละองค์ประกอบของรายการ (ตัวอย่างที่ 2)

                                ตัวอย่างที่ 2 การสร้างหมายเลขของคุณเอง

                                Li::before ( content: counter(item) ") "; /* เพิ่มวงเล็บให้กับตัวเลข */ counter-increation: item; /* ตั้งชื่อตัวนับ */ )

                                คุณสมบัติเนื้อหาที่มีตัวนับค่า (รายการ) จะแสดงตัวเลข โดยการเพิ่มวงเล็บตามที่แสดงในตัวอย่างนี้ เราจะได้ประเภทการกำหนดหมายเลขที่ต้องการ จำเป็นต้องเพิ่มตัวนับเพื่อเพิ่มหมายเลขรายการทีละรายการ โปรดทราบว่ามีการใช้ตัวระบุเดียวกันซึ่งมีชื่อว่า item ตลอดรายการ รหัสสุดท้ายจะแสดงในตัวอย่างที่ 3

                                ตัวอย่างที่ 3: การเปลี่ยนมุมมองรายการ

                                1. อันดับแรก
                                2. ที่สอง
                                3. ที่สาม
                                4. ที่สี่

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

                                เนื้อหา: "[" ตัวนับ (รายการ) "] ";

                                รายการด้วยตัวอักษรรัสเซีย

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

                                ตัวอย่างที่ 4: รหัสเพื่อสร้างรายการ

                                1. หนึ่ง
                                2. สอง
                                3. สาม

                                การเพิ่มตัวอักษรทำได้โดยใช้ ::before pseudo-element และคุณสมบัติ content เนื่องจากแต่ละบรรทัดต้องมีตัวอักษรของตัวเอง เราจะใช้คลาสหลอก :nth-child(1) โดยมีหมายเลขตัวอักษรเขียนอยู่ในวงเล็บ แน่นอนว่าตัวอักษรตัวแรกคือ A ตัวที่สองคือ B ตัวที่สามคือ C เป็นต้น ทั้งชุดนี้จะถูกเพิ่มเข้าไปในตัวเลือก li ดังต่อไปนี้ (ตัวอย่างที่ 5)

                                ตัวอย่างที่ 5: การใช้คลาสหลอก: nth-child

                                Cyrilic li:nth-child(1)::before ( เนื้อหา: "a)"; ) .cyrilic li:nth-child(2)::before ( เนื้อหา: "b)"; ) .cyrilic li:nth-child(3)::before ( เนื้อหา: "ที่)"; )

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

                                ในที่สุดเราก็ปรับการจัดตำแหน่งและตำแหน่งของตัวอักษร โดยระบุขนาดตัวอักษร สี และพารามิเตอร์อื่นๆ ก็ได้ (ตัวอย่างที่ 6)

                                ตัวอย่างที่ 6. รายการด้วยตัวอักษรรัสเซีย

                                1. บอร์ช
                                2. หอกทอด
                                3. คูเลเบียกา
                                4. เห็ดในครีม
                                5. แพนเค้กกับคาเวียร์
                                6. ควาส

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