Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-09 11:25:00 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Made the demo documents a little prettier

Browse Source
This commit is contained in:
kostello 1998-04-15 19:23:17 +00:00
parent 4c9c75ff4c
commit 6dc8194560
9 changed files with 355 additions and 279 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
webshell/tests/viewer/samples/test0.html
View File

@ -1,80 +1,69 @@
<html>
<head>
<style>
PRE {
background-image: url(gear1.gif);
background-repeat: repeat;
font-size: 150%;
}
B {
background-color: rgb(128, 128, 255);
font-size: large;
}
I {
font-size: larger;
}
B I {
font-size: smaller;
}
LI B {
font-size: .25in;
}
UL LI {
color: green;
list-style: square outside url(resource:/res/gear1.gif); //none;
}
UL UL LI {
color: red;
}
</style>
<title>Example 0</title>
</head>
<body>
This is some text which is long enough to word wrap. We
can use this text
to test out incremental reflow in addition to other basic layout
algorithms. Twas brillig and the slithey tobes doth mobe grath enable
which really confused me!
<I> italics is here </I>
<IMG SRC="raptor.jpg" align=left>
<B>Now this text will someday be <I>really</I>bold </B>
But this text will not be bold
<hr>
<P>Now this text will someday not be bold </P>
<P><FONT size=7>Font size=7</FONT></P>
<P><FONT size=6>Font size=6</FONT></P>
<P><FONT size=5>Font size=5</FONT></P>
<P><FONT size=4>Font size=4</FONT></P>
<P><FONT size=3>Font size=3</FONT></P>
<P><FONT size=2>Font size=2</FONT></P>
<P><FONT size=1>Font size=1</FONT></P>
<P><FONT point-size=24 font-weight=700>Font point-size=24 font-weight=700</FONT></P>
<P>
<FONT size=4>Size four text <FONT color=green size=-2> size -2 green text </FONT> more text
<FONT color=#FF0000 face="courier" size=5> size five, courrier </FONT> more text
<FONT color=blue size=+1> blue +1 text </FONT>
</FONT>
</P>
<UL>
<LI type=circle>List Item 1</LI>
<LI>List Item 2</LI>
<UL type=circle>
<LI>List <B>Item</B> 2.1</LI>
<LI>List Item 2.2</LI>
</UL>
</UL>
<H1>Headline 1</H1>
<H2>Headline 2</H2>
<H3><FONT COLOR=red>Headline 3</font></H3>
<H4>Headline 4</H4>
<H5>Headline 5</H5>
<H6>Headline 6</H6>
<PRE>
One Two Three Four
--- --- ----- ----
a b c d
a b c d
<A HREF="oink">oink</A> two three four
</PRE>
<body bgcolor="#FFFFFF">
<h1>Example 0: Basic HTML Text Styles</h1>
<p><br></p>
<h2>Formatted Text</h2>
<p>This is a basic paragraph with <b>bold</b>, <i>italic</i> and <i>bold-italic
</i> text. It also includes <font color="#FF0000">red</font>, <font color="#00FF00">green</font>
and <font color="#0000FF">blue</font> text. It has <s>strikethru</s> and <u>underline</u>.
<u> </u></p>
<p>This is a paragraph with font variations: <b><font face="Arial, Helvetica, sans-serif">Arial,</font></b><font face="Arial, Helvetica, sans-serif">
<i><font face="Verdana, Arial, Helvetica, sans-serif">Verdana</font>,</i> <font face="co">COURIER,
<font face="Times New Roman, Times, serif">Times New Roman.</font></font></font></p>
<p><font size=7>Font size=7, </font><font size=6>Font size=6, </font><font size=5>Font
size=5, </font><font size=4>Font size=4, </font><font size=3>Font size=3, </font><font size=2>Font
size=2, </font><font size=1>Font size=1, </font><font point-size=24 font-weight=700>Font
point-size=24 font-weight=700</font></p>
<p><THREED>3D Text. 3D Text. 3D Text. 3D Text. 3D Text. </THREED><br>
<h2><br>
</h2>
<h2>Listings</h2>
<h3>Bulleted List </h3>
<ul>
<li>One</li>
<li>Two
<ul>
<li>Apples</li>
<li>Oranges</li>
<li>Bananas</li>
</ul>
</li>
<li>Three</li>
</ul>
<br>
<h3>Numbered List </h3>
<ol>
<li>One</li>
<li>Two
<ol>
<li>Apples</li>
<li>Oranges</li>
<li>Bananas</li>
</ol>
</li>
<li>Three</li>
</ol>
<h2>Justified Text</h2>
<p>This paragraph is aligned <b>left</b>. This paragraph is aligned <b>left</b>.
This paragraph is aligned <b>left</b>. This paragraph is aligned <b>left</b>.
This paragraph is aligned <b>left</b>. This paragraph is aligned <b>left</b>.
This paragraph is aligned <b>left</b>. </p>
<p align="RIGHT">This paragarph is aligned <b>right. </b>This paragarph is aligned
<b>right. </b>This paragarph is aligned <b>right. </b>This paragarph is aligned
<b>right. </b>This paragarph is aligned <b>right. </b>This paragarph is aligned
<b>right. </b>This paragarph is aligned <b>right. </b><b> </b>This paragarph
is aligned <b>right. </b></p>
<p align="CENTER">This paragraph is aligned <b>center</b>. This paragraph is aligned
<b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned
<b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned
<b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned
<b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned
<b>center</b>.</p>
<p></p>
<p>&nbsp;</p>
</body>
</html>

