การใช้ List แบบต่างๆ

การใช้ List แบบไม่มีสำดับ ( Unordered List )

List แบบนี้มีลักษณะคือ หัวข้อจะเป็นรูปภาพหรือเครื่องหมายรูปเล็กๆ เช่น วงกลม สี่เหลี่ยม

<HTML>
<HEAD>
<TITLE>Unordered List</TITLE>
</HEAD>
<BODY TEXT=#0000ff>


<UL TYPE="DISC" | "CIRCLE" | "SQUARE">
<LH>หัวข้อ List</LH>
<LI>ข้อมูลใน List
<LI>ข้อมูลใน List
<LI>ข้อมูลใน List
</UL>


</BODY>
</HTML>

การใช้ List แบบมีสำดับ ( Ordered List )

List แบบนี้มีลักษณะคือ หัวข้อจะมีลักษณะเรียงเป็นลำดับ เช่น ตัวเลข หรือ ตัวอักษร

<HTML>
<HEAD>
<TITLE>Ordered List</TITLE>
</HEAD>
<BODY TEXT=#0000ff>


<OL TYPE="ชนิดของ List เช่น i , a , A , I">
<LH>หัวข้อ List</LH>
<LI VALUE="เริ่มต้นที่">ข้อมูลใน List
<LI>ข้อมูลใน List
<LI>ข้อมูลใน List
</OL>


</BODY>
</HTML>

การใช้ List แบบจำกัดความ ( Definition List )

List แบบนี้มีลักษณะคือ ใช้กับการจำกัดความ เช่น พจนานุกรม แบ่งเป็น 2 ส่วน คือ คำจำกัดความ และ ความหมาย

<HTML>
<HEAD>
<TITLE>Definition List</TITLE>
</HEAD>
<BODY TEXT=#0000ff>


<DL>
<LH>หัวข้อ List</LH>
<DT>คำจำกัดความ
<DD>ความหมาย
<DT>คำจำกัดความ
<DD>ความหมาย
</DL>


</BODY>
</HTML>