]> git.saurik.com Git - wxWidgets.git/blob - samples/html/test/test.htm
Fixed flat style for toolbars under XP, Windows Classic style
[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="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>
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 nested item 2</LI>
84 </UL>
85
86 <LI>
87 item 3</LI>
88 </UL>
89
90 <OL>
91 <LI>
92 item one</LI>
93
94 <LI>
95 item two</LI>
96
97 <OL>
98 <LI>
99 nsted item</LI>
100 </OL>
101
102 <LI>
103 last numbered item</LI>
104 </OL>
105
106 <H1>
107 Heading 1</H1>
108 <I>Italic text now...</I>
109 <H2>
110 <I>Heading 2</I></H2>
111 <I>and now?</I>
112 <H3>
113 Heading 3</H3>
114
115 <H4>
116 Heading 4</H4>
117
118 <H5>
119 Heading 5</H5>
120
121 <H6>
122 Heading 6</H6>
123 And 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
131 what 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
147 jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
148 fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
149 kjegiquw 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
153 twotwo TWO two two two two two two twotwo TWO two two two two two two twotwo
154 TWO two two two two two two twotwo TWO two two two two two two twotwo TWO
155 two 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
158 TWO 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
161 two 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
163 twotwo 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
169 jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
170 fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
171 kjegiquw 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
175 twotwo TWO two two two two two two twotwo TWO two two two two two two twotwo
176 TWO two two two two two two twotwo TWO two two two two two two twotwo TWO
177 two two two two two two twotwo TWO two two two two two two twotwo TWO two
178 two two two two two twotwo TWO two two two two two two twotwo TWO two two
179 two two two two twotwo TWO two two two two two two twotwo TWO two two two
180 two two two twotwo TWO two two two two two two twotwo TWO two two two two
181 two 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
188 jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
189 fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
190 kjegiquw 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
194 twotwo TWO two two two two two two twotwo TWO two two two two two two twotwo
195 TWO two two two two two two twotwo TWO two two two two two two twotwo TWO
196 two two two two two two twotwo TWO two two two two two two twotwo TWO two
197 two two two two two twotwo TWO two two two two two two twotwo TWO two two
198 two two two two twotwo TWO two two two two two two twotwo TWO two two two
199 two two two twotwo TWO two two two two two two twotwo TWO two two two two
200 two 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
207 jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
208 fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
209 kjegiquw 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
213 twotwo TWO two two two two two two twotwo TWO two two two two two two twotwo
214 TWO two two two two two two twotwo TWO two two two two two two twotwo TWO
215 two two two two two two twotwo TWO two two two two two two twotwo TWO two
216 two two two two two twotwo TWO two two two two two two twotwo TWO two two
217 two two two two twotwo TWO two two two two two two twotwo TWO two two two
218 two two two twotwo TWO two two two two two two twotwo TWO two two two two
219 two 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
226 jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
227 fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
228 kjegiquw 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
232 twotwo TWO two two two two two two twotwo TWO two two two two two two twotwo
233 TWO two two two two two two twotwo TWO two two two two two two twotwo TWO
234 two 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
237 two two twotwo TWO two two two two two two twotwo TWO two two two two two
238 two twotwo TWO</FONT>
239 <P><FONT SIZE=-2>two two two two two two twotwo TWO two two two two two
240 two twotwo TWO two two two two two two twotwo TWO two two two two two two
241 twotwo TWO</FONT>
242 <LI>
243 <FONT SIZE=-2>This is item nyumber 3.</FONT></LI>
244 </OL>
245 Now, you will see some PRE text:<p>
246 <PRE>// This is sample C++ code:
247
248 void <font color=#ff0000>main</font>(int argc, char *argv[])
249 {
250 &nbsp;&nbsp;&nbsp; <b>printf</b>("Go away, man!\n");
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>
271 Link to normal text file : <a href="test.cpp">test.cpp</a>
272 <BR>
273 And 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
277 <p><hr size=4><p>
278
279 <h2>Definition lists</h2>
280
281 This 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
298
299 <p>
300 <h2>Increasing font size test</h2>
301
302 normal<p>
303 <font size=+1>
304 plus one<p>
305 <font size=+1>
306 plus one<p>
307 <font size=+1>
308 plus one<p>
309 <font size=-2>
310 minus 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>
322 Normal 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
329 continue as <i>before</i>, <b>ok?</b> ??
330
331 </font>
332
333 <h2>Justified paragraph:</h2>
334
335 <p align=justify>
336 A frame is a window whose size and position can (usually) be changed by the
337 user. It usually has thick borders and a title bar, and can optionally contain
338 a menu bar, toolbar and status bar. A frame can contain any window that is not
339 a frame or dialog.
340 <p align=justify>
341 A frame that has a status bar and toolbar created via the
342 CreateStatusBar/CreateToolBar functions manages these windows, and adjusts the
343 value returned by GetClientSize to reflect the remaining size available to
344 application windows.
345
346
347 </BODY>
348 </HTML>