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


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

HTML Unordered Lists <ul ย่อมาจาก Unordered List>

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



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



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

<li>นี่คือลิส</li>

<li>นี่คือลิส</li>

<li>นี่คือลิส</li>

</ul>




HTML Ordered Lists <ol ย่อมาจาก Ordered Lists>

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



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



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

<li>นี่คือลิส</li>

<li>นี่คือลิส</li>

<li>นี่คือลิส</li>

</ol>




HTML Definition Lists <dl ย่อมาจาก Definition Lists>

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

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



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



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

<dt>คำนิยาม</dt>

<dd>-คำอธิบาย</dd>

<dt>คำนิยาม</dt>

<dd>-คำอธิบาย</dd>

</dl>