एचटीएमएल 5 प्रस्तुति

मैंने देखा कि वर्तमान में Google प्रोग्रामर ने अपनी प्रस्तुतियों की प्रस्तुति के एक नए रूप का उपयोग करना शुरू कर दिया है।

एक विशिष्ट उदाहरण , एक और उदाहरण - हम फ्रेम, प्रभाव, चित्र, सामान्य शैली देखते हैं।

एक सरल खोज ने एक सुविधाजनक टेम्पलेट का नेतृत्व किया, जो अपनी सादगी के साथ, आपको आसानी से कार्यान्वित तत्वों के साथ अच्छी प्रस्तुतियां बनाने की अनुमति देता है

उपयोग का एक उदाहरण और इसका स्रोत कोड मेरी राय में एक सफल उपकरण की क्षमता को दर्शाता है।

Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >

1. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
2. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
3. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
4. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
5. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
6. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
7. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
8. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
9. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
10. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
11. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
12. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
13. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
14. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
15. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
17. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
18. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
19. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
20. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >
21. Copy Source | Copy HTML < article > < h3 > Slide with bullet points that builds </ h3 > < ul class ="build"> < li > This is an example of a list </ li > < li > The list items fade in </ li > < li > Last one! </ li > </ ul > < div class ="build"> < p > Any element with child nodes can build. </ p > < p > It doesn't have to be a list. </ p > </ div > </ article >

जैसा कि आप देख सकते हैं, लेख टैग द्वारा स्लाइड्स को अलग कर दिया गया है। चूंकि हमारे पास पूर्ण HTML है, उदाहरण के लिए कोड और फ़्रेम को लागू करने में कोई समस्या नहीं है, जो एपीआई की क्षमताओं को प्रदर्शित करने के लिए महत्वपूर्ण है।

Copy Source | Copy HTML

1. < लेख वर्ग = "nobackground">
2. < h3 > कोड में शैली - नया! </ h3 >
3. < iframe src = "http://code.google.com/apis/maps/documentation/javascript/examples/layer-fusiontables-styling.html"> </ iframe >
4. </ लेख >
5. < लेख वर्ग = "nobackground">
6. < पूर्व >
7. ... var australia = new google.maps.LatLng (-25, 133);
8. नक्शा = ...
9. परत = नया google.maps.FusionTablesLayer ({
10. क्वेरी: {
11. चयन करें: 'ज्यामिति',
12. से: '815230'
13. }
14. शैलियाँ: [{
15. बहुभुज: {
16. भरनी: "# 00FF00",
17. भराव: 0.3
18. }
19. } {
20. कहाँ: "पक्षी > 300",
21. बहुभुज: {
22. भरनी: "# 0000FF"
23. }
24. } {
25. कहाँ: "जनसंख्या > 5",
26. ...});
27. layer.setMap (नक्शा); </ पूर्व >
28. </ लेख >

सभी स्रोत उपलब्ध हैं, उनके आधार पर आप अपने स्वयं के प्रस्तुति टेम्पलेट बना सकते हैं।
एक संदर्भ प्रस्तुति का एक उदाहरण।