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