การกำหนดหมายเลขและการทำเครื่องหมายใน html รายการสัญลักษณ์แสดงหัวข้อย่อยใน HTML

สวัสดีผู้อ่านบล็อกไซต์ที่รัก วันนี้ ในส่วนหนึ่งของหัวข้อนี้ ฉันต้องการพูดคุยเกี่ยวกับรายการ Html ต่างๆ ที่สามารถสร้างโดยใช้แท็ก UL, OL, LI และ DL ที่ออกแบบมาเป็นพิเศษ คู่ UL และ LI สร้างรายการสัญลักษณ์แสดงหัวข้อย่อย คู่ OL และ LI สร้างรายการลำดับเลข และองค์ประกอบ DL, DT และ DD สร้างสิ่งที่เรียกว่ารายการคำจำกัดความ เราจะพิจารณาหลักการของการสร้างโครงสร้างแบบซ้อนโดยย่อด้วย

ฉันอยากจะเตือนคุณว่าเราได้พูดคุยเกี่ยวกับพื้นฐานของความทันสมัยและเค้าโครงแบบตาราง () แล้ว นอกจากนี้เรายังได้สัมผัสถึงพื้นฐานและเรียนรู้ผ่าน

รายการสัญลักษณ์แสดงหัวข้อย่อยตามแท็ก UL และ LI

แท็ก UL ใช้เพื่อสร้างรายการสัญลักษณ์แสดงหัวข้อย่อย และใช้แท็ก OL เพื่อสร้างรายการที่เรียงลำดับเลข แท็กเหล่านี้เป็นแท็กแบบจับคู่และแบบบล็อก เช่นเดียวกับองค์ประกอบ LI

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

ตัวอย่างเช่น ลองดูตัวเลือกสัญลักษณ์แสดงหัวข้อย่อยที่อาจมีลักษณะดังนี้:

• บรรทัดแรก
• ที่สอง
• องค์ประกอบสุดท้าย

มีเพียงองค์ประกอบ LI เท่านั้นที่สามารถอยู่ในแท็กเปิดและปิด UL และภายในองค์ประกอบเหล่านี้ (ส่วนคำสั่ง) คุณสามารถแทรกเนื้อหาใดๆ ก็ได้ (ข้อความ รูปภาพ ส่วนหัว ย่อหน้า ลิงก์ และแม้แต่รายการอื่นๆ)

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

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

1. — วงกลมเต็ม (ค่าเริ่มต้น);
   • - วงกลมที่ไม่สำเร็จ
     • - สี่เหลี่ยม

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

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

1. เครื่องหมายในรูปแบบของดิสก์ที่เต็มไป
2. เครื่องหมายในรูปแบบของดิสก์ที่ไม่ได้ทาสี
3. สี่เหลี่ยม

รายการลำดับเลขในรูปแบบ Html ตามแท็ก OL

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

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

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

ดังที่ฉันได้กล่าวไว้ข้างต้น องค์ประกอบ UL, OL และ LI สามารถใช้แอตทริบิวต์ TYPE ได้ ช่วยให้คุณสามารถกำหนดค่าประเภทของเครื่องหมายหรือระบุตัวเลขหรือตัวอักษรที่จะใช้ในการเรียงลำดับรายการสินค้า สำหรับรายการลำดับเลข พารามิเตอร์ของแอตทริบิวต์นี้สามารถรับค่าต่อไปนี้:

