Soumettre la recherche
Mettre en ligne
บทที่ 6 การใช้สร้างรายการด้วย list
•
Télécharger en tant que PPTX, PDF
•
0 j'aime
•
149 vues
Nattipong Siangyen
Suivre
การใช้สร้างรายการด้วยList
Lire moins
Lire la suite
Formation
Signaler
Partager
Signaler
Partager
1 sur 10
Télécharger maintenant
Recommandé
บทที่ 6 การใช้สร้างรายการด้วย list
บทที่ 6 การใช้สร้างรายการด้วย list
Nattipong Siangyen
Session2 part2
Session2 part2
sangkeetwittaya stourajini
การกำหนดให้ข้อความอยู่ในรูปของรายการ
การกำหนดให้ข้อความอยู่ในรูปของรายการ
ssuseraa96d2
Program kerja tim citarum 2012 25 juni
Program kerja tim citarum 2012 25 juni
Citarum
Le journal d'Argentré-du-Plessis
Le journal d'Argentré-du-Plessis
Mairie Argentré du Plessis
Hizb 27
Hizb 27
steka36
Le journal d'Argentré du Plessis
Le journal d'Argentré du Plessis
Mairie Argentré du Plessis
Final media evaluation
Final media evaluation
Jack Street
Recommandé
บทที่ 6 การใช้สร้างรายการด้วย list
บทที่ 6 การใช้สร้างรายการด้วย list
Nattipong Siangyen
Session2 part2
Session2 part2
sangkeetwittaya stourajini
การกำหนดให้ข้อความอยู่ในรูปของรายการ
การกำหนดให้ข้อความอยู่ในรูปของรายการ
ssuseraa96d2
Program kerja tim citarum 2012 25 juni
Program kerja tim citarum 2012 25 juni
Citarum
Le journal d'Argentré-du-Plessis
Le journal d'Argentré-du-Plessis
Mairie Argentré du Plessis
Hizb 27
Hizb 27
steka36
Le journal d'Argentré du Plessis
Le journal d'Argentré du Plessis
Mairie Argentré du Plessis
Final media evaluation
Final media evaluation
Jack Street
Flameproof High Range Pressure Switches with Scale FC series
Flameproof High Range Pressure Switches with Scale FC series
NK Instruments Pvt. Ltd.
Hydraulic range Pressure Switches DN series
Hydraulic range Pressure Switches DN series
NK Instruments Pvt. Ltd.
Story board reading
Story board reading
hestiko
The companies bill
The companies bill
arjun_2010
Casey Hall: Leveraging Internal Experts in Social Media
Casey Hall: Leveraging Internal Experts in Social Media
Casey Hall
Duffy, Daniel J. Resume
Duffy, Daniel J. Resume
danduffy49
Final report
Final report
Moses Sabao
Duffy, Daniel J. Current Resume
Duffy, Daniel J. Current Resume
danduffy49
whole foods market presentation1
whole foods market presentation1
svanfield
An intro guide_-_how_to_use_twitter_for_business
An intro guide_-_how_to_use_twitter_for_business
Jacques Bouchard
Deep Groove Ball Bearing 6200 series Parameter
Deep Groove Ball Bearing 6200 series Parameter
CHIK BEARING
Arizuma tradezone private limited
Arizuma tradezone private limited
Nayan Singh
uso de internet
uso de internet
jaquelinne yoanna ruiz achury
High range Bellow type Pressure Switch MD series
High range Bellow type Pressure Switch MD series
NK Instruments Pvt. Ltd.
ENEM não Tira Férias!
ENEM não Tira Férias!
FABIANA MARTINS
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
Nattipong Siangyen
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
Nattipong Siangyen
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
Nattipong Siangyen
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
Nattipong Siangyen
คำสั่ง Sql เบื้องต้น(delete)
คำสั่ง Sql เบื้องต้น(delete)
Nattipong Siangyen
คำสั่ง Sql เบื้องต้น(update)
คำสั่ง Sql เบื้องต้น(update)
Nattipong Siangyen
คำสั่ง Sql เบื้องต้น(select)
คำสั่ง Sql เบื้องต้น(select)
Nattipong Siangyen
Contenu connexe
En vedette
Flameproof High Range Pressure Switches with Scale FC series
Flameproof High Range Pressure Switches with Scale FC series
NK Instruments Pvt. Ltd.
Hydraulic range Pressure Switches DN series
Hydraulic range Pressure Switches DN series
NK Instruments Pvt. Ltd.
Story board reading
Story board reading
hestiko
The companies bill
The companies bill
arjun_2010
Casey Hall: Leveraging Internal Experts in Social Media
Casey Hall: Leveraging Internal Experts in Social Media
Casey Hall
Duffy, Daniel J. Resume
Duffy, Daniel J. Resume
danduffy49
Final report
Final report
Moses Sabao
Duffy, Daniel J. Current Resume
Duffy, Daniel J. Current Resume
danduffy49
whole foods market presentation1
whole foods market presentation1
svanfield
An intro guide_-_how_to_use_twitter_for_business
An intro guide_-_how_to_use_twitter_for_business
Jacques Bouchard
Deep Groove Ball Bearing 6200 series Parameter
Deep Groove Ball Bearing 6200 series Parameter
CHIK BEARING
Arizuma tradezone private limited
Arizuma tradezone private limited
Nayan Singh
uso de internet
uso de internet
jaquelinne yoanna ruiz achury
High range Bellow type Pressure Switch MD series
High range Bellow type Pressure Switch MD series
NK Instruments Pvt. Ltd.
ENEM não Tira Férias!
ENEM não Tira Férias!
FABIANA MARTINS
En vedette
(15)
Flameproof High Range Pressure Switches with Scale FC series
Flameproof High Range Pressure Switches with Scale FC series
Hydraulic range Pressure Switches DN series
Hydraulic range Pressure Switches DN series
Story board reading
Story board reading
The companies bill
The companies bill
Casey Hall: Leveraging Internal Experts in Social Media
Casey Hall: Leveraging Internal Experts in Social Media
Duffy, Daniel J. Resume
Duffy, Daniel J. Resume
Final report
Final report
Duffy, Daniel J. Current Resume
Duffy, Daniel J. Current Resume
whole foods market presentation1
whole foods market presentation1
An intro guide_-_how_to_use_twitter_for_business
An intro guide_-_how_to_use_twitter_for_business
Deep Groove Ball Bearing 6200 series Parameter
Deep Groove Ball Bearing 6200 series Parameter
Arizuma tradezone private limited
Arizuma tradezone private limited
uso de internet
uso de internet
High range Bellow type Pressure Switch MD series
High range Bellow type Pressure Switch MD series
ENEM não Tira Férias!
ENEM não Tira Férias!
Plus de Nattipong Siangyen
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
Nattipong Siangyen
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
Nattipong Siangyen
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
Nattipong Siangyen
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
Nattipong Siangyen
คำสั่ง Sql เบื้องต้น(delete)
คำสั่ง Sql เบื้องต้น(delete)
Nattipong Siangyen
คำสั่ง Sql เบื้องต้น(update)
คำสั่ง Sql เบื้องต้น(update)
Nattipong Siangyen
คำสั่ง Sql เบื้องต้น(select)
คำสั่ง Sql เบื้องต้น(select)
Nattipong Siangyen
คำสั่ง Sql เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(insert into)
Nattipong Siangyen
คำสั่ง Sql เบื้องต้น(create table)
คำสั่ง Sql เบื้องต้น(create table)
Nattipong Siangyen
คำสั่ง Sql เบื้องต้น(create db)
คำสั่ง Sql เบื้องต้น(create db)
Nattipong Siangyen
09 ชนิดข้อมูล
09 ชนิดข้อมูล
Nattipong Siangyen
07 e r model
07 e r model
Nattipong Siangyen
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
Nattipong Siangyen
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
Nattipong Siangyen
03 ชนิดของความสัมพันธ์
03 ชนิดของความสัมพันธ์
Nattipong Siangyen
02 ความรู้เบื้องต้นฐานข้อมูล
02 ความรู้เบื้องต้นฐานข้อมูล
Nattipong Siangyen
01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ
Nattipong Siangyen
01ข้อมูลและสารสนเทศ
01ข้อมูลและสารสนเทศ
Nattipong Siangyen
10 กรณีศึกษา
10 กรณีศึกษา
Nattipong Siangyen
อ้างอิง
อ้างอิง
Nattipong Siangyen
Plus de Nattipong Siangyen
(20)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
คำสั่ง Sql เบื้องต้น(delete)
คำสั่ง Sql เบื้องต้น(delete)
คำสั่ง Sql เบื้องต้น(update)
คำสั่ง Sql เบื้องต้น(update)
คำสั่ง Sql เบื้องต้น(select)
คำสั่ง Sql เบื้องต้น(select)
คำสั่ง Sql เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(create table)
คำสั่ง Sql เบื้องต้น(create table)
คำสั่ง Sql เบื้องต้น(create db)
คำสั่ง Sql เบื้องต้น(create db)
09 ชนิดข้อมูล
09 ชนิดข้อมูล
07 e r model
07 e r model
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
03 ชนิดของความสัมพันธ์
03 ชนิดของความสัมพันธ์
02 ความรู้เบื้องต้นฐานข้อมูล
02 ความรู้เบื้องต้นฐานข้อมูล
01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ
01ข้อมูลและสารสนเทศ
01ข้อมูลและสารสนเทศ
10 กรณีศึกษา
10 กรณีศึกษา
อ้างอิง
อ้างอิง
บทที่ 6 การใช้สร้างรายการด้วย list
1.
การใช้สร้างรายการ ด้วย List เรียบเรียงโดย ชายดาคอมพิวเตอร์
2.
Contents การสร้างลิสต์แบบไม่มีลาดับ <ul>1 การสร้างลิสต์ซ้อนกัน3 การสร้างลิสต์แบบมีลาดับ <ol>2
3.
การสร้างลิสต์แบบไม่มีลาดับ <ul> ลิสต์แบบไม่มีลาดับ
(un-ordered list) เป็ นลิสต์ที่เหมาะสาหรับการนาเสนอ ข้อมูลที่เป็ นประเด็นสั้นๆ ไม่ต้องการลาดับของตัวเลข หรือตัวอักษร ชื่อแท็ก ul และ li ตาแหน่งของแท็ก ul (Unordered List) อยู่ภายในแท็ก <body> … </body> รูปแบบใน HTML <ul> <li> ข้อมูลในลิสต์ </li> <li> ข้อมูลในลิสต์ </li> … </ul>
4.
ตัวอย่างการสร้างลิสต์แบบไม่มีลาดับ <body> <ul> รายการสินค้าที่มีขายในเว็บไซต์ของเรา <li> เครื่องสาอาง </li> <li>
เสื้อผ้า </li> <li> รองเท้า </li> </ul> </body>
5.
การกาหนดเครื่องหมายนาหน้าหัวข้อ การกาหนดเครื่องหมายนาหน้าหัวข้อทาได้โดยใส่ attribute
‘type’ เข้าไป ภายใต้ <ul> หรือ <li> <ul type="circle"> <li>one</li> <li>two</li> <li type="square">three</li> </ul> ชนิดของเครื่องหมาย รูปแบบ สัญลักษณ์ disc วงกลมทึบ • Circle วงกลมโปร่งใส square สี่เหลี่ยมทึบ
6.
การสร้างลิสต์แบบมีลาดับ ลิสต์แบบมีลำดับใช้เพื่อเสนอข้อมูล เช่นขั้นตอนกำรทำงำนหรืออันดับหนังสือขำยดี
กำรใช้จะคล้ำย กับกำรใช้ลิสต์แบบไม่มีลำดับ แต่จะมีตัวเลขกำกับแต่ละสมำชิกที่อยู่ในลิสต์ ชื่อแท็ก Ol และ li ตาแหน่งของแท็ก Ol (Ordered List) อยู่ภายในแท็ก <body>…</body> Li (List Item) อยู่ภายในแท็ก <ol>…</ol> รูปแบบใน <ol> <li> ข้อมูลในลิสต์ </li> <li> ข้อมูลในลิสต์ </li> … </ol>
7.
ตัวอย่างการสร้างลิสต์แบบมีลาดับ <body> <ol> รายการสินค้าที่มีขายในเว็บไซต์ของเรา <li> เครื่องสาอาง </li> <li>
เสื้อผ้า </li> <li> รองเท้า </li> </ol> </body>
8.
การกาหนดชนิดของตัวจัดลาดับ เราสามารถทาได้โดยกาหนดชนิดของตัวจัดอันดับลงไปใน <ol><ol type="A"> <li>
one </li> <li> two </li> <li> three </li> </ol> ชนิด คาอธิบาย Type=“ A” แสดงเป็ นตัวอักษรพิมพ์ใหญ่ A,B,C,… Type=“ a” แสดงเป็ นตัวอักษรพิมพ์เล็ก a,b,c,… Type=“I ” แสดงเป็ นเลขโรมันตัวพิมพ์ใหญ่ I,II,III,…
9.
กาหนดลาดับเริ่มต้นให้กับข้อมูล ถ้าเราต้องการกาหนดลาดับเริ่มต้นหรือต้องการข้ามลาดับไปบาง รายการ เราสามารถทาได้ดังนี้ <ol
start="4"> <li> one </li> <li> two </li> <li> three </li> </ol> <ol> <li> one </li> <li value="7"> two </li> <li> three </li> </ol>
10.
การสร้างลิสต์ซ้อนกัน การสร้างลิสต์ซ้อนกันมีประโยชน์ในการนาเสนอข้อมูลที่มีหัวข้อย่อยหรือมีขั้นตอน มาก <ol> <li> one
</li> <ol type="a"> <li> a </li> <li> b </li> <li> c </li> </ol> <li> two </li> <ul type="square"> <li> 1 </li> <li> 2 </li> <li> 3 </li> </ul> <li> three </li> </ol>
Télécharger maintenant