HTML Lists ความแตกต่างระหว่าง ul กับ ol และ dl



การใช้ลิสใน HTML


HTML Unordered Lists <ul ย่อมาจาก Unordered List>
ลิสชนิดนี้ ถ้าแปรตรงตัว ก็คือ ลิสที่ไม่มีอันดับ (un order list) เพราะฉะนั้นจึงใช้แท็ก
    ในการเปิดและปิดแท็กด้วย
ส่วนในรายการแต่ละรายการจะใช้แท็ก
  • ในแต่ละรายการ

    แท็กชนิดนี้ เมื่อเขียนออกมาแล้ว จะได้เป็นลักษณะดังลิสด้านล่าง


    การแสดงผลsource code
    • นี่คือลิส
    • นี่คือลิส
    • นี่คือลิส

    • นี่คือลิส

    • นี่คือลิส

    • นี่คือลิส



    HTML Ordered Lists <ol ย่อมาจาก Ordered Lists>
    ลิสชนิดนี้ ถ้าแปรตรงตัว ก็คือ ลิสที่มีอันดับ (order list) เพราะฉะนั้นจึงใช้แท็ก
      ในการเปิดและปิดแท็กด้วย
    ส่วนในรายการแต่ละรายการจะใช้แท็ก
  • ในแต่ละรายการ โดยจะเรียงเป็นลำดับ เราจะเห็นจากรูปด้านล่างว่า มีลำดับเป็น 1 2 3 ... แต่เราสามารถเปลี่ยนลำดับเหล่านี้ให้เป็นลักษณะอื่นได้ เช่น ลำดับของเลขโรมัน ลำดับของตัวอักษร a b c ... หรืออื่น ๆ โดยใช้ css เข้ามาช่วย

    แท็กชนิดนี้ เมื่อเขียนออกมาแล้ว จะได้เป็นลักษณะดังลิสด้านล่าง


    การแสดงผลsource code
    1. นี่คือลิส
    2. นี่คือลิส
    3. นี่คือลิส

    1. นี่คือลิส

    2. นี่คือลิส

    3. นี่คือลิส



    HTML Definition Lists <dl ย่อมาจาก Definition Lists>
    ลิสชนิดนี้จะเป็นลิสที่ใช้สำหรับ กำนหนดคำนิยาม ตามลักษณะของชื่อ (difinition list) ในลิสชนิดนี้จะใช้แท็ก
    และปิดแท็กด้วย
    เพื่อใช้สำหรับการนิยาม ของแท็ก
    และ

    แท็ก
    ใช้กำหนดคำสำหรับนิยาม
    ใช้สำหรับคำอธิบาย

    แท็กชนิดนี้ เมื่อเขียนออกมาแล้ว จะได้เป็นลักษณะดังลิสด้านล่าง


    การแสดงผลsource code
    คำนิยาม
    -คำอธิบาย
    คำนิยาม
    -คำอธิบาย

    คำนิยาม

    -คำอธิบาย

    คำนิยาม

    -คำอธิบาย