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