วิธีการใช้รายการประเภทต่างๆใน HTML



บทความนี้จะให้ความรู้โดยละเอียดและครอบคลุมเกี่ยวกับ List ประเภทต่างๆใน HTML พร้อมตัวอย่างและโค้ด

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

ประเภทของรายการใน HTML

ก่อนที่เราจะเริ่มสร้างรายการมาดูแท็ก HTML กันก่อน:





    • ใช้เพื่อกำหนดรายการที่ไม่เรียงลำดับ
      1. ใช้เพื่อกำหนดรายการสั่งซื้อ
      2. ใช้เพื่อกำหนดรายการ
      3. ใช้เพื่อกำหนดรายการคำอธิบาย
      4. ใช้เพื่อกำหนดคำศัพท์ในรายการคำอธิบาย
      5. ใช้เพื่ออธิบายคำศัพท์ในรายการคำอธิบาย

    มาทำความเข้าใจว่าคุณสามารถสร้างรายการประเภทต่างๆใน HTML ได้อย่างไร

    รายการที่ไม่ได้เรียงลำดับ

    ในการกำหนดรายการที่ไม่เรียงลำดับใน HTML เราใช้

      จากนั้นเรากำหนดรายชื่อของรายการใน
    • แท็ก ตามค่าเริ่มต้นรายการจะมีสัญลักษณ์แสดงหัวข้อย่อย (เช่นวงกลมสีดำขนาดเล็ก)



       

      กีฬา

      • คริกเก็ต
      • ฟุตบอล
      • เบสบอล

      เอาท์พุต:

      รายการที่ไม่ได้เรียงลำดับใน HTML

      c ++ เนมสเปซคืออะไร

      รายการ HTML ที่ไม่เรียงลำดับ: เครื่องหมายรายการที่แตกต่างกัน



      คุณสามารถเลือกจากรายการของเครื่องหมายโดยใช้คุณสมบัติ CSS list-style-type มาดูคุณสมบัติ CSS list-style-type ต่างๆที่คุณสามารถใช้เพื่อกำหนดรูปแบบต่างๆของเครื่องหมาย:

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

      ดิสก์:

       

      กีฬา

      • คริกเก็ต
      • ฟุตบอล
      • เบสบอล

      เอาท์พุต:

      ดิสก์ใน HTMLวงกลม:

       

      กีฬา

      • คริกเก็ต
      • ฟุตบอล
      • เบสบอล

      เอาท์พุต:

      Circle-List ใน HTMLสแควร์:

       

      กีฬา

      • คริกเก็ต
      • ฟุตบอล
      • เบสบอล

      เอาท์พุต:

      Squareไม่มี:

       

      กีฬา

      • คริกเก็ต
      • ฟุตบอล
      • เบสบอล

      เอาท์พุต:

      Noneหลังจากทำความเข้าใจเกี่ยวกับวิธีสร้างรายการที่ไม่เรียงลำดับใน HTML แล้วเรามาทำความเข้าใจวิธีสร้างรายการสั่งซื้อใน HTML กัน

      รายการสั่งซื้อ

      ในการกำหนดรายการสั่งซื้อใน HTML เราใช้

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

         

        กีฬา

        1. คริกเก็ต
        2. ฟุตบอล
        3. เบสบอล

        เอาท์พุต:

        รายการสั่งซื้อใน HTMLตอนนี้เรามาดูรายการสั่งซื้อรูปแบบต่างๆกัน

        รายการ HTML ที่สั่ง - พิมพ์แอตทริบิวต์

        มีเครื่องหมายรายการประเภทต่างๆสำหรับรายการสั่งซื้อ:

        • type =” 1″ รายการจะมีหมายเลขกำกับ (ค่าเริ่มต้น)

        • พิมพ์ =” A” รายการจะมีหมายเลขกำกับด้วยอักษรตัวพิมพ์ใหญ่

        • พิมพ์ =” a” รายการจะมีหมายเลขกำกับด้วยตัวพิมพ์เล็ก

        • พิมพ์ =” I” รายการจะมีหมายเลขโรมันเป็นตัวพิมพ์ใหญ่

        • พิมพ์ =” i” รายการจะมีหมายเลขโรมันเป็นตัวพิมพ์เล็ก

        ตัวเลข:

         

        กีฬา

        1. คริกเก็ต
        2. ฟุตบอล
        3. เบสบอล

        เอาท์พุต:

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

        ส่งผ่านค่าใน java
         

        กีฬา

        1. คริกเก็ต
        2. ฟุตบอล
        3. เบสบอล

        เอาท์พุต:

        ตัวพิมพ์ใหญ่ตัวพิมพ์เล็ก:

         

        กีฬา

        1. คริกเก็ต
        2. ฟุตบอล
        3. เบสบอล

        เอาท์พุต:

        ตัวอักษรพิมพ์เล็กตัวพิมพ์ใหญ่ Roman Nu mber s:

         

        กีฬา

        1. คริกเก็ต
        2. ฟุตบอล
        3. เบสบอล

        เอาท์พุต:

        ตัวพิมพ์ใหญ่ตัวเลขโรมัน

        ตัวเลขโรมันตัวพิมพ์เล็ก:

         

        กีฬา

        1. คริกเก็ต
        2. ฟุตบอล
        3. เบสบอล

        เอาท์พุต:

        ตัวเลขโรมันตัวพิมพ์เล็ก

        รายการคำอธิบาย HTML

        คุณยังสามารถสร้างรายการคำอธิบายใน HTML รายการคำอธิบายใช้เพื่อสร้างรายการคำศัพท์และเพิ่มคำอธิบาย คุณสร้างรายการคำอธิบายโดยใช้

        แท็ก
        แท็กกำหนดคำศัพท์ &
        แท็กเพิ่มคำอธิบายให้กับพวกเขา

         

        กีฬา

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

        เอาท์พุต:

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

        คุณยังสามารถสร้างรายการที่ซ้อนกันใน HTML

        string to java util date
         

        กีฬา

        • ปิงปอง
        • คริกเก็ต
          • วิรัชเกาะหลี
          • โจรูท
      2. บาสเกตบอล

    เอาท์พุต:

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

    ตรวจสอบ ซึ่งมาพร้อมกับการฝึกอบรมสดที่นำโดยผู้สอนและประสบการณ์โครงการในชีวิตจริง การฝึกอบรมนี้ทำให้คุณมีความเชี่ยวชาญในทักษะในการทำงานกับเทคโนโลยีเว็บส่วนหลังและส่วนหน้า รวมถึงการฝึกอบรมเกี่ยวกับ Web Development, jQuery, Angular, NodeJS, ExpressJS และ MongoDB

    มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของบล็อก 'รายการใน HTML' แล้วเราจะติดต่อกลับไป