4.การเรียงลำดับ

การจัดเรียงลำดับ

การเรียงลำดับ <ul>

<ul>เป็นแท็กคู่ และแท็กปิดคือ</ul>เป็นแท็กที่กำหนดให้มีวงกลมดำทึบอยู่ตรงหน้าข้อความ

ทีละบรรทัด เป็นข้อย่อยลงมาเรื่อยๆ และจะใช้<li>เป็นตัวบอกข้อย่อย ลงมา เช่น

ตัวอย่าง

<html>

<body>

<ul>การเรียงลำดับ

<li>ข้อที่หนึ่ง

<li>ข้อที่สอง

<li>ข้อที่สาม

</ul>

</body>

</html>

ผลการแสดง

การเรียงลำดับด้วย <ul type="..">

<ul type="ชนิด">"ชนิด" มีอยู่ 3 ชนิดคือ disc, circle,square,

<ul type="disc">

กำหนดให้เป็นวงกลมดำทึบหน้าข้อความแต่ละบรรทัดลงมาเรื่อยๆ(อันนี้ปกติ มีค่าเท่ากับ<ul>) เช่น

ตัวอย่าง

<html>

<body>

<ul type="disc">

<li>ข้อที่หนึ่ง

<li>ข้อที่สอง

<li>ข้อที่สาม

</ul>

</body>

</html>

การแสดงผล

<ul type="circle">

กำหนดให้เป็นวงกลมโปร่งหน้าข้อความแต่ละบรรทัดลงมาเรื่อยๆ เช่น

ตัวอย่าง

<html>

<body>

<ul type="circle">

<li>ข้อที่หนึ่ง

<li>ข้อที่สอง

<li>ข้อที่สาม

</ul>

</body>

</html>

ผลการแสดง

<ul type="square">

กำหนดให้เป็นสี่เหลี่ยมดำทึบหน้าข้อความแต่ละบรรทัดลงมาเรื่อยๆ เช่น

ตัวอย่าง

<html>

<body>

<ul type="square">

<li>ข้อที่หนึ่ง

<li>ข้อที่สอง

<li>ข้อที่สาม

</ul>

</body>

</html>

ผลการแสดง

การใช้คำสั่ง <ol>

<ol>เป็นแท็กคู่ และแท็กปิดคือ</ol>

เป็นแท็กที่กำหนดให้มีตัวเลขนำหน้ำในแต่ละบรรทัด และจะใช้<li>เป็นตัวบอกตัวเลข

เช่น 1..2..3.....ลงมาเรื่อยๆ

ตัวอย่าง

<html>

<body>

<ol>

<li>ข้อที่หนึ่ง

<li>ข้อที่สอง

</ol>

</body>

</html>

การแสดงผล

การใช้คำสั่ง <ol type="..">

คำสั่ง<ol>อย่างเดียวจะหมายถึงตัวเลข 1.2.3..ขึ้นไปเรื่อยๆในแต่ละบรรทัด ถ้าไม่มีแท็กอื่นกำกับ

คำสั่งเพิ่มเติมของ<ol>คือ

<ol type="1">

เลขหนึ่งอารบิคเป็นคำสั่งให้เรียงด้วยตัวเลขอารบิค 1.2.3.ไปเรื่อยๆในแต่ละบรรทัดลงมา

(อันนี้มีค่าปกติเท่ากับ<ol>) เช่น

ตัวอย่าง

<htlm>

<body>

<ol type="1">

<li>ข้อที่หนึ่ง

<li>ข้อที่สอง

<li>ข้อที่สาม

</ol>

</body>

</html>

ผลการแสดง

<ol type="a">

เอพิมพ์เล็ก เป็นคำสั่งให้เรียงด้วย ตัวภาษาอังกฤษพิมพ์เล็กนำหน้าในแต่ละบรรทัดลงมา เช่น

ตัวอย่าง

<html>

<body>

<ol type="a">

<li>ข้อที่หนึ่ง เอเล็ก

<li>ข้อที่สอง บีเล็ก

<li>ข้อที่สอง ซีเล็ก

</ol>

</body>

</html>

ผลการแสดง

<ol type="A">

เอพิมพ์ใหญ่ เป็นคำสั่งเรียงด้วยภาษาอังกฤษพิมพ์ใหญ่นำหน้าในแต่ละบรรทัด เช่น

ตัวอย่าง

<html>

<body>

<ol type="A">

<li>ข้อที่หนึ่ง เอใหญ่

<li>ข้อทีสอง บีใหญ่

<li>ข้อทีสอง ซีใหญ่

</ol>

</body>

</html>

ผลการแสดง

<ol type="i">

ไอพิมพ์เล็ก เป็นคำสั่งให้เรียงด้วยตัวเลขโรมันพิมพ์เล็กนำหน้าในแต่บรรทัดลงมา เช่น

ตัวอย่าง

<html>

<body>

<ol type="i">

<li>ข้อที่หนึ่ง

<li>ข้อที่สอง

<li>ข้อที่สาม

</ol>

</body>

</html>

ผลการแสดง

<ol type="I">

<ol type="I">ไอพิมพ์ใหญ่ เป็นคำสั่งให้เรียงด้วยตัวเลขโรมันพิมพ์ใหญ่นำหน้าในแต่ละบรรทัด

ลงมาเรื่อยๆ เช่น

ตัวอย่าง

<html>

<body>

<ol type="I">

<li>ข้อที่หนึ่ง

<li>ข้อที่สอง

<li>ข้อที่สาม

</ol>

</body>

</html>

ผลการแสดง

การเรียงลำดับแบบไม่มีอะไรอยู่ตรงหน้า

<dl>เป็นคำสั่งที่ไม่มีสิ่งนำหน้า และแตกเป็นข้อย่อยลงมาอีกในแต่ละบรรทัด

ตัวอย่าง

<html>

<body>

<dl>

<dt>ประเทศไทยมี 4 ภาค คือ

<dd>ภาคเหนือ

<dd>ภาคใต้

<dd>อีสาน

<dd>กลาง

</dl>

</body>

<html>

การแสดงผล

4.การเรียงลำดับ

การจัดเรียงลำดับ

นายสุทธิพงศ์ สำนักนิตย์ โรงเรียนพนาสนวิทยา จ.สุรินทร์