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