การสร้างรายการ

HTML Lists คือ การสร้างรายการใน html รายการใน html มี 3 แบบด้วยกัน คือ

1.รายการแบบไม่มีลำดับ (unordered list) ใช้แท็ก <ul>

รายการแบบไม่มีลำดับ จะใช้แท็ก <ul> (ย่อมาจาก unordered list) และแต่ละรายการภายในจะอยู่ในแท็ก <li> (ย่อมาจาก list item) โดยแต่ละรายการจะแสดงเครื่องหมายด้วยจุดวงกลมสีดำ (โดยค่าเริ่มต้น)

<ul>

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ul>

คำอธิบายเพิ่มเติม :: unordered list

tag : <ul type="value"> ... </ul>

value : disc คือ วงกลมทึบ, (ค่าเริ่มต้น)

circle คือ วงกลมใส,

square คือ สี่เหลี่ยม

content : ใช้ในการกำหนดเครื่องหมายหน้ารายการ

example : <ul type="square"> รายการสินค้า </ul>

2.รายการแบบมีลำดับ (ordered list) ใช้แท็ก <ol>

รายการแบบมีลำดับ จะใช้แท็ก <ol> (ย่อมาจาก ordered list) และแต่ละรายการภายในจะอยู่ในแท็ก <li> (ย่อมาจาก list item) เหมือนกับแท็ก <ul>

<ol>

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ol>

คำอธิบายเพิ่ม :: ordered list - Type

tag : <ol type="value"> ... </ol>

value : A คือ จะเรียงลำดับรายการตามตัวอักษร A ถึง Z,

a คือ จะเรียงลำดับรายการตามตัวอักษร a ถึง z,

I คือ จะเรียงลำดับรายการตามเลขโรมัน,

i คือ จะเรียงลำดับรายการตามเลขโรมัน,

1 คือ จะเรียงลำดับรายการตามเลขเอโรบิก

content : ใช้ในการกำหนดชนิดของลำดับหน้ารายการ

example : <ol type="A"> รายการสินค้า </ol>

คำอธิบายเพิ่ม :: ordered list - Start

tag : <ol start="value"> ... </ol>

value : ตัวเลข

content : ใช้ในการกำหนดลำดับเริ่มต้นของรายการแรก

example : <ol start="6"> รายการสินค้า </ol>

3.รายการแบบคำนิยาม (definition list) ใช้แท็ก <dl>

รายการแบบคำนิยาม คือ รายการของแต่ละข้อมูล และมีคำอธิบายของแต่ละรายการ รายการแบบคำนิยามจะใช้แท็ก <dl> (ย่อมาจาก definition list ) และแต่ละรายการภายในจะอยู่ในแท็ก <dt> และ คำอธิบายของแต่ละแท็ก <dt> จะอยู่ในแท็ก <dd>

<dl>

<dt>Coffee</dt>

<dd>black hot drink</dd>

<dt>Milk</dt>

<dd>white cold drink</dd>

</dl>

คำอธิบายเพิ่ม :: ordered list

ใช้ในการกำหนดคำศัพท์ ( dt = Term in a Definition List ) และความหมาย ( dd = Definition in a Definition List ) ให้กับรายการแบบจำกัดความ