]>
Commit | Line | Data |
---|---|---|
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 | <!-- 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"> | |
13 | <span style="font-size: 24pt; font-weight: bold; background-color: #00BF00;">Header using styles</span> | |
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 | ||
24 | <font size=+2> | |
25 | <b><a href="tables.htm">click here to go to tables test page</a></b> | |
26 | <p> | |
27 | <b><a href="listtest.htm">click here to go to lists test page</a></b> | |
28 | <p> | |
29 | <b><a href="imagemap.htm">click here to go to IMAGEMAPs test page</a></b> | |
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> | |
34 | <p> | |
35 | <b><a href="regres.htm">some wxHTML regression tests</a></b> | |
36 | </font> | |
37 | ||
38 | <p> | |
39 | Agrave = 'à' | |
40 | <p> | |
41 | This is - - default text, now switching to | |
42 | <CENTER> | |
43 | <P>center, now still ctr, now exiting</CENTER> | |
44 | exited!.<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> | |
49 | <P>Hello, this *is* default charset (helvetica, probably) and it is displayed | |
50 | with one <FONT COLOR="#FF0000">COLOR CHANGE</FONT>. Of course we | |
51 | 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> | |
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 | |
57 | V E R Y T H I N G</U></I></B>. | |
58 | <BR> | |
59 | <P><BR> | |
60 | <CENTER> | |
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>, | |
63 | how 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> | |
79 | this is normal | |
80 | <CENTER> | |
81 | <H1> | |
82 | This is <FONT COLOR="#33FF33">CENTERED</FONT> heading one</H1></CENTER> | |
83 | <FONT COLOR="#FFFF00">Yes, hmmmmmmmmm........, right now, <TT>we should | |
84 | display 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 | |
87 | this 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 | |
89 | this is text...... | |
90 | <BR> | |
91 | <BR> | |
92 | <UL> | |
93 | <LI> | |
94 | item 1</LI> | |
95 | ||
96 | <LI> | |
97 | item 2</LI> | |
98 | ||
99 | <UL> | |
100 | <LI> | |
101 | nested item</LI> | |
102 | ||
103 | <LI> | |
104 | <UL> | |
105 | <LI> | |
106 | deeper nesting for check of mark alignment </LI> | |
107 | ||
108 | <LI> | |
109 | nested item 2</LI> | |
110 | </UL></LI> | |
111 | </UL> | |
112 | ||
113 | <LI> | |
114 | item 3</LI> | |
115 | </UL> | |
116 | ||
117 | <OL> | |
118 | <LI> | |
119 | item one</LI> | |
120 | ||
121 | <LI> | |
122 | item two</LI> | |
123 | ||
124 | <OL> | |
125 | <LI> | |
126 | nested item</LI> | |
127 | </OL> | |
128 | ||
129 | <LI> | |
130 | last numbered item</LI> | |
131 | </OL> | |
132 | ||
133 | <H1> | |
134 | Heading 1</H1> | |
135 | <I>Italic text now...</I> | |
136 | <H2> | |
137 | <I>Heading 2</I></H2> | |
138 | <I>and now?</I> | |
139 | <H3> | |
140 | Heading 3</H3> | |
141 | ||
142 | <H4> | |
143 | Heading 4</H4> | |
144 | ||
145 | <H5> | |
146 | Heading 5</H5> | |
147 | ||
148 | <H6> | |
149 | Heading 6</H6> | |
150 | And this is normal text, once again :-) | |
151 | <BR> | |
152 | <BR> | |
153 | <BR> | |
154 | <BR> | |
155 | <BR> | |
156 | <BR> | |
157 | <P>And yes, we're in <FONT SIZE=+4>HTML DOCUMENT, </FONT><FONT SIZE=+1>so | |
158 | what about some nice <A HREF="fft.html">hypertext link</A>??</FONT> | |
159 | <P>hello? | |
160 | <BR> | |
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> ----------- | |
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 | |
174 | jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl | |
175 | fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga | |
176 | kjegiquw 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 | |
180 | twotwo TWO two two two two two two twotwo TWO two two two two two two twotwo | |
181 | TWO two two two two two two twotwo TWO two two two two two two twotwo TWO | |
182 | two 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 | |
185 | TWO 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 | |
188 | two 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 | |
190 | twotwo TWO</FONT> | |
191 | <LI> | |
192 | <FONT SIZE=-2>This is item number 3.</FONT></LI> | |
193 | ||
194 | <LI> | |
195 | <FONT SIZE=-2>This is item number four. iti lkdjfdl kjd lk jlkjdl kjlk jlf | |
196 | jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl | |
197 | fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga | |
198 | kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI> | |
199 | ||
200 | <LI> | |
201 | <FONT SIZE=-2>five five five five five five fivefive FIVE five five five five five five | |
202 | five five FIVE five five five five five five fivefive FIVE five five five five five five fivefive | |
203 | FIVE five five five five five five fivefive FIVE five five five five five five fivefive FIVE | |
204 | five five five five five five fivefive FIVE five five five five five five fivefive FIVE five | |
205 | five five five five five fivefive FIVE five five five five five five fivefive FIVE five five | |
206 | five five five five fivefive FIVE five five five five five five fivefive FIVE five five five | |
207 | five five five fivefive FIVE five five five five five five fivefive FIVE five five five five | |
208 | five five fivefive FIVE five five five five five five fivefive FIVE</FONT></LI> | |
209 | ||
210 | <LI> | |
211 | <FONT SIZE=-2>This is item number 6.</FONT></LI> | |
212 | ||
213 | <LI> | |
214 | <FONT SIZE=-2>This is item number seven. iti lkdjfdl kjd lk jlkjdl kjlk jlf | |
215 | jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl | |
216 | fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga | |
217 | kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI> | |
218 | ||
219 | <LI> | |
220 | <FONT SIZE=-2>eight eight eight eight eight eight eighteight EIGHT eight eight eight eight eight eight | |
221 | eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT eight eight eight eight eight eight eighteight | |
222 | EIGHT eight eight eight eight eight eight eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT | |
223 | eight eight eight eight eight eight eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT eight | |
224 | eight eight eight eight eight eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT eight eight | |
225 | eight eight eight eight eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT eight eight eight | |
226 | eight eight eight eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT eight eight eight eight | |
227 | eight eight eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT</FONT></LI> | |
228 | ||
229 | <LI> | |
230 | <FONT SIZE=-2>This is item number 9.</FONT></LI> | |
231 | ||
232 | <LI> | |
233 | <FONT SIZE=-2>This is item number ten. iti lkdjfdl kjd lk jlkjdl kjlk jlf | |
234 | jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl | |
235 | fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga | |
236 | kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI> | |
237 | ||
238 | <LI> | |
239 | <FONT SIZE=-2>eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven | |
240 | eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven | |
241 | ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN | |
242 | eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven | |
243 | eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven | |
244 | eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven | |
245 | eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven | |
246 | eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN</FONT></LI> | |
247 | ||
248 | <LI> | |
249 | <FONT SIZE=-2>This is item number 12.</FONT></LI> | |
250 | ||
251 | <LI> | |
252 | <FONT SIZE=-2>This is item number thirteen. iti lkdjfdl kjd lk jlkjdl kjlk jlf | |
253 | jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl | |
254 | fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga | |
255 | kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI> | |
256 | ||
257 | <LI> | |
258 | <FONT SIZE=+2>fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen | |
259 | fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen | |
260 | FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN | |
261 | fourteen 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> | |
262 | ||
263 | <P><BR><FONT SIZE=-2>fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen | |
264 | fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen | |
265 | fourteen fourteenfourteen FOURTEEN</FONT> | |
266 | <P><FONT SIZE=-2>fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen | |
267 | fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen | |
268 | fourteen fourteen fourteen fourteen fourteen FOURTEEN</FONT> | |
269 | <LI> | |
270 | <FONT SIZE=-2>This is item number 15.</FONT></LI> | |
271 | </OL> | |
272 | Now, you will see some PRE text:<p> | |
273 | <PRE>// This is sample C++ code: | |
274 | ||
275 | void <font color=#ff0000>main</font>(int argc, char *argv[]) | |
276 | { | |
277 | <b>printf</b>("Go away, man!\n"); | |
278 | i = 666; | |
279 | printf("\n\n\nCRASH\n DOWN NOW. . . \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> | |
298 | Link to normal text file : <a href="test.cpp">test.cpp</a> | |
299 | <BR> | |
300 | And 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 | ||
304 | <p><hr size=4><p> | |
305 | ||
306 | <h2>Definition lists</h2> | |
307 | ||
308 | This 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 | |
325 | ||
326 | <p> | |
327 | <h2>Increasing font size test</h2> | |
328 | ||
329 | normal<p> | |
330 | <font size=+1> | |
331 | plus one<p> | |
332 | <font size=+1> | |
333 | plus one<p> | |
334 | <font size=+1> | |
335 | plus one<p> | |
336 | <font size=-2> | |
337 | minus 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> | |
349 | Normal 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 | |
356 | continue as <i>before</i>, <b>ok?</b> ?? | |
357 | ||
358 | </font> | |
359 | ||
360 | <h2>Justified paragraph:</h2> | |
361 | ||
362 | <p align=justify> | |
363 | A frame is a window whose size and position can (usually) be changed by the | |
364 | user. It usually has thick borders and a title bar, and can optionally contain | |
365 | a menu bar, toolbar and status bar. A frame can contain any window that is not | |
366 | a frame or dialog. | |
367 | <p align=justify> | |
368 | A frame that has a status bar and toolbar created via the | |
369 | CreateStatusBar/CreateToolBar functions manages these windows, and adjusts the | |
370 | value returned by GetClientSize to reflect the remaining size available to | |
371 | application windows. | |
372 | ||
373 | ||
374 | </BODY> | |
375 | </HTML> |