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