1. — การกำหนดหมายเลขจะดำเนินการในเลขอารบิคปกติ (ตัวเลือกเดียวกันนี้จะถูกใช้เป็นค่าเริ่มต้น ในกรณีที่ไม่มีแอตทริบิวต์ "ประเภท")
   1. - ตัวพิมพ์ใหญ่เป็นตัวเลข
      1. - ตัวอักษรตัวพิมพ์เล็ก;
         1. - เลขโรมันตัวพิมพ์ใหญ่
            1. - เลขโรมันตัวพิมพ์เล็ก

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

               

               1. มีเลขโรมันขนาดใหญ่
               2. การนับเลขด้วยตัวอักษรละตินตัวเล็ก
               3. การนับเลขด้วยเลขโรมันอันเล็ก

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

               1. องค์ประกอบแรกที่มีการระบุหมายเลขในแท็ก OL พร้อมด้วยแอตทริบิวต์ start="23"
               2. รายการต่อไปที่มีเลขหนึ่งสูงกว่า
               3. อีกอันหนึ่งครับ

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

               1. แต้มแรกกับอันดับหนึ่ง
               2. องค์ประกอบนี้จะได้รับหมายเลขที่ระบุในแอตทริบิวต์ value="32"
               3. รายการที่มีจำนวนสูงกว่า

               การออกแบบลักษณะที่ปรากฏของรายการใน CSS (สไตล์ชีท)

               แต่ปกติตอนนี้ รูปร่างเครื่องหมายไม่ได้ระบุผ่านแอตทริบิวต์ TYPE แต่ระบุคุณสมบัติที่เกี่ยวข้อง

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

               • จุดแรก
               • ที่สอง
               • ล่าสุด

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

               รายการพิเศษและรายการซ้อนในโค้ด HTML

               ประเภทที่สามและสุดท้ายเรียกว่า "รายการคำจำกัดความ" และระบุโดยใช้แท็กสามแท็ก - DL, DT และ DD DL บอกเบราว์เซอร์ว่าสิ่งต่อไปนี้คือรายการคำจำกัดความ

               โดยทั่วไปประเภทนี้จะใช้ (หรือตั้งใจจะใช้) สำหรับการเขียนรายการพจนานุกรมที่ประกอบด้วยคำศัพท์ (อยู่ในแท็ก DT) และคำอธิบาย (อยู่ในแท็ก DD)

               ภาคเรียนแรก

               คำอธิบาย

               ระยะที่สอง

               คำอธิบายของมัน

               

               หากคุณดูตัวอย่างด้านบน คุณจะสังเกตเห็นว่าองค์ประกอบ DD (คำอธิบายของคำศัพท์) มีการชดเชย (40 พิกเซล) เมื่อเทียบกับองค์ประกอบ DT (ตัวคำศัพท์เอง)

               โดยทั่วไป DL, DT และ DD เป็นแท็กบล็อก และสามารถแทรกได้เฉพาะเนื้อหาที่มีแท็กอินไลน์ภายในองค์ประกอบ DT (ปรากฎว่าองค์ประกอบบล็อกของส่วนหัวและย่อหน้าไม่สามารถใช้ภายใน DT) และภายในแท็ก DD คุณสามารถแทรกองค์ประกอบใดก็ได้ ทั้งแบบอินไลน์และแบบบล็อก

               รายการที่ซ้อนกันใน Html มันถูกสร้างขึ้นโดยการเปรียบเทียบกับรายการง่ายๆ แต่ภายในรายการหลัก บางรายการจะถูกปิดอีกครั้งในแท็กเปิดและปิด UL หรือ OL

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

               

               1. ย่อหน้าแรกของหมายเลขหลัก
               2. จุดที่สอง
                  • องค์ประกอบแรกของสัญลักษณ์แสดงหัวข้อย่อยที่ซ้อนกัน
                  • ที่สอง
                  • สัญลักษณ์แสดงหัวข้อย่อยที่สามและสุดท้าย
               3. องค์ประกอบที่สามมีหมายเลข

               ขอให้โชคดี! พบกันเร็ว ๆ นี้ในหน้าของเว็บไซต์บล็อก

               คุณอาจจะสนใจ

               วิธีการใส่เข้าไป ลิงค์ HTMLและรูปภาพ (ภาพถ่าย) - แท็ก IMG และ A เลือก, ตัวเลือก, พื้นที่ข้อความ, ป้ายกำกับ, ชุดข้อมูล, คำอธิบาย - แท็ก Html สำหรับรูปแบบของรายการแบบเลื่อนลงและช่องข้อความ
               แบบฟอร์ม Html สำหรับไซต์ - แท็กแบบฟอร์ม, อินพุตและเลือก, ตัวเลือก, พื้นที่ข้อความ, ป้ายกำกับและอื่น ๆ สำหรับการสร้างองค์ประกอบแบบฟอร์มเว็บ
               วิธีการตั้งค่าสีในโค้ด Html และ CSS, การเลือกเฉดสี RGB ในตาราง, เอาต์พุต Yandex และโปรแกรมอื่น ๆ
               ฝังและวัตถุ - แท็ก Html สำหรับแสดงเนื้อหาสื่อ (วิดีโอ แฟลช เสียง) บนหน้าเว็บ
               แท็กและคุณลักษณะของส่วนหัว H1-H6, เส้นแนวนอน Hr, ตัวแบ่งบรรทัด Br และย่อหน้า P ตามมาตรฐาน Html 4.01
               ตารางใน Html - แท็ก Table, Tr และ Td รวมถึง Colspan, Cellpadding, Cellspacing และ Rowspan สำหรับการสร้าง
               Html ภาษามาร์กอัปไฮเปอร์เท็กซ์คืออะไรและวิธีดูรายการแท็กทั้งหมดในเครื่องมือตรวจสอบ W3C
               แบบอักษร (ใบหน้า ขนาด และสี) Blockquote และแท็ก Pre - การจัดรูปแบบข้อความแบบเดิมใน HTML ล้วนๆ (ไม่ใช้ CSS)
               Iframe และ Frame - คืออะไรและอย่างไรจึงจะดีที่สุดในการใช้เฟรมใน Html
               Img - แท็ก Html สำหรับการแทรกรูปภาพ (Src) การจัดตำแหน่งและการตัดข้อความรอบ ๆ (การจัดแนว) ตลอดจนการตั้งค่าพื้นหลัง (พื้นหลัง)

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

               ดังนั้นจึงมีแท็ก "" ซึ่งกำหนดรายการสัญลักษณ์แสดงหัวข้อย่อย
               แท็ก "" – กำหนดรายการ ซึ่งก็คือ องค์ประกอบของรายการหัวข้อย่อย

               ขั้นแรก เรามาสร้างรายการง่ายๆ ซึ่งประกอบด้วยหลายรายการ:

               <html > <หัว > <หัวเรื่อง >รายการสัญลักษณ์แสดงหัวข้อย่อย HTML อย่างง่ายหัวเรื่อง > หัว > <ร่างกาย > <อุล > <ลี >หนึ่งลี > <ลี >สองลี > <ลี >สามลี > <ลี >สี่ลี > อุล > ร่างกาย > html >
               • สาม

               สำหรับเครื่องหมาย html คุณสามารถตั้งค่าบางประเภทที่เขียนไว้ข้างในได้
               แท็กแรก "

               "วี ประเภท = " "

               มาสร้างรายการซึ่งแทนที่จะเป็นจุดจะมีวงกลมเล็ก ๆ (จุดเจาะ) ประเภทนี้เรียกว่า " วงกลม"

               <html > <หัว > <หัวเรื่อง >รายการสัญลักษณ์แสดงหัวข้อย่อย HTMLหัวเรื่อง > หัว > <ร่างกาย > <ประเภท UL= "วงกลม"> <ลี >หนึ่งลี > <ลี >สองลี > <ลี >สามลี > <ลี >สี่ลี > อุล > ร่างกาย > html >
               • สี่

               ตอนนี้ แทนที่จะเป็นประเภท "วงกลม" มาตั้งค่า "ประเภท" กัน สี่เหลี่ยม" (สี่เหลี่ยม)

               <html > <หัว > <หัวเรื่อง >รายการสัญลักษณ์แสดงหัวข้อย่อย HTMLหัวเรื่อง > หัว > <ร่างกาย > <ประเภท UL= "สี่เหลี่ยม"> <ลี >เอิ่มลี > <ลี >สเว่ยลี > <ลี >เดรลี > <ลี >เวียร์ลี > อุล > ร่างกาย > html >

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

               
               

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

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

               ในการกำหนดหมายเลขจะใช้แท็ก ""
               ประเภทระบุไว้ในแท็กแรก

               การนับเลขตามตัวเลข (จากหนึ่ง)

               <html > <หัว > <หัวเรื่อง >รายการลำดับเลข htmlหัวเรื่อง > หัว > <ร่างกาย > <เฒ่า > <ลี >ครั้งหนึ่งลี > <ลี >สองลี > <ลี >สามลี > <ลี >สี่ลี > เฒ่า > ร่างกาย > html >
               1. สี่

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

               <html > <หัว > <หัวเรื่อง >รายการลำดับเลข htmlหัวเรื่อง > หัว > <ร่างกาย > <เฒ่าเริ่มต้น= "0" > <ลี >ศูนย์ลี > <ลี >หนึ่งลี > <ลี >สองลี > <ลี >สามลี > เฒ่า > ร่างกาย > html >

               ตอนนี้เรามาดูวิธีตั้งค่า "การกำหนดหมายเลขตัวอักษร"

               ในกรณีที่เล็ก:

               <html > <หัว > <หัวเรื่อง >รายการลำดับเลข htmlหัวเรื่อง > หัว > <ร่างกาย > <ประเภทเฒ่า= "ก"> <ลี >ปรอทลี > <ลี >ดาวศุกร์ลี > <ลี >โลกลี > <ลี >ดาวอังคารลี > เฒ่า > ร่างกาย > html >
               1. ปรอท
               2. ดาวศุกร์
               3. โลก

               ในตัวพิมพ์ใหญ่:

               <html > <หัว > <หัวเรื่อง >รายการ HTML ที่เป็นตัวเลขหัวเรื่อง > หัว > <ร่างกาย > <ประเภทเฒ่า= "เอ"> <ลี >ดาวพฤหัสบดีลี > <ลี >ดาวเสาร์ลี > <ลี >ดาวยูเรนัสลี > <ลี >ดาวเนปจูนลี > <ลี ><ข>พลูโตข>ลี > เฒ่า > ร่างกาย > html >
               1. ดาวพฤหัสบดี
               2. ดาวเสาร์
               3. ดาวเนปจูน
               4. พลูโต

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

               • title "แทรกรายการอื่นแล้วปิดด้วยแท็กที่สอง"
               "
               <html > <หัว > <หัวเรื่อง >รายการหลายระดับ htmlหัวเรื่อง > หัว > <ร่างกาย > <ประเภท UL= "สี่เหลี่ยม" > <ลี >ไวโอลินลี > <ลี >กีตาร์<อุล > <ลี >คลาสสิคลี > <ลี >กีตาร์จังหวะลี > <ลี >กีตาร์ไฟฟ้าลี > อุล > ลี > <ลี >กลองลี > <ลี >ดูโดชก้าลี > อุล > ร่างกาย > html >
               • ไวโอลิน
               • กีตาร์
                 • คลาสสิค
                 • กีตาร์จังหวะ
                 • กีตาร์ไฟฟ้า
               • กลอง
               • ดูโดชก้า

               บทเรียนต่อไปจะกล่าวถึงการสร้างเมนูง่ายๆ ตามความรู้ที่ได้รับจากบทเรียนนี้

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

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

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

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

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

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

               ---

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

               ---

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

               1. องค์ประกอบแรกของรายการ
               2. องค์ประกอบที่สองของรายการ
               3. องค์ประกอบที่สามของรายการ
               4. องค์ประกอบที่สี่ของรายการ
               5. องค์ประกอบที่ห้าของรายการ

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

               1. คุณลักษณะ "I" หรือ "i" - รายการมีหมายเลขเป็นตัวอักษรโรมัน (ตัวพิมพ์ใหญ่หรือตัวพิมพ์เล็ก)
               2. คุณลักษณะ "A" หรือ "a" - กำหนดหมายเลขเป็นตัวอักษรละติน (ตัวพิมพ์ใหญ่หรือเล็ก)
               3. คุณลักษณะ "start" ใช้เพื่อให้แน่ใจว่าการกำหนดหมายเลขไม่ได้เริ่มจากรายการแรก โดยระบุหมายเลขซีเรียลที่ต้องการสร้างรายการเป็นพารามิเตอร์

               ตัวอย่าง. รายการลำดับเลขที่สร้างขึ้นจากตัวอักษรโรมันและเริ่มต้นด้วยองค์ประกอบที่สอง:

               2. องค์ประกอบแรกของรายการ
               3. องค์ประกอบที่สองของรายการ
               4. องค์ประกอบที่สามของรายการ
               5. องค์ประกอบที่สี่ของรายการ
               6. องค์ประกอบที่ห้าของรายการ

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

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

               • องค์ประกอบแรกของรายการ
               • องค์ประกอบที่สองของรายการ
               • องค์ประกอบที่สามของรายการ
               • องค์ประกอบที่สี่ของรายการ
               • องค์ประกอบที่ห้าของรายการ

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

               1. “ดิสก์” - เครื่องหมายในรูปแบบของวงกลมที่เต็มไป
               2. “วงกลม” - เครื่องหมายในรูปแบบของวงกลมว่าง
               3. “สี่เหลี่ยม” - เครื่องหมายในรูปแบบของสี่เหลี่ยมจัตุรัสที่เต็มไป

               ตัวอย่างการระบุเครื่องหมายเฉพาะในรายการ:

               • องค์ประกอบแรกของรายการ
               • องค์ประกอบที่สองของรายการ
               • องค์ประกอบที่สามของรายการ
               • องค์ประกอบที่สี่ของรายการ
               • องค์ประกอบที่ห้าของรายการ

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

               องค์ประกอบแรกของรายการ
               องค์ประกอบที่สองของรายการ
               องค์ประกอบที่สามของรายการ
               องค์ประกอบที่สี่ของรายการ
               องค์ประกอบที่ห้าของรายการ

               รายการสามารถซ้อนกันได้ โดยประกอบด้วยหลายรายการ:

               1. องค์ประกอบแรกของรายการ
               2. องค์ประกอบที่สองของรายการ
               • รายการย่อยแรกของรายการ
               • รายการย่อยที่สองของรายการ
               3. องค์ประกอบที่สามของรายการ
               4. องค์ประกอบที่สี่ของรายการ
               5. องค์ประกอบที่ห้าของรายการ

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

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

               แต่ละรายการในรายการลำดับเลขจะถูกเน้นด้วยแท็กที่จับคู่
               1. ตัวอย่างเพิ่มเติม วิธีสร้างรายการลำดับเลข:

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

                  
                  
                  1. จุดที่หนึ่ง
                  
                  
                  2. จุดที่สอง
                  
                  

                  รายการที่เรียงลำดับเลขสามารถซ้อนกันภายในกันได้ ความลึกสามารถเป็นอะไรก็ได้ วิธีนี้มักใช้ในการสร้างเมนูบนเว็บไซต์ ต่อไป ตัวอย่างของรายการที่ซ้อนกันและมีลำดับเลข:

                  ตัวอย่างของรายการที่ซ้อนกันและมีลำดับเลข

                  
                  
                  1. จุดที่หนึ่ง
                     
                     
                     
                     1. ชี้ไปที่หนึ่งก่อน
                     
                     
                     2. ประเด็นที่สองเข้าก่อน
                        
                        
                        
                        
                        
                        
                     
                     
                     
                     
                  
                  
                  2. จุดที่สอง
                  
                  

                  หากต้องการเปลี่ยนประเภทรายการ คุณต้องใช้แอตทริบิวต์ type ค่าแอตทริบิวต์ต้องเป็นอักขระตัวแรกของลำดับที่กำหนด เช่น สำหรับตัวเลขอารบิกให้พิมพ์ = "1" สำหรับอักษรพิมพ์ใหญ่โรมันให้พิมพ์ = "I" เป็นต้น

                  • ตัวเลขอารบิก – 1, 2 เป็นต้น
                  • ตัวอักษรละตินตัวพิมพ์ใหญ่ - A, B เป็นต้น
                  • ตัวอักษรละตินตัวพิมพ์เล็ก - a, b ฯลฯ
                  • เลขโรมันตัวพิมพ์ใหญ่ - I, II เป็นต้น
                  • เลขโรมันตัวพิมพ์เล็ก - i, ii ฯลฯ

                  ลองใช้ตัวอย่างก่อนหน้าของเราและระบุประเภทของรายการ:

                  
                  
                  1. จุดที่หนึ่ง
                     
                     
                     
                     1. ชี้ไปที่หนึ่งก่อน
                     
                     
                     2. ประเด็นที่สองเข้าก่อน
                        
                        
                        
                        1. ชี้ไปที่แรกในวินาที
                        
                        
                        2. ประเด็นที่สองในข้อแรก ในข้อที่สอง
                        
                        
                        
                        
                     
                     
                     
                     
                  
                  
                  2. จุดที่สอง
                  
                  

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

                  
                  
                  1920. จุดที่หนึ่ง
                  
                  
                  1921. จุดที่สอง
                  
                  

                  การออกแบบรายการลำดับเลขด้วย CSS

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

                  เฒ่า (
                  ระยะขอบ: 0 0 0 20px;
                  }

                  คำถามที่มักถูกถามบนอินเทอร์เน็ตคือ “จะเปลี่ยนสีของเครื่องหมาย (สำหรับรายการหัวข้อย่อย) หรือสีของตัวเลข (สำหรับรายการลำดับเลข) ได้อย่างไร?” วิธีนี้ทำได้ง่ายมาก เช่น:

                  เพิ่มแท็กสแปน

                  
                  
                  1920. จุดที่หนึ่ง
                  
                  
                  1921. จุดที่สอง
                  
                  

                  การเปลี่ยนสี

                  หลี่ (
                  สี:สีแดง;
                  }
                  ลีสแปน (
                  สี: #000000;
                  }

                  รายการลำดับเลขและ SEO

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