/
html.html
157 lines (89 loc) · 2.3 KB
/
html.html
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!doctype html>
<meta charset="utf-8" />
<link href="css/html-slideshow.bundle.min.css" rel="stylesheet" />
<script src="js/html-slideshow.bundle.min.js"></script>
<title>html-slides</title>
<script data-role="slide" type="text/html">
<p>This slideshow is created with slides using HTML.
</script>
<script data-role="slide" type="text/html">
<h1>header 1</h1>
<h2>header 2</h2>
<h3>header 3</h3>
<p>paragraf 1
<p>paragraf 2
</script>
<script data-role="slide" type="text/html">
<h1>Here is a bullet list</h1>
<ul>
<li>bullet</li>
<li>another bullet</li>
<li>the third bullet</li>
</ul>
</script>
<script data-role="slide" type="text/html">
<h1>Here is a ordered list</h1>
<ol>
<li>item</li>
<li>item</li>
<li>another item</li>
</ol>
</script>
<script data-role="slide" type="text/html">
<h1>header 1</h1>
<p>paragraf 1
<p>paragraf 2
</script>
<script data-role="slide" type="text/html">
<h1>Here is a table</h1>
<table>
<tr>
<th>What</th>
<th>Where</th>
</tr>
<tr>
<td>Apple</td>
<td>Sweden</td>
</tr>
<tr>
<td>Pear</td>
<td>Norway</td>
</tr>
</table>
</script>
<script data-role="slide" type="text/html">
<h1>An image</h1>
<img src="http://placehold.it/770x578">
</script>
<script data-role="slide" type="text/html">
<img src="http://placehold.it/1024x768">
</script>
<script data-role="slide" type="text/html">
<h1>An iframe</h1>
<iframe src="http://en.wikipedia.org/wiki/Lorem_ipsum" width="1024" height="768" frameborder="0"></iframe>
</script>
<script data-role="slide" type="text/html">
<h1>Here is code</h1>
<pre data-code="code1"></pre>
</script>
<script id="code1" data-role="code" data-language="php" type="text/html">
<?php echo "Hello world"; ?>
</script>
<script data-role="slide" type="text/html">
<h1>Inline code</h1>
Here is a paragraph with <code>code</code> inline.
</script>
<script data-role="slide" type="text/html">
<h1>Inline bold</h1>
Here is a paragraph with <b>bold</b> inline.
</script>
<script data-role="slide" type="text/html">
<h1>Inline italic</h1>
Here is a paragraph with <i>italic</i> inline.
</script>
<script data-role="slide" type="text/html">
<h1>Inline strike</h1>
Here is a paragraph with <s>strike</s> inline.
</script>
<script data-role="slide" type="text/html">
</script>