]> git.saurik.com Git - wxWidgets.git/blame_incremental - samples/html/test/test.htm
forwarding mouse moved events to the view under the mouse, not the firstResponder
[wxWidgets.git] / samples / html / test / test.htm
... / ...
CommitLineData
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;">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>
39Agrave = '&agrave;'
40<p>
41This is - - default text, now switching to
42<CENTER>
43<P>center, now still ctr, now exiting</CENTER>
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>
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>
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>,
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
103<LI>
104<UL>
105<LI>
106deeper nesting for check of mark alignment </LI>
107
108<LI>
109nested item 2</LI>
110</UL></LI>
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>
126nested item</LI>
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>
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
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>
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>
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
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>
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>
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
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>
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>
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
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>
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
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>
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
267fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen
268fourteen fourteen fourteen fourteen fourteen FOURTEEN</FONT>
269<LI>
270<FONT SIZE=-2>This is item number 15.</FONT></LI>
271</OL>
272Now, you will see some PRE text:<p>
273<PRE>// This is sample C++ code:
274
275void <font color=#ff0000>main</font>(int argc, char *argv[])
276{
277&nbsp;&nbsp;&nbsp; <b>printf</b>("Go away, man!\n");
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
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
325
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
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
374</BODY>
375</HTML>