]> git.saurik.com Git - wxWidgets.git/blame - samples/html/test/test.htm
fixed HTML parsing in regard to spaces between tags
[wxWidgets.git] / samples / html / test / test.htm
CommitLineData
5526e819
VS
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2<HTML>
3<HEAD>
4 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
5 <META NAME="GENERATOR" CONTENT="Mozilla/4.06 [en] (X11; I; Linux 2.0.35 i686) [Netscape]">
6</HEAD>
e6ff5ac9 7<BODY TEXT="#000000" BGCOLOR="#B3B6E0" LINK="#0000FF" VLINK="#FF0000" ALINK="#000088">
5526e819 8
139ab6fc 9<font size=+2>
5526e819 10<b><a href="tables.htm">click here to go to tables test page!</a></b>
25082126
VS
11<p>
12<b><a href="imagemap.htm">click here to go to IMAGEMAPs test page!</a></b>
139ab6fc
VS
13<p>
14<b><a href="8859_2.htm">i18n demo 1 (iso8859-2)</a></b>
15<p>
16<b><a href="cp1250.htm">i18n demo 2 (cp1250)</a></b>
17</font>
5526e819 18<p>
57d677d1
VS
19Agrave = '&agrave;'
20<p>
5526e819
VS
21This is - - default text, now switching to
22<CENTER>
23<P>center, now still ctr, now exiting</CENTER>
24exited!.<A HREF="#downtown">[link to down]</A>
25<P>Hello, this *is* default charset (helvetica, probably) and it is displayed
26with one&nbsp; <FONT COLOR="#FF0000">COLOR CHANGE</FONT>. Of course we
27can have as many color changes as we can, what about this <FONT COLOR="#FF0000">M</FONT><FONT COLOR="#FFFF00">A</FONT><FONT COLOR="#33FF33">D</FONT><B><FONT COLOR="#FFFFFF"><FONT SIZE=+1>N</FONT></FONT></B>E<FONT COLOR="#999999">S</FONT><FONT COLOR="#CC33CC">S?</FONT>
28<P><FONT COLOR="#000000">There was a space above.</FONT>
29<BR>
30<HR WIDTH="100%">This was a line. <TT>(BTW we are in <B>fixed</B> font
31/ <I><U>typewriter</U> font</I> right now :-)</TT>
32<BR>This is in <B>BOLD</B> face. This is <I>ITALIC.</I> This is <B><I><U>E
33V E R Y T H I N G</U></I></B>.
34<BR>&nbsp;
35<P><BR>
36<CENTER>
37<P>Right now, <FONT COLOR="#0000FF"><FONT SIZE=+4>centered REALLY Big Text</FONT></FONT>,
38how do you like (space) it?</CENTER>
39
40<DIV ALIGN=right>RIGHT: <FONT SIZE=-2>text-2, </FONT><FONT SIZE=-1>text-1,
41</FONT>text+0,
42<FONT SIZE=+1>text+1,
43</FONT><FONT COLOR="#FF0000"><FONT SIZE=+2>text+2,
44</FONT></FONT><FONT SIZE=+3>text+3,
45</FONT><FONT SIZE=+4>text+4</FONT>
46<BR><U><FONT SIZE=+1>we are right now</FONT></U></DIV>
47
48<CENTER><U><FONT SIZE=+1>we are center now</FONT></U></CENTER>
49<U><FONT SIZE=+1>we are left now.</FONT></U>
50<P><I><FONT COLOR="#3366FF">Blue italic text is displayed there....</FONT></I>
51<H1>
52
53<HR ALIGN=LEFT SIZE=10 WIDTH="50%">This is heading one.</H1>
54this is normal
55<CENTER>
56<H1>
57This is <FONT COLOR="#33FF33">CENTERED</FONT> heading one</H1></CENTER>
58<FONT COLOR="#FFFF00">Yes, hmmmmmmmmm........, right now, <TT>we should
59display some tiny nice image</TT>, he?</FONT>
60<BR><IMG SRC="pic.png" ALT="Testing image image" ><IMG SRC="pic2.bmp">and this is text......
61<P><IMG SRC="pic.png" ALT="Testing image image" HEIGHT=200 WIDTH=327 ALIGN=CENTER>and
62this is text......
63<BR><A HREF="pic.png"><IMG SRC="pic.png" ALT="Testing image image" HEIGHT=160 WIDTH=100 ALIGN=TEXTTOP></A> (try clicking on the image :-) and
64this is text......
65<BR>&nbsp;
66<BR>&nbsp;
67<UL>
68<LI>
69item 1</LI>
70
71<LI>
72item 2</LI>
73
74<UL>
75<LI>
76nested item</LI>
77
78<LI>
79nested item 2</LI>
80</UL>
81
82<LI>
83item 3</LI>
84</UL>
85
86<OL>
87<LI>
88item one</LI>
89
90<LI>
91item two</LI>
92
93<OL>
94<LI>
95nsted item</LI>
96</OL>
97
98<LI>
99last numbered item</LI>
100</OL>
101
102<H1>
103Heading 1</H1>
104<I>Italic text now...</I>
105<H2>
106<I>Heading 2</I></H2>
107<I>and now?</I>
108<H3>
109Heading 3</H3>
110
111<H4>
112Heading 4</H4>
113
114<H5>
115Heading 5</H5>
116
117<H6>
118Heading 6</H6>
119And this is normal text, once again :-)
120<BR>&nbsp;
121<BR>&nbsp;
122<BR>&nbsp;
123<BR>&nbsp;
124<BR>&nbsp;
125<BR>&nbsp;
126<P>And yes, we're in <FONT SIZE=+4>HTML DOCUMENT, </FONT><FONT SIZE=+1>so
127what about some nice <A HREF="fft.html">hypertext link</A>??</FONT>
128<P>hello?
129<BR>&nbsp;
130<P><BR>
131<CENTER>
132<P>This is <A NAME="downtown"></a>centered paragraph</CENTER>
133
134<P>This is new par?
135<P><B>We switched to BOLD</B>
136<P><B>This is new paragraph</B> Bold is off now.
137<P>new par
138<P>&nbsp; -----------
139<P><FONT SIZE=-2>Hello</FONT>
140<OL><FONT SIZE=-2>this is standalone :-)</FONT>
141<LI>
142<FONT SIZE=-2>This is item number one. iti lkdjfdl kjd lk jlkjdl kjlk jlf
143jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
144fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
145kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI>
146
147<LI>
148<FONT SIZE=-2>two two two two two two twotwo TWO two two two two two two
149twotwo TWO two two two two two two twotwo TWO two two two two two two twotwo
150TWO two two two two two two twotwo TWO two two two two two two twotwo TWO
151two two two two two two twotwo TWO</FONT></LI>
152
153<BLOCKQUOTE><FONT SIZE=+0><B>(blockquote)</B>two two two two two two twotwo
154TWO two two two two two two twotwo TWO two two two two two two twotwo TWO</FONT>
155<BLOCKQUOTE><FONT SIZE=+0>two two two two two two twotwo TWO two two two</FONT></BLOCKQUOTE>
156<FONT SIZE=+0>two two two twotwo TWO two two two two two two twotwo TWO
157two two two two two two twotwo TWO</FONT></BLOCKQUOTE>
158<FONT SIZE=-2>two two two two two two twotwo TWO two two two two two two
159twotwo TWO</FONT>
160<LI>
161<FONT SIZE=-2>This is item nyumber 3.</FONT></LI>
162
163<LI>
164<FONT SIZE=-2>This is item number one. iti lkdjfdl kjd lk jlkjdl kjlk jlf
165jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
166fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
167kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI>
168
169<LI>
170<FONT SIZE=-2>two two two two two two twotwo TWO two two two two two two
171twotwo TWO two two two two two two twotwo TWO two two two two two two twotwo
172TWO two two two two two two twotwo TWO two two two two two two twotwo TWO
173two two two two two two twotwo TWO two two two two two two twotwo TWO two
174two two two two two twotwo TWO two two two two two two twotwo TWO two two
175two two two two twotwo TWO two two two two two two twotwo TWO two two two
176two two two twotwo TWO two two two two two two twotwo TWO two two two two
177two two twotwo TWO two two two two two two twotwo TWO</FONT></LI>
178
179<LI>
180<FONT SIZE=-2>This is item nyumber 3.</FONT></LI>
181
182<LI>
183<FONT SIZE=-2>This is item number one. iti lkdjfdl kjd lk jlkjdl kjlk jlf
184jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
185fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
186kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI>
187
188<LI>
189<FONT SIZE=-2>two two two two two two twotwo TWO two two two two two two
190twotwo TWO two two two two two two twotwo TWO two two two two two two twotwo
191TWO two two two two two two twotwo TWO two two two two two two twotwo TWO
192two two two two two two twotwo TWO two two two two two two twotwo TWO two
193two two two two two twotwo TWO two two two two two two twotwo TWO two two
194two two two two twotwo TWO two two two two two two twotwo TWO two two two
195two two two twotwo TWO two two two two two two twotwo TWO two two two two
196two two twotwo TWO two two two two two two twotwo TWO</FONT></LI>
197
198<LI>
199<FONT SIZE=-2>This is item nyumber 3.</FONT></LI>
200
201<LI>
202<FONT SIZE=-2>This is item number one. iti lkdjfdl kjd lk jlkjdl kjlk jlf
203jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
204fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
205kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI>
206
207<LI>
208<FONT SIZE=-2>two two two two two two twotwo TWO two two two two two two
209twotwo TWO two two two two two two twotwo TWO two two two two two two twotwo
210TWO two two two two two two twotwo TWO two two two two two two twotwo TWO
211two two two two two two twotwo TWO two two two two two two twotwo TWO two
212two two two two two twotwo TWO two two two two two two twotwo TWO two two
213two two two two twotwo TWO two two two two two two twotwo TWO two two two
214two two two twotwo TWO two two two two two two twotwo TWO two two two two
215two two twotwo TWO two two two two two two twotwo TWO</FONT></LI>
216
217<LI>
218<FONT SIZE=-2>This is item nyumber 3.</FONT></LI>
219
220<LI>
221<FONT SIZE=-2>This is item number one. iti lkdjfdl kjd lk jlkjdl kjlk jlf
222jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
223fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
224kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI>
225
226<LI>
227<FONT SIZE=-2>two two two two two two twotwo TWO two two two two two two
228twotwo TWO two two two two two two twotwo TWO two two two two two two twotwo
229TWO two two two two two two twotwo TWO two two two two two two twotwo TWO
230two two two two two two twotwo TWO two two two two two two twotwo TWO</FONT></LI>
231
232<P><BR><FONT SIZE=-2>two two two two two two twotwo TWO two two two two
233two two twotwo TWO two two two two two two twotwo TWO two two two two two
234two twotwo TWO</FONT>
235<P><FONT SIZE=-2>two two two two two two twotwo TWO two two two two two
236two twotwo TWO two two two two two two twotwo TWO two two two two two two
237twotwo TWO</FONT>
238<LI>
239<FONT SIZE=-2>This is item nyumber 3.</FONT></LI>
240</OL>
241Now, you will see some PRE text:<p>
242<PRE>// This is sample C++ code:
243
57d677d1 244void <font color=#ff0000>main</font>(int argc, char *argv[])
5526e819 245{
57d677d1 246&nbsp;&nbsp;&nbsp; <b>printf</b>("Go away, man!\n");
5526e819
VS
247&nbsp;&nbsp;&nbsp; i = 666;
248&nbsp;&nbsp;&nbsp; printf("\n\n\nCRASH\n&nbsp; DOWN NOW. . .&nbsp; \n");
249}</PRE>
250
251<H3>WWW</H3>
252<A HREF="http://www.kde.org">This is WWW link to KDE site!</A>
253<BR>
254
255
256
257
258
259
260<A HREF="http://www.ms.mff.cuni.cz/~vsla8348/wxhtml/index.html">(one folder up)</A>
261<BR>
262
263...
264<BR>
265...
266<BR>
267Link to normal text file : <a href="test.cpp">test.cpp</a>
268<BR>
269And link to BINARY : <a href="test">Unix</a> or <a href="test.exe">Windows</a>
270<BR>
271<a href="http://www.tue.nl">ANOTHER LINK(www.tue.nl)</a>
272
8b260fbe
VS
273<p><hr size=4><p>
274
275<h2>Definition lists</h2>
276
277This is definition list (DL,DT,DD):
278<dl>
279 <dt> term
280 <dd> and it's definition
281
282 <dt> Windows 95
283 <dt> Windows 98
284 <dt> Windows NT
285 <dd> so-called operating systems
286 <dd> Micro$oft trademarks
287
288 <dt> Unix
289 <dd> operating system
290 <dd> huh?
291
292</dl>
293...end of DD
5526e819 294
6ed4970d
VS
295<p>
296<h2>Increasing font size test</h2>
297
298normal<p>
299<font size=+1>
300plus one<p>
301<font size=+1>
302plus one<p>
303<font size=+1>
304plus one<p>
305<font size=-2>
306minus two<p>
307</font>
308</font>
309</font>
310</font>
311
312
313<p>
314<h2> FONT FACE demo </h2>
315
316
317<font size=+2>
318Normal font<br>
319<font face="Times New Roman,times">Times New Roman (and <tt>typewriter</tt>)
320<br></font>
321<font face="avantgarde,Tahoma">avantgarde or Tahoma, if available</font>
322<br>
323<tt>inside tt tag...<font face="lucidatypewriter,terminal"> lucida/terminal </font></tt>
324<br>...and now, everything is back in normal, we
325continue as <i>before</i>, <b>ok?</b> ??
326
327</font>
328
491ea6fa
VS
329<h2>Justified paragraph:</h2>
330
331<p align=justify>
332A frame is a window whose size and position can (usually) be changed by the
333user. It usually has thick borders and a title bar, and can optionally contain
334a menu bar, toolbar and status bar. A frame can contain any window that is not
335a frame or dialog.
336<p align=justify>
337A frame that has a status bar and toolbar created via the
338CreateStatusBar/CreateToolBar functions manages these windows, and adjusts the
339value returned by GetClientSize to reflect the remaining size available to
340application windows.
341
342
5526e819
VS
343</BODY>
344</HTML>