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   <!-- 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 = '&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&nbsp; <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>&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>,
  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>&nbsp;
  91 <BR>&nbsp;
  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>&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
 158 what 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
 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 &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>
 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>