ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

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

<html>
<body>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
 
</body>
</html>

ผลลัพธ์คือ

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

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

<html>
<body>

<ol>
  <li>ผัดไทย</li>
  <li>บะหมี่</li>
  <li>สปาเกตตี้</li>
</ol>

<ol start="50">
  <li>ผัดไทย</li>
  <li>บะหมี่</li>
  <li>สปาเกตตี้</li>
</ol>
 
</body>
</html>

ผลลัพธ์คือ

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

<html>
<body>

<dl>
  <dt>ผัดไทย</dt>
  <dd>วุ้นเส้น ทะเล</dd>
  
  <dt>บะหมี่</dt>
  <dd>แห้ง หมูแดง</dd>
</dl>

</body>
</html>

ผลลัพธ์คือ

Tag ที่เกี่ยวข้อง

<ol> กำหนดรายการที่มีลำดับ
<ul> กำหนดรายการที่ไม่มีลำดับ
<li> กำหนดข้อมูลของแต่ละรายการ
<dl> กำหนดรายการคำนิยาม
<dt> กำหนดข้อมูลของแต่ละรายการ
<dd> กำหนดคำอธิบายของแต่ละข้อมูล

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ทำไงดี ครับ เขียน php แล้ว จะ export เป็น excel ครับ
โดย Tonkanoy จ 22 ต.ค. 2007 11:12 pm บอร์ด Programming - PHP
6
2123
พ 24 ต.ค. 2007 12:59 am โดย Tonkanoy
เวลาลง phpbb
โดย pmk จ 22 ต.ค. 2007 7:07 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
1601
จ 22 ต.ค. 2007 7:14 pm โดย mindphp
ช่วยด้วยครับผม พอดีเพิ่งศึกษาอะคับ
โดย ballza จ 22 ต.ค. 2007 9:32 am บอร์ด Programming - PHP
6
2496
อ 23 ต.ค. 2007 12:04 pm โดย ballza
ปันหาการติดต่อผ่านodbcแล้วเกิด sqlinjection กับเครื่องหมาย '
โดย nkz จ 22 ต.ค. 2007 12:01 am บอร์ด Programming - PHP
1
1941
จ 22 ต.ค. 2007 5:01 am โดย mindphp
upload ฐานข้อมูล php myadmin ยังไงคะ
โดย patt1 อ 21 ต.ค. 2007 3:05 am บอร์ด Programming - PHP
1
1718
อ 21 ต.ค. 2007 3:28 am โดย mindphp
easy mod ลงยังไง
โดย dep ส 20 ต.ค. 2007 5:40 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
8
2764
อ 21 ต.ค. 2007 6:46 pm โดย mindphp
วันที่
โดย honey ส 20 ต.ค. 2007 12:24 am บอร์ด Programming - PHP
1
1060
ส 20 ต.ค. 2007 2:19 am โดย mindphp
ปัญหาการ select ใน MySql ด้วย PHP
โดย ilovephp พฤ 18 ต.ค. 2007 11:16 pm บอร์ด Programming - PHP
3
1922
ศ 19 ต.ค. 2007 5:39 pm โดย mindphp
การคิวรี่เพื่อหาค่าตำแหน่งที่ต้องการ
โดย map พฤ 18 ต.ค. 2007 2:50 pm บอร์ด Programming - PHP
8
3053
ส 20 ต.ค. 2007 8:17 am โดย ob1
ตั้งค่า php บนเซิร์ฟเวอร์อย่างไร ให้สนับสนุนกับ Mysql
โดย Mario พฤ 18 ต.ค. 2007 12:43 am บอร์ด SQL - Database
10
6073
อ 23 ต.ค. 2007 12:28 am โดย mindphp
บริษัท ฟาร์โก้ จำกัด - รับ PHP Web Programmer 1 ตำแหน่ง ด่วน
โดย fargotravel พ 17 ต.ค. 2007 10:15 pm บอร์ด Programming - PHP
0
1141
พ 17 ต.ค. 2007 10:15 pm โดย fargotravel
ติดต่อฐานข้อมูลไม่ได้
โดย Mario พ 17 ต.ค. 2007 9:20 pm บอร์ด Programming - PHP
14
3899
จ 22 ต.ค. 2007 11:47 pm โดย mindphp
มีตัวอย่าง code การแสดงรูปแบบนี้หรือเปล่า
โดย chayaphol อ 16 ต.ค. 2007 3:48 am บอร์ด Programming - PHP
1
1757
อ 16 ต.ค. 2007 8:37 am โดย mindphp
คือว่าต้องการแปลง ภาษาจากฐานข้อมูล ascii เป็น unicode utf-8
โดย sudtielove จ 15 ต.ค. 2007 10:28 pm บอร์ด Programming - PHP
5
4198
พ 17 ต.ค. 2007 3:11 am โดย mindphp
ขอถามการคำนวณอายุจาก MySQL
โดย Ballz จ 15 ต.ค. 2007 7:48 pm บอร์ด SQL - Database
9
4439
พฤ 25 ต.ค. 2007 12:54 am โดย Ballz
php กะ .exe
โดย aa_aa จ 15 ต.ค. 2007 5:25 pm บอร์ด Programming - PHP
1
1185
อ 16 ต.ค. 2007 8:46 am โดย mindphp
phpMyAdmin 2.11.1 มาแล้ว
โดย mindphp อ 14 ต.ค. 2007 9:41 am บอร์ด MindPHP News & Feedback
0
3547
อ 14 ต.ค. 2007 9:41 am โดย mindphp
แทรกไฟล์ Flash ลงในเวปโดยใช้โปรแกรม Edit+ ยังไงหรอคะ
โดย yinggg อ 14 ต.ค. 2007 1:01 am บอร์ด Programming - PHP
1
1504
อ 14 ต.ค. 2007 4:10 am โดย mindphp
ส่งการ์ดอะค่ะ ขอคำแนะนำหน่อยนะคะ
โดย nini_nan ส 13 ต.ค. 2007 11:02 pm บอร์ด Programming - PHP
1
1092
อ 14 ต.ค. 2007 4:08 am โดย mindphp
ขอตัวอย่างที่ดึงข้อมูลจาก ฐานข้อมูล MySQL แล้วนำออกมาแสดงเป็
โดย earnlimited ส 13 ต.ค. 2007 10:16 pm บอร์ด Programming - PHP
3
3999
อ 14 ต.ค. 2007 6:07 am โดย mindphp