зеркало из https://github.com/mozilla/pjs.git
Made the demo documents a little prettier
This commit is contained in:
kostello
Родитель
b66944658b
Коммит
e331812381
|
|
@ -1,80 +1,69 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<style>
|
<title>Example 0</title>
|
||||||
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>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
This is some text which is long enough to word wrap. We
|
<body bgcolor="#FFFFFF">
|
||||||
can use this text
|
<h1>Example 0: Basic HTML Text Styles</h1>
|
||||||
to test out incremental reflow in addition to other basic layout
|
<p><br></p>
|
||||||
algorithms. Twas brillig and the slithey tobes doth mobe grath enable
|
<h2>Formatted Text</h2>
|
||||||
which really confused me!
|
<p>This is a basic paragraph with <b>bold</b>, <i>italic</i> and <i>bold-italic
|
||||||
<I> italics is here </I>
|
</i> text. It also includes <font color="#FF0000">red</font>, <font color="#00FF00">green</font>
|
||||||
<IMG SRC="raptor.jpg" align=left>
|
and <font color="#0000FF">blue</font> text. It has <s>strikethru</s> and <u>underline</u>.
|
||||||
<B>Now this text will someday be <I>really</I>bold </B>
|
<u> </u></p>
|
||||||
But this text will not be bold
|
<p>This is a paragraph with font variations: <b><font face="Arial, Helvetica, sans-serif">Arial,</font></b><font face="Arial, Helvetica, sans-serif">
|
||||||
<hr>
|
<i><font face="Verdana, Arial, Helvetica, sans-serif">Verdana</font>,</i> <font face="co">COURIER,
|
||||||
<P>Now this text will someday not be bold </P>
|
<font face="Times New Roman, Times, serif">Times New Roman.</font></font></font></p>
|
||||||
<P><FONT size=7>Font size=7</FONT></P>
|
<p><font size=7>Font size=7, </font><font size=6>Font size=6, </font><font size=5>Font
|
||||||
<P><FONT size=6>Font size=6</FONT></P>
|
size=5, </font><font size=4>Font size=4, </font><font size=3>Font size=3, </font><font size=2>Font
|
||||||
<P><FONT size=5>Font size=5</FONT></P>
|
size=2, </font><font size=1>Font size=1, </font><font point-size=24 font-weight=700>Font
|
||||||
<P><FONT size=4>Font size=4</FONT></P>
|
point-size=24 font-weight=700</font></p>
|
||||||
<P><FONT size=3>Font size=3</FONT></P>
|
<p><THREED>3D Text. 3D Text. 3D Text. 3D Text. 3D Text. </THREED><br>
|
||||||
<P><FONT size=2>Font size=2</FONT></P>
|
<h2><br>
|
||||||
<P><FONT size=1>Font size=1</FONT></P>
|
</h2>
|
||||||
<P><FONT point-size=24 font-weight=700>Font point-size=24 font-weight=700</FONT></P>
|
<h2>Listings</h2>
|
||||||
<P>
|
<h3>Bulleted List </h3>
|
||||||
<FONT size=4>Size four text <FONT color=green size=-2> size -2 green text </FONT> more text
|
<ul>
|
||||||
<FONT color=#FF0000 face="courier" size=5> size five, courrier </FONT> more text
|
<li>One</li>
|
||||||
<FONT color=blue size=+1> blue +1 text </FONT>
|
<li>Two
|
||||||
</FONT>
|
<ul>
|
||||||
</P>
|
<li>Apples</li>
|
||||||
<UL>
|
<li>Oranges</li>
|
||||||
<LI type=circle>List Item 1</LI>
|
<li>Bananas</li>
|
||||||
<LI>List Item 2</LI>
|
</ul>
|
||||||
<UL type=circle>
|
</li>
|
||||||
<LI>List <B>Item</B> 2.1</LI>
|
<li>Three</li>
|
||||||
<LI>List Item 2.2</LI>
|
</ul>
|
||||||
</UL>
|
<br>
|
||||||
</UL>
|
<h3>Numbered List </h3>
|
||||||
<H1>Headline 1</H1>
|
<ol>
|
||||||
<H2>Headline 2</H2>
|
<li>One</li>
|
||||||
<H3><FONT COLOR=red>Headline 3</font></H3>
|
<li>Two
|
||||||
<H4>Headline 4</H4>
|
<ol>
|
||||||
<H5>Headline 5</H5>
|
<li>Apples</li>
|
||||||
<H6>Headline 6</H6>
|
<li>Oranges</li>
|
||||||
<PRE>
|
<li>Bananas</li>
|
||||||
One Two Three Four
|
</ol>
|
||||||
--- --- ----- ----
|
</li>
|
||||||
a b c d
|
<li>Three</li>
|
||||||
a b c d
|
</ol>
|
||||||
<A HREF="oink">oink</A> two three four
|
<h2>Justified Text</h2>
|
||||||
</PRE>
|
<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> </p>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,139 +1,79 @@
|
||||||
<html>
|
<html>
|
||||||
<body>
|
<head>
|
||||||
This is some text which is long enough to word wrap. We
|
<title>Example 1</title>
|
||||||
can use this text
|
<style>
|
||||||
to test out incremental reflow in addition to other basic layout
|
H1{ color: rgb(128,0,128) }
|
||||||
algorithms. Twas brillig and the slithey tobes doth mobe grath enable
|
PRE { background-color: rgb(200,200,200) }
|
||||||
which really confused me!
|
B {
|
||||||
<IMG SRC="Anieyes.gif">
|
background-color: rgb(128, 128, 255);
|
||||||
<B>Now this text will someday be bold </B>
|
font-size: large;
|
||||||
But this text will not be bold
|
}
|
||||||
<hr>
|
I {
|
||||||
<table>
|
font-size: larger;
|
||||||
<TR><TD>Cell</TD><TD>Stuff to test out table cell layout. This should be long enough.</TD></TR>
|
}
|
||||||
</table>
|
B I {
|
||||||
<P>
|
font-size: smaller;
|
||||||
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.
|
LI B {
|
||||||
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.
|
font-size: .25in;
|
||||||
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.
|
UL LI {
|
||||||
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.
|
color: green;
|
||||||
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.
|
list-style: square outside url(resource:/res/gear1.gif); //none;
|
||||||
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.
|
UL UL LI {
|
||||||
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.
|
color: red;
|
||||||
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.
|
H4 {
|
||||||
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.
|
color: yelow;
|
||||||
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.
|
background-image: url(gear1.gif);
|
||||||
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.
|
background-repeat: repeat;
|
||||||
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.
|
font-size: 150%;
|
||||||
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.
|
</style>
|
||||||
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.
|
</head>
|
||||||
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.
|
<body bgcolor="#FFFFFF">
|
||||||
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.
|
<h1>Example 1: CSS HTML Text Styles</h1>
|
||||||
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><br></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.
|
<p>Note -- This document contains the following CSS declarations:</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.
|
<pre>H1 { color: rgb(128,0,128) }
|
||||||
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.
|
PRE { background-color: rgb(200,200,200); }
|
||||||
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.
|
B { background-color: rgb(128, 128, 255);
|
||||||
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.
|
font-size: large; }
|
||||||
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.
|
I { font-size: larger; }
|
||||||
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.
|
B I { font-size: smaller; }
|
||||||
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.
|
LI B { font-size: .25in; }
|
||||||
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.
|
UL LI { color: green;
|
||||||
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.
|
list-style: square outside url(resource:/res/gear1.gif);
|
||||||
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.
|
//none; }
|
||||||
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.
|
UL UL LI { color: red; }
|
||||||
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.
|
H4 { color: yellow;
|
||||||
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.
|
background-image: url(gear1.gif);
|
||||||
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.
|
background-repeat: repeat;
|
||||||
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.
|
font-size: 150%; }
|
||||||
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.
|
</pre>
|
||||||
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><br></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.
|
<p>Here is an example of <b>bold</b>, <i>italic</i> and <b><i>bold-italic</i></b></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.
|
<p><br></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.
|
<h2>Bulleted List </h2>
|
||||||
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.
|
<ul>
|
||||||
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.
|
<li>One</li>
|
||||||
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.
|
<li>Two
|
||||||
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.
|
<ul>
|
||||||
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.
|
<li>Apples</li>
|
||||||
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.
|
<li>Oranges</li>
|
||||||
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.
|
<li>Bananas</li>
|
||||||
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.
|
</ul>
|
||||||
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.
|
</li>
|
||||||
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.
|
<li>Three <b>Bold Text</b></li>
|
||||||
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.
|
</ul>
|
||||||
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><br></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.
|
<h4>H3 -- A headline style, with a background image repeated and a font size increase
|
||||||
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.
|
by 150%. H3 -- A headline style, with a background image repeated and a font
|
||||||
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.
|
size increase by 150%. H3 -- A headline style, with a background image repeated
|
||||||
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.
|
and a font size increase by 150%. </h4>
|
||||||
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>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,41 @@
|
||||||
<html>
|
<html>
|
||||||
<body>
|
<head>
|
||||||
<A HREF="test0.html">A text</A>
|
<title>Example 2</title>
|
||||||
<B>Bold text</B>
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||||
<BR><BR><BR>
|
|
||||||
<I>Italic text</I>
|
<style>
|
||||||
<TT>Fixed text</TT>
|
PRE {
|
||||||
<S>Strike text</S>
|
background-image: url(gear1.gif);
|
||||||
<U>Underline text</U>
|
background-repeat: repeat;
|
||||||
<THREED>Look MA, It's Threed-D text 123</THREED>
|
}
|
||||||
|
|
||||||
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,125 @@
|
||||||
<HTML>
|
<html>
|
||||||
<HEAD>
|
<head>
|
||||||
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
|
<title>Example 3</title>
|
||||||
<META NAME="GENERATOR" CONTENT="Mozilla/4.04 [en] (WinNT; U) [Netscape]">
|
</head>
|
||||||
</HEAD>
|
|
||||||
<BODY>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<TR>
|
<body bgcolor="#FFFFFF">
|
||||||
<TD>Cell</TD>
|
<h1>Example 3: Basic Tables</h1>
|
||||||
|
<h2>Simple</h2>
|
||||||
<TD>Stuff to test out table cell layout. This should be long enough to really push table cell text handling.</TD>
|
<table border="1" width="75%">
|
||||||
|
<tr>
|
||||||
<TD>Cell</TD>
|
<td bgcolor="#3399FF">One</td>
|
||||||
</TR>
|
<td>Two</td>
|
||||||
|
<td>Three</td>
|
||||||
<TR>
|
</tr>
|
||||||
<TD>Cell</TD>
|
<tr>
|
||||||
|
<td>Four</td>
|
||||||
<TD>Stuff to test out table cell layout. This should be long enough to really push table cell text handling.</TD>
|
<td>Five</td>
|
||||||
|
<td>Six</td>
|
||||||
<TD>Cell</TD>
|
</tr>
|
||||||
</TR>
|
<tr>
|
||||||
|
<td>Seven</td>
|
||||||
<TR>
|
<td>Eight</td>
|
||||||
<TD>Cell</TD>
|
<td bgcolor="#990033">Nine</td>
|
||||||
|
</tr>
|
||||||
<TD>Stuff to test out table cell layout. This should be long enough to really push table cell text handling.</TD>
|
</table>
|
||||||
|
<h2>Row Span</h2>
|
||||||
<TD>Cell</TD>
|
<table border>
|
||||||
</TR>
|
<tr>
|
||||||
</TABLE>
|
<td rowspan=2 >c0r[0-1] Data 1 span=2 rows</td>
|
||||||
|
<td >c0r0</td>
|
||||||
</BODY>
|
<td >c1r0</td>
|
||||||
</HTML>
|
</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> </p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,11 @@
|
||||||
<html>
|
<html>
|
||||||
|
<TITLE>Example 4</TITLE>
|
||||||
<style>
|
<style>
|
||||||
BODY { font-size: 12pt; }
|
BODY { font-size: 12pt; }
|
||||||
</style>
|
</style>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
Some simple tables.
|
<H1>Example 4: Some simple tables.</H4>
|
||||||
|
|
||||||
<table border=1>
|
<table border=1>
|
||||||
<TR><TD background=bg.jpg>Color</TD><TD background=bg.jpg>Meaning</TD></TR>
|
<TR><TD background=bg.jpg>Color</TD><TD background=bg.jpg>Meaning</TD></TR>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<html>
|
<html>
|
||||||
|
<title>Example 5</title>
|
||||||
<head>
|
<head>
|
||||||
<style>
|
<style>
|
||||||
P {
|
P {
|
||||||
|
|
@ -12,11 +13,26 @@ P#reverse {
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<P>This is a paragraph. We should be yellow because there is a style
|
<h1>Example 5: CSS with ID's </h1>
|
||||||
rule indicating that all paragraphs have a background of yellow.</P>
|
<pre>
|
||||||
<P ID=reverse>This is a paragraph. We should be black with yellow text
|
This document contains the following CSS:
|
||||||
because there is a style rule indicating that this paragraph should have
|
|
||||||
a background of black with yellow text.</P>
|
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="reverse"</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,20 +1,31 @@
|
||||||
<html>
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Test 6</title>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
PRE { color:red; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
<body>
|
<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>
|
<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 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 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>
|
<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>
|
</table>
|
||||||
<br>
|
<br>
|
||||||
<THREED>Row span table</THREED>
|
<h2>Row span table</h2>
|
||||||
<table border=1>
|
<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 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</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>
|
<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>
|
</table>
|
||||||
<br>
|
<br>
|
||||||
<THREED>Row and col span table:</THREED>
|
<h2>Row and col span table:</h2>
|
||||||
<table border=1>
|
<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>
|
||||||
<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><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><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></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>
|
</table>
|
||||||
</TD></TR>
|
</TD></TR>
|
||||||
<TR><TD>Cell</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>
|
</table>
|
||||||
</TD></TR>
|
</TD></TR>
|
||||||
<TR><TD>Cell</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>
|
</table>
|
||||||
</TD></TR>
|
</TD></TR>
|
||||||
<TR><TD>Cell</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>
|
</table>
|
||||||
</TD></TR>
|
</TD></TR>
|
||||||
<TR><TD>Cell</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>
|
</table>
|
||||||
</TD></TR>
|
</TD></TR>
|
||||||
<TR><TD>Cell</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>
|
</table>
|
||||||
</TD></TR>
|
</TD></TR>
|
||||||
<TR><TD>Cell</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>
|
</table>
|
||||||
</TD></TR>
|
</TD></TR>
|
||||||
<TR><TD>Cell</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>
|
</table>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,9 @@
|
||||||
<html>
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Example 7</title>
|
||||||
|
<head>
|
||||||
<body>
|
<body>
|
||||||
A scaled animated image<BR>
|
<H1>Example 7: A scaled animated image</H1>
|
||||||
<IMG SRC="Anieyes.gif" WIDTH=600 HEIGHT=600>
|
<IMG SRC="Anieyes.gif" WIDTH=600 HEIGHT=600>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
<html>
|
<html>
|
||||||
|
<title>Example 8</title>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<H1>Example 8: Simple Forms</H1>
|
||||||
|
|
||||||
<form action=submit-url-goes-here method=get>
|
<form action=submit-url-goes-here method=get>
|
||||||
|
|
||||||
A checkbox: <input type=checkbox name=check1 checked><BR>
|
A checkbox: <input type=checkbox name=check1 checked><BR>
|
||||||
|
|
|
||||||
Загрузка…
Ссылка в новой задаче