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