forked from 4iz268/cviceni
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path01-page.html
175 lines (71 loc) · 9.03 KB
/
01-page.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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Titulka stránky</title>
</head>
<body>
<!-- h1, h2, h3 -->
<h1>Nadpis stránky h1</h1>
<h2>Podnapis h2</h2>
<h3>Podnadpis h3</h3>
<!-- div -->
<div style="color: red">
Obsah div
</div>
<!-- p -->
<p>Náš první odstavec</p>
<!-- blockquote -->
<blockquote cite="http://www.vse.cz/">Tohle je bloková citace z jiného zdroje, browser to zarovná do bloku.</blockquote>
A tohle je <q>řádková (inline) citace</q>. Browser ji nezalamuje do bloku, tohle už je normální text.
<!-- pre -->
<pre>
The pre tag defines preformatted text.
Text in a pre element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.
</pre>
<!-- hr -->
<hr/>
Zalomení textu<br>
A tady je už další řádek<br>
<!-- a -->
<a href="http://vse.cz">VŠE web</a><br/>
<a href="http://vse.cz" target="_blank">VŠE web v novém okně</a> <br/>
<a href="#eleven">Odkaz na jedenáctý odstavec</a>
Tady neco je
<cite>Neco cituju</cite>
<!-- lorem ipsum text -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vel euismod diam, at cursus est. Nullam pulvinar arcu nulla, eget rutrum urna sagittis vitae. Etiam at ante lorem. Nam nec felis vitae erat tempus mattis sit amet ut nisi. Integer dapibus feugiat est, sit amet varius mauris malesuada at. Vivamus eleifend tortor at eros gravida, faucibus efficitur nisi euismod. <strong>Fusce fermentum</strong> cursus ligula et varius. Nam in mollis diam, at vulputate nisi.</p>
<p>Maecenas et orci ut lacus aliquet aliquet sit amet vel sem. Vestibulum sed enim velit. Integer sed nisi placerat, tincidunt leo nec, posuere est. Nulla eget lobortis ligula. Mauris rhoncus nibh eros, ac pharetra justo commodo tincidunt. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec eget lectus faucibus, eleifend arcu ut, maximus quam. Ut sed volutpat erat. Ut vel nisl hendrerit nisl fermentum euismod. Cras tellus neque, iaculis quis auctor et, vulputate vel neque.</p>
<p>Nullam augue turpis, tincidunt sit amet sodales id, elementum rhoncus nibh. Donec vitae mi viverra, imperdiet arcu sit amet, vehicula leo. Pellentesque convallis nisi diam, et hendrerit ex auctor vel. In tortor arcu, convallis quis semper vel, hendrerit in lorem. In erat metus, vulputate non molestie id, pellentesque sed elit. Sed hendrerit varius urna, id sollicitudin purus tincidunt nec. Pellentesque ante risus, scelerisque eu consectetur vitae, accumsan ac ligula.</p>
<p>Aenean molestie viverra tortor a auctor. Curabitur gravida turpis quis massa consectetur ultricies. Pellentesque ac nunc lobortis, hendrerit justo vitae, vehicula nulla. Sed venenatis eros non leo feugiat, at rutrum magna tincidunt. Cras id ex non mauris egestas tincidunt et vitae risus. Quisque erat leo, bibendum non scelerisque nec, tempus a enim. Donec accumsan sapien ac vulputate laoreet. Pellentesque elementum massa mauris, ut rhoncus massa porta vel. In hac habitasse platea dictumst. Phasellus blandit mollis sagittis. Etiam et neque cursus sapien imperdiet sollicitudin vestibulum ut mi.</p>
<p>Etiam congue egestas egestas. Sed dolor magna, iaculis sed porta quis, ornare sit amet dolor. Praesent pharetra tortor ante, tincidunt tincidunt turpis faucibus eu. Fusce pretium semper nisi quis porta. Nunc gravida, elit vitae sagittis vehicula, augue sem efficitur nunc, at fringilla urna magna vitae dolor. Cras tincidunt arcu sit amet diam mattis commodo. Donec tincidunt pulvinar lorem nec fringilla. Vivamus egestas eget risus nec ornare.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vulputate velit lectus, quis tristique nisl laoreet non. Nam ultrices, mauris a aliquet lacinia, est neque consequat tellus, pulvinar interdum risus metus sed augue. Etiam pellentesque, lorem quis pulvinar blandit, ante ante gravida dui, vitae ultricies ante justo eget nulla. Proin consectetur enim in convallis porttitor. In egestas lobortis efficitur. Proin quis dictum est. Nam vel egestas felis, eu tincidunt sapien. Sed vitae venenatis lacus. Praesent vehicula, velit at aliquet porttitor, sem ipsum gravida felis, sed pellentesque sapien leo quis tortor. In rhoncus ex vel nisi ullamcorper suscipit. Pellentesque vestibulum mi porta lacinia tristique. Integer hendrerit turpis in nisi scelerisque, sed blandit purus elementum. Quisque auctor dui eget neque hendrerit commodo. Nam at ex massa.</p>
<p>Sed molestie rhoncus ipsum et vehicula. In sapien augue, convallis vel leo quis, rutrum pulvinar nisl. Cras condimentum, lacus sed suscipit egestas, nisl ligula fermentum lacus, vel vehicula felis mi nec nulla. Quisque non lorem dictum, imperdiet tortor sit amet, rutrum lacus. Suspendisse massa orci, pellentesque vitae malesuada vitae, eleifend quis risus. Sed a tellus vel enim sollicitudin tempus eu nec tortor. Integer ut convallis ex, et suscipit sapien. Ut sit amet gravida libero.</p>
<p>Pellentesque ultricies turpis quis metus maximus, et mollis leo tincidunt. Donec consequat venenatis lacus at interdum. Vestibulum aliquam aliquam nisl, eu viverra enim bibendum sed. Quisque rhoncus enim diam, eget elementum velit posuere sed. Donec posuere, dolor ac venenatis eleifend, neque est convallis diam, sed varius mi metus nec est. Aenean leo metus, auctor vitae enim ac, lobortis euismod urna. Morbi gravida lorem vitae laoreet dapibus. Vivamus quis laoreet quam. Suspendisse commodo, nibh et interdum pellentesque, sem erat finibus magna, sit amet auctor elit velit nec diam. Mauris sodales molestie dui, in blandit massa ultrices et. Integer dictum vulputate felis eleifend viverra. Quisque varius mollis tellus eu pellentesque. Curabitur at sapien dictum, consectetur erat vitae, fermentum dui.</p>
<p>Nunc scelerisque nec felis vel vulputate. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ligula quam, porta nec dui et, semper lobortis sem. In ultrices rhoncus justo ut egestas. Phasellus quis molestie nulla, eget lobortis ipsum. Phasellus ante nisi, gravida et interdum at, cursus sit amet tortor. Vestibulum viverra tortor vitae nisl gravida, sit amet imperdiet nunc volutpat. Integer tincidunt venenatis erat sit amet tempor. Fusce eget enim in urna pulvinar sagittis. Maecenas ac porta diam. Morbi metus justo, tempus id ex semper, sodales condimentum magna. Morbi placerat vel nibh id consequat. Ut feugiat sapien at tortor commodo viverra. Fusce augue lorem, volutpat non orci eget, dapibus vulputate orci. Donec feugiat congue aliquet. Nunc id nibh et arcu lacinia luctus.</p>
<p>Integer dapibus, ex sit amet semper luctus, nisi arcu fermentum mi, eu vehicula nisi eros non est. Duis ornare pellentesque lorem quis auctor. Donec leo quam, maximus vitae tortor eu, mattis mollis lacus. Etiam est nisi, iaculis porttitor vulputate quis, rhoncus sed dolor. Ut volutpat, ligula non laoreet commodo, felis libero blandit magna, nec scelerisque justo massa sed velit. Aliquam dignissim eu nisi eu vehicula. Nulla molestie diam ac lectus aliquet, eu commodo nisl interdum. Nunc vestibulum sagittis elit. Aenean condimentum sem quis quam luctus, ut dignissim dolor viverra. Nam dapibus arcu ac sodales vestibulum. Nullam interdum justo et massa convallis facilisis. Vestibulum efficitur, purus at ornare pretium, dolor libero consectetur nulla, sit amet eleifend turpis ante quis ligula. Praesent nunc nisi, volutpat ac sem non, rhoncus venenatis nisl. Curabitur vitae lectus sed purus rhoncus porttitor. Sed dignissim sollicitudin commodo.</p>
<h2 id="eleven">Jedenáctý odstavec</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec egestas nisl. Maecenas urna tortor, suscipit a elementum non, porttitor a urna. Curabitur risus erat, euismod in dolor vel, sodales imperdiet neque. Donec tempor risus quis urna viverra lobortis. Sed id semper massa. Maecenas vitae velit at tellus interdum malesuada. Sed neque massa, tincidunt nec eleifend ac, hendrerit vel nulla. Sed a erat tellus. Donec sed pulvinar enim, feugiat maximus tellus. Praesent vitae lacus lectus. Suspendisse gravida arcu at lorem tincidunt gravida in at leo. Cras at elementum odio. In in posuere est. Sed vitae turpis nisi.</p>
<!-- span -->
<p>Lorem ipsum Guns'n'Roses <span style="color: red">Nějaký text ve span</span></p>
<!-- cite -->
<p>Arthur Charles Clarke napsal knihu <cite>2001: První vesmírná odysea </cite> v roce 1968</p>
<!-- sup a sub -->
<p>Tady bude <sup>horní index</sup> a tady zase <sub>dolní index</sub>.</p>
<!-- strong -->
<p>Tady bude <strong>zvýrazněný text pomocí strong</strong></p>
<!-- b -->
<p>A tady bude <b>zvýrazněný text pomocí b</b></p>
<!-- em -->
<p>Tady bude <em>zdůrazněný text pomocí em</em></p>
<!-- i -->
<p>A tady bude <i>zdůrazněný text pomocí i</i></p>
<!-- Tohle je HTML komentář -->
<mrow>
a ⁢ <msup>x 2</msup>
+ b ⁢ x
+ c
</mrow>
</body>
</html>