˹���á
�йӺ����¹
�������¹����������
��дҹ����ͺ
���Ѳ��
:: ������ѡ
Ẻ���ͺ�����¹
˹��·�� 1 �š�ͧ���ྨ������䫵�
˹��·�� 2 ������鹡Ѻ HTML
˹��·�� 3 ��èѴ��â�ͤ���
˹��·�� 4 �������ʵ����ҧ��¡��
Ẻ���ͺ�����¹
��ʵ���¡��Ẻ������ӴѺ
��ʵ���¡��Ẻ���ӴѺ
��ʵ���¡��Ẻ�ӡѴ����
��ʵ����ʵ�
Ẻ�֡�Ѵ
Ẻ���ͺ��ѧ���¹
˹��·�� 5 ����á�Ҿ
˹��·�� 6 ������ҧ���ҧ
˹��·�� 7 ���������§���ྨ�����ԧ��
˹��·�� 8 �����ҹ����մ���������§
˹��·�� 9 ������ҧ�����
Ẻ���ͺ��ѧ���¹���¹
:: ˹��·�� 4 ������ҧ List (��¡��)
�Ӫ��ᨧ
- Ẻ���ͺ�ըӹǹ 10 ���
- ���ѡ���¹��ԡ���͡˹�Ң�ͷ��١��ͧ
- ��ṹ��� 10 ��ṹ
- ���� 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> ในแต่ละรายการ
แท็กชนิดนี้ เมื่อเขียนออกมาแล้ว จะได้เป็นลักษณะดังลิสด้านล่าง
| <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 เข้ามาช่วย
แท็กชนิดนี้ เมื่อเขียนออกมาแล้ว จะได้เป็นลักษณะดังลิสด้านล่าง
| <ol> <li>นี่คือลิส</li> <li>นี่คือลิส</li> <li>นี่คือลิส</li> </ol> |
HTML Definition Lists <dl ย่อมาจาก Definition Lists>
ลิสชนิดนี้จะเป็นลิสที่ใช้สำหรับ กำนหนดคำนิยาม ตามลักษณะของชื่อ (difinition list) ในลิสชนิดนี้จะใช้แท็ก <dl> และปิดแท็กด้วย </dl> เพื่อใช้สำหรับการนิยาม ของแท็ก <dt> และ <dd>
แท็ก <dt> ใช้กำหนดคำสำหรับนิยาม <dd> ใช้สำหรับคำอธิบาย
แท็กชนิดนี้ เมื่อเขียนออกมาแล้ว จะได้เป็นลักษณะดังลิสด้านล่าง
คำนิยาม-คำอธิบายคำนิยาม-คำอธิบาย | <dl> <dt>คำนิยาม</dt> <dd>-คำอธิบาย</dd> <dt>คำนิยาม</dt> <dd>-คำอธิบาย</dd> </dl> |