212
webshell/tests/viewer/samples/test1.html
View File

@ -1,139 +1,79 @@
<html>
<body>
This is some text which is long enough to word wrap. We
can use this text
to test out incremental reflow in addition to other basic layout
algorithms. Twas brillig and the slithey tobes doth mobe grath enable
which really confused me!
<IMG SRC="Anieyes.gif">
<B>Now this text will someday be bold </B>
But this text will not be bold
<hr>
<table>
<TR><TD>Cell</TD><TD>Stuff to test out table cell layout. This should be long enough.</TD></TR>
</table>
<P>
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
This is some text. It will be word wrapped because our container will word wrap us. It will also be baseline aligned because our container will do that too.
</P>
<PRE>
One Two Three Four
--- --- ----- ----
a b c d
a b c d
</PRE>
<head>
<title>Example 1</title>
<style>
H1{ color: rgb(128,0,128) }
PRE { background-color: rgb(200,200,200) }
B {
background-color: rgb(128, 128, 255);
font-size: large;
}
I {
font-size: larger;
}
B I {
font-size: smaller;
}
LI B {
font-size: .25in;
}
UL LI {
color: green;
list-style: square outside url(resource:/res/gear1.gif); //none;
}
UL UL LI {
color: red;
}
H4 {
color: yelow;
background-image: url(gear1.gif);
background-repeat: repeat;
font-size: 150%;
}
</style>
</head>
<body bgcolor="#FFFFFF">
<h1>Example 1: CSS HTML Text Styles</h1>
<p><br></p>
<p>Note -- This document contains the following CSS declarations:</p>
<pre>H1 { color: rgb(128,0,128) }
PRE { background-color: rgb(200,200,200); }
B { background-color: rgb(128, 128, 255);
font-size: large; }
I { font-size: larger; }
B I { font-size: smaller; }
LI B { font-size: .25in; }
UL LI { color: green;
list-style: square outside url(resource:/res/gear1.gif);
//none; }
UL UL LI { color: red; }
H4 { color: yellow;
background-image: url(gear1.gif);
background-repeat: repeat;
font-size: 150%; }
</pre>
<p><br></p>
<p>Here is an example of <b>bold</b>, <i>italic</i> and <b><i>bold-italic</i></b></p>
<p><br></p>
<h2>Bulleted List </h2>
<ul>
<li>One</li>
<li>Two
<ul>
<li>Apples</li>
<li>Oranges</li>
<li>Bananas</li>
</ul>
</li>
<li>Three <b>Bold Text</b></li>
</ul>
<p><br></p>
<h4>H3 -- A headline style, with a background image repeated and a font size increase
by 150%. H3 -- A headline style, with a background image repeated and a font
size increase by 150%. H3 -- A headline style, with a background image repeated
and a font size increase by 150%. </h4>
</body>
</html>

48
webshell/tests/viewer/samples/test2.html
View File

@ -1,13 +1,41 @@
<html>
<body>
<A HREF="test0.html">A text</A>
<B>Bold text</B>
<BR><BR><BR>
<I>Italic text</I>
<TT>Fixed text</TT>
<S>Strike text</S>
<U>Underline text</U>
<THREED>Look MA, It's Threed-D text 123</THREED>
<head>
<title>Example 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
PRE {
background-image: url(gear1.gif);
background-repeat: repeat;
}
</style>
</head>
<body bgcolor="#FFFFFF">
<h1>Example 2: HTML Images</h1>
<h2>Images</h2>
<h3>JPEGs:</h3>
<p><img src="raptor.jpg" align=left>This is some text to show how a paragraph
would flow around an image. This is some text to show how a paragraph would
flow around an image. This is some text to show how a paragraph would flow around
an image. </p>
<p>This is some text to show how a paragraph would flow around an image. This
is some text to show how a paragraph would flow around an image. This is some
text to show how a paragraph would flow around an image. This is some text to
show how a paragraph would flow around an image. This is some text to show how
a paragraph would flow around an image. </p>
<h3>Animated GIFs:</h3>
<h3><img src="Anieyes.gif" width="72" height="37"></h3>
<h3>Background Images:</h3>
<pre>This is a preformatted paragraph with a animated background image.
This is a preformatted paragraph with a animated background image.
This is a preformatted paragraph with a animated background image.
This is a preformatted paragraph with a animated background image.
This is a preformatted paragraph with a animated background image.
</pre>
</body>
</html>

164
webshell/tests/viewer/samples/test3.html
View File

@ -1,41 +1,125 @@
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="GENERATOR" CONTENT="Mozilla/4.04 [en] (WinNT; U) [Netscape]">
</HEAD>
<BODY>
&nbsp;
<P>DON'T PAGINATE THIS VIEW YET!</P>
<TABLE>
<CAPTION>Caption that is a really long. Long enough perhaps to really
test captions that are wider than the table to which they are attached.
You should see this caption clipped to the width of the table.
</CAPTION>
<html>
<head>
<title>Example 3</title>
</head>
<TR>
<TD>Cell</TD>
<TD>Stuff to test out table cell layout. This should be long enough to really push table cell text handling.</TD>
<TD>Cell</TD>
</TR>
<TR>
<TD>Cell</TD>
<TD>Stuff to test out table cell layout. This should be long enough to really push table cell text handling.</TD>
<TD>Cell</TD>
</TR>
<TR>
<TD>Cell</TD>
<TD>Stuff to test out table cell layout. This should be long enough to really push table cell text handling.</TD>
<TD>Cell</TD>
</TR>
</TABLE>
&nbsp;
</BODY>
</HTML>
<body bgcolor="#FFFFFF">
<h1>Example 3: Basic Tables</h1>
<h2>Simple</h2>
<table border="1" width="75%">
<tr>
<td bgcolor="#3399FF">One</td>
<td>Two</td>
<td>Three</td>
</tr>
<tr>
<td>Four</td>
<td>Five</td>
<td>Six</td>
</tr>
<tr>
<td>Seven</td>
<td>Eight</td>
<td bgcolor="#990033">Nine</td>
</tr>
</table>
<h2>Row Span</h2>
<table border>
<tr>
<td rowspan=2 >c0r[0-1] Data 1 span=2 rows</td>
<td >c0r0</td>
<td >c1r0</td>
</tr>
<tr>
<td >c0r1</td>
<td >c1r1</td>
</tr>
<tr>
<td rowspan=5 background=bg.jpg>c0r[2-6],Data 2 span=5 rows</td>
<td >c0r2</td>
<td >c1r2</td>
</tr>
<tr>
<td >c0r3</td>
<td >c1r3</td>
</tr>
<tr>
<td >c0r4</td>
<td >c1r4</td>
</tr>
<tr>
<td >c0r5</td>
<td >c1r5</td>
</tr>
<tr>
<td >c0r6</td>
<td >c1r6</td>
</tr>
<tr>
<td rowspan=3 >c0r[7-9] span=3 rows</td>
<td >c0r7</td>
<td >c1r7</td>
</tr>
<tr>
<td >c0r8</td>
<td >c1r8</td>
</tr>
<tr>
<td >c0r9</td>
<td >c1r9</td>
</tr>
</table>
<h2>Col Span</h2>
<table border >
<tr>
<td colspan=8>r0c[0-7], span=8</td>
<td colspan=10>r0col[8-17], span=10 cols</td>
</tr>
<tr>
<td colspan=3>r1c[0-2], span=3</td>
<td colspan=5>r1c[3-7], span=5</td>
<td colspan=7>r1c[8-14], span=7</td>
<td colspan=3>r1c[15-17], span=3</td>
</tr>
<tr>
<td >r2c0</td>
<td >r2c1</td>
<td >r2c3</td>
<td >r2c4</td>
<td >r2c5</td>
<td >r2c6</td>
<td >r2c7</td>
<td >r2c8</td>
<td >r2c9</td>
<td >r2c10</td>
<td >r2c11</td>
<td >r2c12</td>
<td >r2c13</td>
<td >r2c14</td>
<td >r2c15</td>
<td >r2c16</td>
<td >r2c17</td>
<td >r2c18</td>
</tr>
</table>
<h2>Row and Col Span</h2>
<table border >
<tr>
<td colspan=2 rowspan=2>r[0-2]c[0-1]</td>
<td>r0c2</td>
<td>r0c3</td>
</tr>
<tr>
<td>r1c2</td>
<td>r1c3</td>
</tr>
<tr>
<td>r2c0</td>
<td>r2c1</td>
<td>r2c2</td>
<td>r2c3</td>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>

3
webshell/tests/viewer/samples/test4.html
View File

@ -1,10 +1,11 @@
<html>
<TITLE>Example 4</TITLE>
<style>
BODY { font-size: 12pt; }
</style>
<body>
Some simple tables.
<H1>Example 4: Some simple tables.</H4>
<table border=1>
<TR><TD background=bg.jpg>Color</TD><TD background=bg.jpg>Meaning</TD></TR>

26
webshell/tests/viewer/samples/test5.html
View File

@ -1,4 +1,5 @@
<html>
<title>Example 5</title>
<head>
<style>
P {
@ -12,11 +13,26 @@ P#reverse {
</style>
</head>
<body>
<P>This is a paragraph. We should be yellow because there is a style
rule indicating that all paragraphs have a background of yellow.</P>
<P ID=reverse>This is a paragraph. We should be black with yellow text
because there is a style rule indicating that this paragraph should have
a background of black with yellow text.</P>
<h1>Example 5: CSS with ID's </h1>
<pre>
This document contains the following CSS:
P {
color: black;
background-color: yellow;
}
P#reverse {
color: yellow;
background-color: black;
}
</pre>
<pre>This following paragraph has no ID</pre>
<P>This is a paragraph. We should be yellow because there is a style rule indicating
that all paragraphs have a background of yellow.</P>
<pre ID=reverse>The following paragraph has ID=&quot;reverse&quot;</pre>
<P ID=reverse>This is a paragraph. We should be black with yellow text because
there is a style rule indicating that this paragraph should have a background
of black with yellow text.</P>
</body>
</html>

33
webshell/tests/viewer/samples/test6.html
View File

@ -1,20 +1,31 @@
<html>
<head>
<title>Test 6</title>
<style>
PRE { color:red; }
</style>
</head>
<body>
<THREED>Column span table:</THREED>
<h1>Example 6: Table Stress Test</h1>
<PRE>Resize document for maximum effect</PRE>
<h2>Column span table:</h2>
<table border=1>
<TR><TD COLSPAN=2>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD></TR>
<TR><TD>Cell</TD><TD COLSPAN=2> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD>Cell</TD></TR>
</table>
<br>
<THREED>Row span table</THREED>
<h2>Row span table</h2>
<table border=1>
<TR><TD>Cell</TD><TD ROWSPAN=2> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD>Cell</TD></TR>
<TR><TD>Cell</TD><TD>Cell</TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD>Cell</TD></TR>
</table>
<br>
<THREED>Row and col span table:</THREED>
<h2>Row and col span table:</h2>
<table border=1>
<TR><TD>Cell</TD><TD COLSPAN=2 ROWSPAN=2><table border=1>
<TR><TD>Cell</TD><TD COLSPAN=2 ROWSPAN=2><table border=1>
@ -25,35 +36,35 @@
<TR><TD>Cell</TD><TD COLSPAN=2 ROWSPAN=2><table border=1>
<TR><TD>Cell</TD><TD COLSPAN=2 ROWSPAN=2> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD></TR>
<TR><TD>Cell</TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD><THREED>Cell</THREED></TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD>Cell</TD></TR>
</table>
</TD></TR>
<TR><TD>Cell</TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD><THREED>Cell</THREED></TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD>Cell</TD></TR>
</table>
</TD></TR>
<TR><TD>Cell</TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD><THREED>Cell</THREED></TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD>Cell</TD></TR>
</table>
</TD></TR>
<TR><TD>Cell</TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD><THREED>Cell</THREED></TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD>Cell</TD></TR>
</table>
</TD></TR>
<TR><TD>Cell</TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD><THREED>Cell</THREED></TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD>Cell</TD></TR>
</table>
</TD></TR>
<TR><TD>Cell</TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD><THREED>Cell</THREED></TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD>Cell</TD></TR>
</table>
</TD></TR>
<TR><TD>Cell</TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD><THREED>Cell</THREED></TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD>Cell</TD></TR>
</table>
</TD></TR>
<TR><TD>Cell</TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD><THREED>Cell</THREED></TD></TR>
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD>Cell</TD></TR>
</table>
</body>
</html>

5
webshell/tests/viewer/samples/test7.html
View File

@ -1,6 +1,9 @@
<html>
<head>
<title>Example 7</title>
<head>
<body>
A scaled animated image<BR>
<H1>Example 7: A scaled animated image</H1>
<IMG SRC="Anieyes.gif" WIDTH=600 HEIGHT=600>
</body>
</html>

4
webshell/tests/viewer/samples/test8.html
View File

@ -1,5 +1,9 @@
<html>
<title>Example 8</title>
<body>
<H1>Example 8: Simple Forms</H1>
<form action=submit-url-goes-here method=get>
A checkbox: <input type=checkbox name=check1 checked><BR>