Submit Search
Upload
Session2Part2.ppt
•
Download as PPT, PDF
•
0 likes
•
2 views
P
pinglada1
Follow
Session2Part2.ppt
Read less
Read more
Report
Share
Report
Share
1 of 10
Download now
Recommended
บทที่ 6 การใช้สร้างรายการด้วย list
บทที่ 6 การใช้สร้างรายการด้วย list
Nattipong Siangyen
การใช้สร้างรายการด้วยList
บทที่ 6 การใช้สร้างรายการด้วย list
บทที่ 6 การใช้สร้างรายการด้วย list
Nattipong Siangyen
สร้างListรายการด้วย List
Session2 part2
Session2 part2
banputer
Session2 part2
Session2 part2
maovkh
Html list
Html list
คุณครู ดอทคอม
Html list
บทที่ 5
บทที่ 5
Ton TC Tmsb
Avicii_Heaven_WIP.pdf
Avicii_Heaven_WIP.pdf
pinglada1
dj avicii
Avicii_-_You_be_love_feat._billy_raffoul.pdf
Avicii_-_You_be_love_feat._billy_raffoul.pdf
pinglada1
avicii
Recommended
บทที่ 6 การใช้สร้างรายการด้วย list
บทที่ 6 การใช้สร้างรายการด้วย list
Nattipong Siangyen
การใช้สร้างรายการด้วยList
บทที่ 6 การใช้สร้างรายการด้วย list
บทที่ 6 การใช้สร้างรายการด้วย list
Nattipong Siangyen
สร้างListรายการด้วย List
Session2 part2
Session2 part2
banputer
Session2 part2
Session2 part2
maovkh
Html list
Html list
คุณครู ดอทคอม
Html list
บทที่ 5
บทที่ 5
Ton TC Tmsb
Avicii_Heaven_WIP.pdf
Avicii_Heaven_WIP.pdf
pinglada1
dj avicii
Avicii_-_You_be_love_feat._billy_raffoul.pdf
Avicii_-_You_be_love_feat._billy_raffoul.pdf
pinglada1
avicii
Avicii_Medley.pdf
Avicii_Medley.pdf
pinglada1
avicii
avicii_levels.pdf
avicii_levels.pdf
pinglada1
avicii
Avicii_-_X_You_D_Major_Piano_Duet.pdf
Avicii_-_X_You_D_Major_Piano_Duet.pdf
pinglada1
dj avicii
08CHAPTER_4.pdf
08CHAPTER_4.pdf
pinglada1
08CHAPTER_4.pdf
หนังสือ การจัดโต๊ะหมู่บูชา.docx
หนังสือ การจัดโต๊ะหมู่บูชา.docx
pinglada1
หนังสือ การจัดโต๊ะหมู่บูชา.docx
เหนือ -เที่ยว ต.ค..docx
เหนือ -เที่ยว ต.ค..docx
pinglada1
เหนือ -เที่ยว ต.ค..docx
ละครพันทาง.doc
ละครพันทาง.doc
pinglada1
ละครพันทาง.doc
เหนือ-เที่ยว1.docx
เหนือ-เที่ยว1.docx
pinglada1
เหนือ-เที่ยว1.docx
สารานุกรมเยาวชนไทย ตอนดนตรีไทย.pdf
สารานุกรมเยาวชนไทย ตอนดนตรีไทย.pdf
pinglada1
สารานุกรมเยาวชนไทย ตอนดนตรีไทย.pdf
ลิเก.doc
ลิเก.doc
pinglada1
ลิเก.doc
วันสำคัญทางศาสนาพุทธ.docx
วันสำคัญทางศาสนาพุทธ.docx
pinglada1
วันสำคัญทางศาสนาพุทธ.docx
สังคีตที่ยิ่งใหญ่.docx
สังคีตที่ยิ่งใหญ่.docx
pinglada1
สังคีตที่ยิ่งใหญ่.docx
โลกของดนตรีไทย พื้นที่เล็กๆที่รวบรวมความรู้เกี่ยวกับดนตรีไทยเพื่ออนุรักษ์เผย...
โลกของดนตรีไทย พื้นที่เล็กๆที่รวบรวมความรู้เกี่ยวกับดนตรีไทยเพื่ออนุรักษ์เผย...
pinglada1
โลกของดนตรีไทย พื้นที่เล็กๆที่รวบรวมความรู้เกี่ยวกับดนตรีไทยเพื่ออนุรักษ์เผยแพร่.docx
ศาสนาพุทธ.docx
ศาสนาพุทธ.docx
pinglada1
ศาสนาพุทธ.docx
สังคีตวิทยา.docx
สังคีตวิทยา.docx
pinglada1
สังคีตวิทยา.docx
หอเกียรติยศ.doc
หอเกียรติยศ.doc
pinglada1
หอเกียรติยศ.doc
ละครรำ.docx
ละครรำ.docx
pinglada1
ละครรำ.docx
เรียนรู้เกี่ยวกับแผนภูมิ.docx
เรียนรู้เกี่ยวกับแผนภูมิ.docx
pinglada1
เรียนรู้เกี่ยวกับแผนภูมิ.docx
หุ่นกระบอก.doc
หุ่นกระบอก.doc
pinglada1
หุ่นกระบอก.doc
ละครชาตรี.docx
ละครชาตรี.docx
pinglada1
ละครชาตรี.docx
More Related Content
More from pinglada1
Avicii_Medley.pdf
Avicii_Medley.pdf
pinglada1
avicii
avicii_levels.pdf
avicii_levels.pdf
pinglada1
avicii
Avicii_-_X_You_D_Major_Piano_Duet.pdf
Avicii_-_X_You_D_Major_Piano_Duet.pdf
pinglada1
dj avicii
08CHAPTER_4.pdf
08CHAPTER_4.pdf
pinglada1
08CHAPTER_4.pdf
หนังสือ การจัดโต๊ะหมู่บูชา.docx
หนังสือ การจัดโต๊ะหมู่บูชา.docx
pinglada1
หนังสือ การจัดโต๊ะหมู่บูชา.docx
เหนือ -เที่ยว ต.ค..docx
เหนือ -เที่ยว ต.ค..docx
pinglada1
เหนือ -เที่ยว ต.ค..docx
ละครพันทาง.doc
ละครพันทาง.doc
pinglada1
ละครพันทาง.doc
เหนือ-เที่ยว1.docx
เหนือ-เที่ยว1.docx
pinglada1
เหนือ-เที่ยว1.docx
สารานุกรมเยาวชนไทย ตอนดนตรีไทย.pdf
สารานุกรมเยาวชนไทย ตอนดนตรีไทย.pdf
pinglada1
สารานุกรมเยาวชนไทย ตอนดนตรีไทย.pdf
ลิเก.doc
ลิเก.doc
pinglada1
ลิเก.doc
วันสำคัญทางศาสนาพุทธ.docx
วันสำคัญทางศาสนาพุทธ.docx
pinglada1
วันสำคัญทางศาสนาพุทธ.docx
สังคีตที่ยิ่งใหญ่.docx
สังคีตที่ยิ่งใหญ่.docx
pinglada1
สังคีตที่ยิ่งใหญ่.docx
โลกของดนตรีไทย พื้นที่เล็กๆที่รวบรวมความรู้เกี่ยวกับดนตรีไทยเพื่ออนุรักษ์เผย...
โลกของดนตรีไทย พื้นที่เล็กๆที่รวบรวมความรู้เกี่ยวกับดนตรีไทยเพื่ออนุรักษ์เผย...
pinglada1
โลกของดนตรีไทย พื้นที่เล็กๆที่รวบรวมความรู้เกี่ยวกับดนตรีไทยเพื่ออนุรักษ์เผยแพร่.docx
ศาสนาพุทธ.docx
ศาสนาพุทธ.docx
pinglada1
ศาสนาพุทธ.docx
สังคีตวิทยา.docx
สังคีตวิทยา.docx
pinglada1
สังคีตวิทยา.docx
หอเกียรติยศ.doc
หอเกียรติยศ.doc
pinglada1
หอเกียรติยศ.doc
ละครรำ.docx
ละครรำ.docx
pinglada1
ละครรำ.docx
เรียนรู้เกี่ยวกับแผนภูมิ.docx
เรียนรู้เกี่ยวกับแผนภูมิ.docx
pinglada1
เรียนรู้เกี่ยวกับแผนภูมิ.docx
หุ่นกระบอก.doc
หุ่นกระบอก.doc
pinglada1
หุ่นกระบอก.doc
ละครชาตรี.docx
ละครชาตรี.docx
pinglada1
ละครชาตรี.docx
More from pinglada1
(20)
Avicii_Medley.pdf
Avicii_Medley.pdf
avicii_levels.pdf
avicii_levels.pdf
Avicii_-_X_You_D_Major_Piano_Duet.pdf
Avicii_-_X_You_D_Major_Piano_Duet.pdf
08CHAPTER_4.pdf
08CHAPTER_4.pdf
หนังสือ การจัดโต๊ะหมู่บูชา.docx
หนังสือ การจัดโต๊ะหมู่บูชา.docx
เหนือ -เที่ยว ต.ค..docx
เหนือ -เที่ยว ต.ค..docx
ละครพันทาง.doc
ละครพันทาง.doc
เหนือ-เที่ยว1.docx
เหนือ-เที่ยว1.docx
สารานุกรมเยาวชนไทย ตอนดนตรีไทย.pdf
สารานุกรมเยาวชนไทย ตอนดนตรีไทย.pdf
ลิเก.doc
ลิเก.doc
วันสำคัญทางศาสนาพุทธ.docx
วันสำคัญทางศาสนาพุทธ.docx
สังคีตที่ยิ่งใหญ่.docx
สังคีตที่ยิ่งใหญ่.docx
โลกของดนตรีไทย พื้นที่เล็กๆที่รวบรวมความรู้เกี่ยวกับดนตรีไทยเพื่ออนุรักษ์เผย...
โลกของดนตรีไทย พื้นที่เล็กๆที่รวบรวมความรู้เกี่ยวกับดนตรีไทยเพื่ออนุรักษ์เผย...
ศาสนาพุทธ.docx
ศาสนาพุทธ.docx
สังคีตวิทยา.docx
สังคีตวิทยา.docx
หอเกียรติยศ.doc
หอเกียรติยศ.doc
ละครรำ.docx
ละครรำ.docx
เรียนรู้เกี่ยวกับแผนภูมิ.docx
เรียนรู้เกี่ยวกับแผนภูมิ.docx
หุ่นกระบอก.doc
หุ่นกระบอก.doc
ละครชาตรี.docx
ละครชาตรี.docx
Session2Part2.ppt
1.
Orjix www.RongRean.com หลักสูตร สร้างเว็บด้วย HTML:
Session ที่ 2 ตอนที่ 2
2.
www.rongrean.com Orjix Contents การสร้างลิสต์แบบไม่มีลาดับ <ul> 1 การสร้างลิสต์แบบมีลาดับ
<ol> 2 การสร้างลิสต์ซ้อนกัน 3
3.
การสร้างลิสต์แบบไม่มีลาดับ <ul> ลิสต์แบบไม่มีลำดับ (un-ordered
list) เป็นลิสต์ที่เหมำะสำหรับกำรนำเสนอข้อมูลที่ เป็นประเด็นสั้นๆ ไม่ต้องกำรลำดับของตัวเลข หรือตัวอักษร www.rongrean.com Orjix ชื่อแท็ก ul และ li ตำแหน่งของแท็ก ul (Unordered List) อยู่ภายในแท็ก <body> … </body> รูปแบบใน HTML4 และรูปแบบใน (XHTML) <ul> <li>ข้อมูลในลิสต์ (</li>) <li>ข้อมูลในลิสต์ (</li>) … </ul>
4.
ตัวอย่ำงกำรสร้ำงลิสต์แบบไม่มีลำดับ www.rongrean.com Orjix <body> <ul> รายการสินค้าที่มีขายในเว็บไซต์ของเรา <li>เครื่องสาอาง</li> <li>เสื้อผ้า</li> <li>รองเท้า</li> </ul> </body>
5.
กำรกำหนดเครื่องหมำยนำหน้ำหัวข้อ กำรกำหนดเครื่องหมำยนำหน้ำหัวข้อทำได้โดยใส่ attribute ‘type’
เข้ำไป ภำยใต้ <ul> หรือ <li> www.rongrean.com Orjix <ul type="circle"> <li>one</li> <li>two</li> <li type="square">three</li> </ul> ชนิดของเครื่องหมาย รูปแบบ สัญลักษณ์ disc วงกลมทึบ • Circle วงกลมโปร่งใส square สี่เหลี่ยมทึบ
6.
กำรสร้ำงลิสต์แบบมีลำดับ ลิสต์แบบมีลำดับใช้เพื่อเสนอข้อมูล เช่นขั้นตอนกำรทำงำนหรืออันดับหนังสือขำยดี กำร ใช้จะคล้ำยกับกำรใช้ลิสต์แบบไม่มีลำดับ
แต่จะมีตัวเลขกำกับแต่ละสมำชิกที่อยู่ในลิสต์ www.rongrean.com Orjix ชื่อแท็ก Ol และ li ตำแหน่งของแท็ก Ol (Ordered List) อยู่ภายในแท็ก <body>…</body> Li (List Item) อยู่ภายในแท็ก <ol>…</ol> รูปแบบใน HTML4 และรูปแบบใน (XHTML) <ol> <li>ข้อมูลในลิสต์ (</li>) <li>ข้อมูลในลิสต์ (</li>) … </ol>
7.
ตัวอย่ำงกำรสร้ำงลิสต์แบบมีลำดับ www.rongrean.com Orjix <body> <ol> รายการสินค้าที่มีขายในเว็บไซต์ของเรา <li>เครื่องสาอาง</li> <li>เสื้อผ้า</li> <li>รองเท้า</li> </ol> </body>
8.
กำรกำหนดชนิดของตัวจัดลำดับ เรำสำมำรถทำได้โดยกำหนดชนิดของตัวจัดอันดับลงไปใน <ol> www.rongrean.com Orjix <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,… Type=“i” แสดงเป็นเลขโรมันตัวพิมพ์เล็ก i,ii,iii Type=“1” แสดงเป็นตัวเลข คือ 1,2,3,…..
9.
กำหนดลำดับเริ่มต้นให้กับข้อมูล ถ้ำเรำต้องกำรกำหนดลำดับเริ่มต้นหรือต้องกำรข้ำมลำดับไปบำงรำยกำร เรำสำมำรถทำได้ ดังนี้ www.rongrean.com Orjix <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.
กำรสร้ำงลิสต์ซ้อนกัน กำรสร้ำงลิสต์ซ้อนกันมีประโยชน์ในกำรนำเสนอข้อมูลที่มีหัวข้อย่อยหรือมีขั้นตอนมำก www.rongrean.com Orjix <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> *ไม่แนะนาให้ซ้อนลิสต์เกินกว่า 3 ชั้นเพราะจะทาให้สับสนกับข้อมูลที่ปรากฏในลิสต์
Download now