การสร้างรายการ
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 ) ให้กับรายการแบบจำกัดความ