และ เป็นคำสั่งในการสร้างลิสต์แบบใด

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด

˹���á

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด

�йӺ����¹

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด

�������¹����������

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด

��дҹ����ͺ

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด

���Ѳ��

:: ������ѡ

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 Ẻ���ͺ��͹���¹

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 ˹��·�� 1 �š�ͧ���ྨ������䫵�

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 ˹��·�� 2 ������鹡Ѻ HTML

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 ˹��·�� 3 ��èѴ��â�ͤ���

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 ˹��·�� 4 �������ʵ����ҧ��¡��

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 Ẻ���ͺ��͹���¹

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
��ʵ���¡��Ẻ������ӴѺ

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 ��ʵ���¡��Ẻ���ӴѺ

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 ��ʵ���¡��Ẻ�ӡѴ����

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 ��ʵ��͹��ʵ� 

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 Ẻ�֡�Ѵ

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 Ẻ���ͺ��ѧ���¹

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 ˹��·�� 5 ����á�Ҿ

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 ˹��·�� 6 ������ҧ���ҧ

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 ˹��·�� 7 ���������§���ྨ�����ԧ��

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
˹��·�� 8 �����ҹ����մ���������§

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 ˹��·�� 9 ������ҧ�����

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด
 Ẻ���ͺ��ѧ���¹���¹

:: ˹��·�� 4 ������ҧ List (��¡��)

 และ  เป็นคำสั่งในการสร้างลิสต์แบบใด

�Ӫ��ᨧ

  1. Ẻ���ͺ�ըӹǹ 10 ���
  2. ���ѡ���¹��ԡ���͡˹�Ң�ͷ��١��ͧ
  3. ��ṹ��� 10 ��ṹ
  4. ���� 10 �ҷ�


1. 㹡�����ҧ��ʵ����§�ӴѺ �����硤�����? �. <ul> �. <dl> �. <ol> �.  <li> 2. ��㴷�������͡�˹���¡�� ������ʵ�Ẻ�ӴѺ���Ẻ������§�ӴѺ? �. <ul> �. <dl> �. <ol> �. <li> 3. �����ҵ�ͧ��ù��ʹ͢����ŷ���繾ǡ���Ѿ�� ������Ѿ�� ������͡����ʵ���¡��Ẻ�? �. <ul> �. <dl> �. <ol> �. <li> 4. �͵��Ժ�ǵ�㴷����㹡�á�˹��ٻẺ�ѭ�ѡɳ�ͧ��ʵ���¡��? �. circle �. icon �. type �. disc 5. ��㴷����㹡�ù��������͸Ժ�¤������¢ͧ���Ѿ��� Defintion Lists? �. <dd> �. <ol> �. <dt> �. <dl>  6. ��ʵ�Ẻ������§�ӴѺ �������˹���Դ�ͧ�ѭ�ѡɳ� ���դ�����������Ẻ�? �. circle �. square �. disc �. triangle 7. ����������ٻẺ�ͧ��ʵ� ��§���繡�ù��ٻẺ�ͧ��ʵ��һ���ء������ҹ�� ? �. ��ʵ���¡��Ẻ������ӴѺ �. ��ʵ���¡��Ẻ���ӴѺ �. ��ʵ���¡��Ẻ�ӡѴ���� �. ��ʵ��͹��ʵ�8. ���㴤����㹡�á�˹�����ͧ���¹�˹����¡�������ǧ����ֺ����͹�ѹ����ء��¡�� ? �. <ol type="disc"> �. <ul type="disc"> �. <li type="circle"> �. <dl type="circle"> 9. ���㴤����㹡�á�˹�����ͧ���¹�˹����¡�����ѡ�þ�����˭�ء��¡�� ? �. <ol type="A"> �. <dl type="A"> �. <ul type="A"> �. <dtl type="A"> 10. ��ҵ�ͧ��á�˹�����ͧ���¹�˹����¡����������������� ੾�кҧ��¡�� ��ͧ������? �. <ol type="square"> �. <dd type="square"> �. <li type="square"> �. <dt type="square">

���䫵���Ѵ�Ӣ�����ͻ�Сͺ��èѴ������¹����͹�����͢����Թ������ (��º���Է���)
���Ѳ�� ����ʹ�ѡ��� ⾸���� �ç���¹�ѡ�Ҫ�Է�� �ӹѡ�ҹࢵ��鹷�����֡���Ѹ���֡��ࢵ 31
���䫵���������Ѻ����ʴ��ŷ����������´ 1024 x 768. �����ҡ����
�Դ��ͼ��Ѵ������

การใช้ลิสใน 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
  1. นี่คือลิส
  2. นี่คือลิส
  3. นี่คือลิส
<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>