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