การใช้ลิสใน HTML
HTML Unordered Lists <ul ย่อมาจาก Unordered List>
ลิสที่ไม่มีอันดับ ใช้แท็ก <ul> ในการเปิดและปิดแท็กด้วย </ul> นะครับ
|
1 2 3 4 5 |
<ul> <li> devtai </li> <li> devtai </li> <li> devtai </li> </ul> |
HTML Ordered Lists <ol ย่อมาจาก Ordered Lists>
ลิสที่มีอันดับ ใช้แท็ก <ol> ในการเปิดและปิดแท็กด้วย </ol>
ส่วนในรายการแต่ละรายการจะใช้แท็ก <li> ในแต่ละรายการ โดยจะเรียงเป็นลำดับ แล้วปิดแท็กด้วย </li>
อย่าลืมปิดแท็กกันด้วยนะครับ
|
1 2 3 4 5 |
<ol> <li> devtai.com </li> <li> devtai.com </li> <li> devtai.com </li> </ol> |
HTML Definition Lists <dl ย่อมาจาก Definition Lists>
ลิสชนิดนี้จะเป็นลิสที่ใช้สำหรับ กำนหนดคำนิยาม ใช้แท็ก <dl> และปิดแท็กด้วย </dl>
เพื่อใช้สำหรับการนิยาม ของแท็ก <dt> และ <dd>
แท็ก <dt> ใช้กำหนดคำสำหรับนิยาม <dd> ใช้สำหรับคำอธิบาย
|
1 2 3 4 5 6 |
<dl> <dt> devtai.com </dt> <dd> devtai.com สอนทำเว็บด้วยภาษา PHP+MySQli+Database </dd> <dt> devtai.com </dt> <dd> devtai.com สอนทำเว็บด้วยภาษา PHP+MySQli+Database </dd> </dl> |
Code รวมก็จะประมาณนี้นะครับ
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<!DOCTYPE html> <html> <head> <title> devtai.com </title> </head> <body> <ul> <li> devtai.com </li> <li> devtai.com </li> <li> devtai.com </li> </ul> <ol> <li> devtai.com </li> <li> devtai.com </li> <li> devtai.com </li> </ol> <dl> <dt> devtai.com </dt> <dd> devtai.com สอนทำเว็บด้วยภาษา PHP+MySQli+Database </dd> <dt> devtai.com </dt> <dd> devtai.com สอนทำเว็บด้วยภาษา PHP+MySQli+Database </dd> </dl> </body> </html> |
นี้เป็นรูปภาพโค้ดที่ผมเอาทั้ง 3 รูปแบบ มาเขียนให้ดู
ผลลัพธ์ก็ออกมาแบบนี้เลยนะครัชช
ดูตัวอย่างแล้วไปลองฝึกทำกันเลยนะคร้าบบบ ><
สนใจจ้างพัฒนาระบบ เขียนระบบ
ทำเว็บไซต์ รับสอนเขียนโปรแกรม
inbox มาที่เพจ หรือติดต่อ 098-373-8651
ช่องทางการชำระเงิน
เงินสด หรือ e-banking
ธนาคารกสิกรไทย
เลขบัญชี : 0951168564
ชื่อบัญชี : นายวัยวุฒิ ชุมเมืองปัก
