test.htm 13 KB

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