f68e16c5fc
Parse "style" attributes of the HTML tags and honour those of them that can be mapped to the HTML 3 attributes. Also add a handler for <span> tag. Closes #10631. git-svn-id: https://svn.wxwidgets.org/svn/wx/wxWidgets/trunk@64443 c3d73ce0-8a6f-49c7-b76d-6d57e0e08775
376 lines
13 KiB
HTML
376 lines
13 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
|
<HTML>
|
|
<HEAD>
|
|
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
|
|
<META NAME="GENERATOR" CONTENT="Mozilla/4.06 [en] (X11; I; Linux 2.0.35 i686) [Netscape]">
|
|
</HEAD>
|
|
<BODY TEXT="#000000" BGCOLOR="#B3B6E0" LINK="#0000FF" VLINK="#FF0000" ALINK="#000088">
|
|
|
|
<!-- Test of (very limited) CSS styles support -->
|
|
<table border="0" cellspacing="0" cellpadding="5" style="width:100%; background:#C0C0C0;">
|
|
<tr style="vertical-align:middle">
|
|
<td style="text-align:left">
|
|
<span style="font-size: 24pt; font-weight: bold;">Header using styles</span>
|
|
</td>
|
|
|
|
<td style="text-align:right">
|
|
<span style="font-size:9pt">
|
|
<a href="tables.htm">Next</a>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<font size=+2>
|
|
<b><a href="tables.htm">click here to go to tables test page</a></b>
|
|
<p>
|
|
<b><a href="listtest.htm">click here to go to lists test page</a></b>
|
|
<p>
|
|
<b><a href="imagemap.htm">click here to go to IMAGEMAPs test page</a></b>
|
|
<p>
|
|
<b><a href="8859_2.htm">i18n demo 1 (iso8859-2)</a></b>
|
|
<p>
|
|
<b><a href="cp1250.htm">i18n demo 2 (cp1250)</a></b>
|
|
<p>
|
|
<b><a href="regres.htm">some wxHTML regression tests</a></b>
|
|
</font>
|
|
|
|
<p>
|
|
Agrave = 'à'
|
|
<p>
|
|
This is - - default text, now switching to
|
|
<CENTER>
|
|
<P>center, now still ctr, now exiting</CENTER>
|
|
exited!.<A HREF="#downtown">[link to down]</A>
|
|
<P><A HREF="#centeredbigempty">[link to REALLY Big Text (empty anchor)]</A>
|
|
<A HREF="#centeredbig">[link to REALLY Big Text (anchor containing text)]</A>
|
|
<P> <A HREF="#parempty">[link into paragraph (empty anchor)]</A> <A HREF="#par">[link into paragraph (anchor containing text)]</A>
|
|
<A HREF="#emptycontainer">[link to empty container]</A>
|
|
<P>Hello, this *is* default charset (helvetica, probably) and it is displayed
|
|
with one <FONT COLOR="#FF0000">COLOR CHANGE</FONT>. Of course we
|
|
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>
|
|
<P><FONT COLOR="#000000">There was a space above.</FONT>
|
|
<BR>
|
|
<HR WIDTH="100%">This was a line. <TT>(BTW we are in <B>fixed</B> font
|
|
/ <I><U>typewriter</U> font</I> right now :-)</TT>
|
|
<BR>This is in <B>BOLD</B> face. This is <I>ITALIC.</I> This is <B><I><U>E
|
|
V E R Y T H I N G</U></I></B>.
|
|
<BR>
|
|
<P><BR>
|
|
<CENTER>
|
|
<A NAME="emptycontainer"></a>
|
|
<P>Right now, <FONT COLOR="#0000FF"><FONT SIZE=+4><A NAME="centeredbigempty"></a><A NAME="centeredbig">centered REALLY Big Text</a></FONT></FONT>,
|
|
how do you like (space) it?</CENTER>
|
|
|
|
<DIV ALIGN=right>RIGHT: <FONT SIZE=-2>text-2, </FONT><FONT SIZE=-1>text-1,
|
|
</FONT>text+0,
|
|
<FONT SIZE=+1>text+1,
|
|
</FONT><FONT COLOR="#FF0000"><FONT SIZE=+2>text+2,
|
|
</FONT></FONT><FONT SIZE=+3>text+3,
|
|
</FONT><FONT SIZE=+4>text+4</FONT>
|
|
<BR><U><FONT SIZE=+1>we are right now</FONT></U></DIV>
|
|
|
|
<CENTER><U><FONT SIZE=+1>we are center now</FONT></U></CENTER>
|
|
<U><FONT SIZE=+1>we are left now.</FONT></U>
|
|
<P><I><FONT COLOR="#3366FF">Blue italic text is displayed there....</FONT></I>
|
|
<H1>
|
|
|
|
<HR ALIGN=LEFT SIZE=10 WIDTH="50%">This is heading one.</H1>
|
|
this is normal
|
|
<CENTER>
|
|
<H1>
|
|
This is <FONT COLOR="#33FF33">CENTERED</FONT> heading one</H1></CENTER>
|
|
<FONT COLOR="#FFFF00">Yes, hmmmmmmmmm........, right now, <TT>we should
|
|
display some tiny nice image</TT>, he?</FONT>
|
|
<BR><IMG SRC="pic.png" ALT="Testing image image" ><IMG SRC="pic2.bmp">and this is text......
|
|
<P><IMG SRC="pic.png" ALT="Testing image image" HEIGHT=200 WIDTH=327 ALIGN=CENTER>and
|
|
this is text......
|
|
<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
|
|
this is text......
|
|
<BR>
|
|
<BR>
|
|
<UL>
|
|
<LI>
|
|
item 1</LI>
|
|
|
|
<LI>
|
|
item 2</LI>
|
|
|
|
<UL>
|
|
<LI>
|
|
nested item</LI>
|
|
|
|
<LI>
|
|
<UL>
|
|
<LI>
|
|
deeper nesting for check of mark alignment </LI>
|
|
|
|
<LI>
|
|
nested item 2</LI>
|
|
</UL></LI>
|
|
</UL>
|
|
|
|
<LI>
|
|
item 3</LI>
|
|
</UL>
|
|
|
|
<OL>
|
|
<LI>
|
|
item one</LI>
|
|
|
|
<LI>
|
|
item two</LI>
|
|
|
|
<OL>
|
|
<LI>
|
|
nested item</LI>
|
|
</OL>
|
|
|
|
<LI>
|
|
last numbered item</LI>
|
|
</OL>
|
|
|
|
<H1>
|
|
Heading 1</H1>
|
|
<I>Italic text now...</I>
|
|
<H2>
|
|
<I>Heading 2</I></H2>
|
|
<I>and now?</I>
|
|
<H3>
|
|
Heading 3</H3>
|
|
|
|
<H4>
|
|
Heading 4</H4>
|
|
|
|
<H5>
|
|
Heading 5</H5>
|
|
|
|
<H6>
|
|
Heading 6</H6>
|
|
And this is normal text, once again :-)
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
<P>And yes, we're in <FONT SIZE=+4>HTML DOCUMENT, </FONT><FONT SIZE=+1>so
|
|
what about some nice <A HREF="fft.html">hypertext link</A>??</FONT>
|
|
<P>hello?
|
|
<BR>
|
|
<P><BR>
|
|
<CENTER>
|
|
<P>This is <A NAME="downtown"></a>centered paragraph</CENTER>
|
|
|
|
<P>This is new par?
|
|
<P><B>We switched to BOLD</B>
|
|
<P><B>This is new paragraph</B> Bold is off now.
|
|
<P>new par
|
|
<P> -----------
|
|
<P><FONT SIZE=-2>Hello</FONT>
|
|
<OL><FONT SIZE=-2>this is standalone :-)</FONT>
|
|
<LI>
|
|
<FONT SIZE=-2>This is item number one. iti lkdjfdl kjd lk jlkjdl kjlk jlf
|
|
jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
|
|
fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
|
|
kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI>
|
|
|
|
<LI>
|
|
<FONT SIZE=-2>two two two two two two twotwo TWO two two two two two two
|
|
twotwo TWO two two two two two two twotwo TWO two two two two two two twotwo
|
|
TWO two two two two two two twotwo TWO two two two two two two twotwo TWO
|
|
two two two two two two twotwo TWO</FONT></LI>
|
|
|
|
<BLOCKQUOTE><FONT SIZE=+0><B>(blockquote)</B>two two two two two two twotwo
|
|
TWO two two two two two two twotwo TWO two two two two two two twotwo TWO</FONT>
|
|
<BLOCKQUOTE><FONT SIZE=+0>two two two two two two twotwo TWO two two two</FONT></BLOCKQUOTE>
|
|
<FONT SIZE=+0>two two two twotwo TWO two two two two two two twotwo TWO
|
|
two two two two two two twotwo TWO</FONT></BLOCKQUOTE>
|
|
<FONT SIZE=-2>two two two two two two twotwo TWO two two two two two two
|
|
twotwo TWO</FONT>
|
|
<LI>
|
|
<FONT SIZE=-2>This is item number 3.</FONT></LI>
|
|
|
|
<LI>
|
|
<FONT SIZE=-2>This is item number four. iti lkdjfdl kjd lk jlkjdl kjlk jlf
|
|
jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
|
|
fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
|
|
kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI>
|
|
|
|
<LI>
|
|
<FONT SIZE=-2>five five five five five five fivefive FIVE five five five five five five
|
|
five five FIVE five five five five five five fivefive FIVE five five five five five five fivefive
|
|
FIVE five five five five five five fivefive FIVE five five five five five five fivefive FIVE
|
|
five five five five five five fivefive FIVE five five five five five five fivefive FIVE five
|
|
five five five five five fivefive FIVE five five five five five five fivefive FIVE five five
|
|
five five five five fivefive FIVE five five five five five five fivefive FIVE five five five
|
|
five five five fivefive FIVE five five five five five five fivefive FIVE five five five five
|
|
five five fivefive FIVE five five five five five five fivefive FIVE</FONT></LI>
|
|
|
|
<LI>
|
|
<FONT SIZE=-2>This is item number 6.</FONT></LI>
|
|
|
|
<LI>
|
|
<FONT SIZE=-2>This is item number seven. iti lkdjfdl kjd lk jlkjdl kjlk jlf
|
|
jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
|
|
fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
|
|
kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI>
|
|
|
|
<LI>
|
|
<FONT SIZE=-2>eight eight eight eight eight eight eighteight EIGHT eight eight eight eight eight eight
|
|
eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT eight eight eight eight eight eight eighteight
|
|
EIGHT eight eight eight eight eight eight eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT
|
|
eight eight eight eight eight eight eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT eight
|
|
eight eight eight eight eight eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT eight eight
|
|
eight eight eight eight eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT eight eight eight
|
|
eight eight eight eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT eight eight eight eight
|
|
eight eight eighteight EIGHT eight eight eight eight eight eight eighteight EIGHT</FONT></LI>
|
|
|
|
<LI>
|
|
<FONT SIZE=-2>This is item number 9.</FONT></LI>
|
|
|
|
<LI>
|
|
<FONT SIZE=-2>This is item number ten. iti lkdjfdl kjd lk jlkjdl kjlk jlf
|
|
jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
|
|
fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
|
|
kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI>
|
|
|
|
<LI>
|
|
<FONT SIZE=-2>eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven
|
|
eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven
|
|
ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN
|
|
eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven
|
|
eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven
|
|
eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven
|
|
eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven
|
|
eleven eleven eleveneleven ELEVEN eleven eleven eleven eleven eleven eleven eleveneleven ELEVEN</FONT></LI>
|
|
|
|
<LI>
|
|
<FONT SIZE=-2>This is item number 12.</FONT></LI>
|
|
|
|
<LI>
|
|
<FONT SIZE=-2>This is item number thirteen. iti lkdjfdl kjd lk jlkjdl kjlk jlf
|
|
jflkj d lfkjlkf jl jflkj flkwe lkhelf ;fk;fl kw;lfke ;ffj lkjflk wj lfjl
|
|
fkw ;k;ekf;lkfe ;kf;lk; ;j ;lrj;wfj;f ;eljfw; lfj;ewlfj dagdja gdj chga
|
|
kjegiquw iuqdb qiud iquwd hurray googoo.</FONT></LI>
|
|
|
|
<LI>
|
|
<FONT SIZE=+2>fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen
|
|
fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen
|
|
FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN
|
|
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>
|
|
|
|
<P><BR><FONT SIZE=-2>fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen
|
|
fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen
|
|
fourteen fourteenfourteen FOURTEEN</FONT>
|
|
<P><FONT SIZE=-2>fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen
|
|
fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen fourteen fourteen fourteen fourteenfourteen FOURTEEN fourteen fourteen fourteen
|
|
fourteen fourteen fourteen fourteen fourteen FOURTEEN</FONT>
|
|
<LI>
|
|
<FONT SIZE=-2>This is item number 15.</FONT></LI>
|
|
</OL>
|
|
Now, you will see some PRE text:<p>
|
|
<PRE>// This is sample C++ code:
|
|
|
|
void <font color=#ff0000>main</font>(int argc, char *argv[])
|
|
{
|
|
<b>printf</b>("Go away, man!\n");
|
|
i = 666;
|
|
printf("\n\n\nCRASH\n DOWN NOW. . . \n");
|
|
}</PRE>
|
|
|
|
<H3>WWW</H3>
|
|
<A HREF="http://www.kde.org">This is WWW link to KDE site!</A>
|
|
<BR>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<A HREF="http://www.ms.mff.cuni.cz/~vsla8348/wxhtml/index.html">(one folder up)</A>
|
|
<BR>
|
|
|
|
...
|
|
<BR>
|
|
...
|
|
<BR>
|
|
Link to normal text file : <a href="test.cpp">test.cpp</a>
|
|
<BR>
|
|
And link to BINARY : <a href="test">Unix</a> or <a href="test.exe">Windows</a>
|
|
<BR>
|
|
<a href="http://www.tue.nl">ANOTHER LINK(www.tue.nl)</a>
|
|
|
|
<p><hr size=4><p>
|
|
|
|
<h2>Definition lists</h2>
|
|
|
|
This is definition list (DL,DT,DD):
|
|
<dl>
|
|
<dt> term
|
|
<dd> and it's definition
|
|
|
|
<dt> Windows 95
|
|
<dt> Windows 98
|
|
<dt> Windows NT
|
|
<dd> so-called operating systems
|
|
<dd> Micro$oft trademarks
|
|
|
|
<dt> Unix
|
|
<dd> operating system
|
|
<dd> huh?
|
|
|
|
</dl>
|
|
...end of DD
|
|
|
|
<p>
|
|
<h2>Increasing font size test</h2>
|
|
|
|
normal<p>
|
|
<font size=+1>
|
|
plus one<p>
|
|
<font size=+1>
|
|
plus one<p>
|
|
<font size=+1>
|
|
plus one<p>
|
|
<font size=-2>
|
|
minus two<p>
|
|
</font>
|
|
</font>
|
|
</font>
|
|
</font>
|
|
|
|
|
|
<p>
|
|
<h2> FONT FACE demo </h2>
|
|
|
|
|
|
<font size=+2>
|
|
Normal font<br>
|
|
<font face="Times New Roman,times">Times New Roman (and <tt>typewriter</tt>)
|
|
<br></font>
|
|
<font face="avantgarde,Tahoma">avantgarde or Tahoma, if available</font>
|
|
<br>
|
|
<tt>inside tt tag...<font face="lucidatypewriter,terminal"> lucida/terminal </font></tt>
|
|
<br>...and now, everything is back in normal, we
|
|
continue as <i>before</i>, <b>ok?</b> ??
|
|
|
|
</font>
|
|
|
|
<h2>Justified paragraph:</h2>
|
|
|
|
<p align=justify>
|
|
A frame is a window whose size and position can (usually) be changed by the
|
|
user. It usually has thick borders and a title bar, and can optionally contain
|
|
a menu bar, toolbar and status bar. A frame can contain any window that is not
|
|
a frame or dialog.
|
|
<p align=justify>
|
|
A frame that has a status bar and toolbar created via the
|
|
CreateStatusBar/CreateToolBar functions manages these windows, and adjusts the
|
|
value returned by GetClientSize to reflect the remaining size available to
|
|
application windows.
|
|
|
|
|
|
</BODY>
|
|
</HTML>
|