зеркало из https://github.com/mozilla/pjs.git
replaced with one more useful
This commit is contained in:
peterl%netscape.com
Родитель
41e0e95527
Коммит
5ab4c57cd2
|
|
@ -1,38 +1,198 @@
|
||||||
<html>
|
<html>
|
||||||
<title>Example 5</title>
|
|
||||||
<head>
|
<head>
|
||||||
<style>
|
<style>
|
||||||
P {
|
SPAN.peter { font-family: "monospace"; }
|
||||||
color: black;
|
SPAN.seven { font-size: xx-large; }
|
||||||
background-color: yellow;
|
SPAN.six { font-size: x-large; }
|
||||||
}
|
SPAN.five { font-size: large; }
|
||||||
P#reverse {
|
SPAN.four { font-size: medium; }
|
||||||
color: yellow;
|
SPAN.three { font-size: small; }
|
||||||
background-color: black;
|
SPAN.two { font-size: x-small; }
|
||||||
}
|
SPAN.one { font-size: xx-small; }
|
||||||
|
/*H1, H2, H3, H4, H5, H6 { font-weight: normal; }*/
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body text="#00FF00">
|
||||||
<h1>Example 5: CSS with ID's </h1>
|
|
||||||
<pre>
|
|
||||||
This document contains the following CSS:
|
|
||||||
|
|
||||||
P {
|
<font size=5>this is size five
|
||||||
color: black;
|
<font point-size=12>this is point-size 12
|
||||||
background-color: yellow;
|
<font size=7>this is size seven
|
||||||
}
|
</font>
|
||||||
P#reverse {
|
</font>
|
||||||
color: yellow;
|
</font>
|
||||||
background-color: black;
|
|
||||||
}
|
<B><font size=7>heading<font size=7>heading</font><span class="seven">heading</span><small>heading</small><big>heading</big></font></B>
|
||||||
|
<H1>heading<font size=6>heading</font><span class="six">heading</span><small>heading</small><big>heading</big></H1>
|
||||||
|
<H2>heading<font size=5>heading</font><span class="five">heading</span><small>heading</small><big>heading</big></H2>
|
||||||
|
<H3>heading<font size=4>heading</font><span class="four">heading</span><small>heading</small><big>heading</big></H3>
|
||||||
|
<H4>heading<font size=3>heading</font><span class="three">heading</span><small>heading</small><big>heading</big></H4>
|
||||||
|
<H5>heading<font size=2>heading</font><span class="two">heading</span><small>heading</small><big>heading</big></H5>
|
||||||
|
<H6>heading<font size=1>heading</font><span class="one">heading</span><small>heading</small><big>heading</big></H6>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
|
||||||
|
<h3>Unvarnished</h3>
|
||||||
|
<strike>
|
||||||
|
<P>plain text
|
||||||
|
<P>more plain text Reset SUBMIT
|
||||||
|
<input type=radio name=group1> radio1
|
||||||
|
<input type=reset name=reset id=input2 value="Reset">
|
||||||
|
<input type=submit id=input1 name=submit value="SUBMIT">
|
||||||
|
<input type=file size=20 name=file value=myfile>
|
||||||
|
<textarea name=a rows=1 cols=12 value="a textarea">a textarea</textarea>
|
||||||
|
<select name=select2 id=select1 size=4 multiple>
|
||||||
|
<option>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
<option selected>option 3</option>
|
||||||
|
<option>option 4</option>
|
||||||
|
<option>option 5</option>
|
||||||
|
<option>option 6</option>
|
||||||
|
</select>
|
||||||
|
<select name=select1 size=2>
|
||||||
|
<option selected>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
</select>
|
||||||
|
<select name=select3 size=1>
|
||||||
|
<option selected>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
</select>
|
||||||
|
<pre>this is pre</pre> this is not pre
|
||||||
|
</strike>
|
||||||
|
|
||||||
|
<h3>Font size=3 color=#ff0000 face=desdemona, arial, strike</h3>
|
||||||
|
<font size=3 color="#ff0000" face="desdemona, arial"><strike>
|
||||||
|
<P>plain text
|
||||||
|
<P>more plain text Reset SUBMIT
|
||||||
|
<input type=radio name=group1> radio1
|
||||||
|
<input type=reset name=reset id=input2 value="Reset">
|
||||||
|
<input type=submit id=input1 name=submit value="SUBMIT">
|
||||||
|
<input type=file size=20 name=file value=myfile>
|
||||||
|
<textarea name=a rows=1 cols=12 value="a textarea">a textarea</textarea>
|
||||||
|
<select name=select2 id=select1 size=4 multiple>
|
||||||
|
<option>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
<option selected>option 3</option>
|
||||||
|
<option>option 4</option>
|
||||||
|
<option>option 5</option>
|
||||||
|
<option>option 6</option>
|
||||||
|
</select>
|
||||||
|
<select name=select1 size=2>
|
||||||
|
<option selected>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
</select>
|
||||||
|
<select name=select3 size=1>
|
||||||
|
<option selected>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
</select>
|
||||||
|
<pre>this is pre</pre> this is not pre
|
||||||
|
</strike>
|
||||||
|
</font>
|
||||||
|
|
||||||
|
<h3>font size=2</h3>
|
||||||
|
<font size=2>
|
||||||
|
<P>plain text
|
||||||
|
<P>more plain text Reset SUBMIT
|
||||||
|
<input type=radio name=group1> radio1
|
||||||
|
<input type=reset name=reset id=input2 value="Reset">
|
||||||
|
<input type=submit id=input1 name=submit value="SUBMIT">
|
||||||
|
<input type=file size=20 name=file value=myfile>
|
||||||
|
<textarea name=a rows=1 cols=12 value="a textarea">a textarea</textarea>
|
||||||
|
<select name=select2 id=select1 size=4 multiple>
|
||||||
|
<option>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
<option selected>option 3</option>
|
||||||
|
<option>option 4</option>
|
||||||
|
<option>option 5</option>
|
||||||
|
<option>option 6</option>
|
||||||
|
</select>
|
||||||
|
<select name=select1 size=2>
|
||||||
|
<option selected>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
</select>
|
||||||
|
<select name=select3 size=1>
|
||||||
|
<option selected>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
</select>
|
||||||
|
<pre>this is pre</pre> this is not pre
|
||||||
|
</font>
|
||||||
|
|
||||||
|
<h3>font face=Arial</h3>
|
||||||
|
<font face="Arial">
|
||||||
|
<P>plain text
|
||||||
|
<P>more plain text Reset SUBMIT
|
||||||
|
<input type=radio name=group1> radio1
|
||||||
|
<input type=reset name=reset id=input2 value="Reset">
|
||||||
|
<input type=submit id=input1 name=submit value="SUBMIT">
|
||||||
|
<input type=file size=20 name=file value=myfile>
|
||||||
|
<textarea name=a rows=1 cols=12 value="a textarea">a textarea</textarea>
|
||||||
|
<select name=select2 id=select1 size=4 multiple>
|
||||||
|
<option>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
<option selected>option 3</option>
|
||||||
|
<option>option 4</option>
|
||||||
|
<option>option 5</option>
|
||||||
|
<option>option 6</option>
|
||||||
|
</select>
|
||||||
|
<select name=select1 size=2>
|
||||||
|
<option selected>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
</select>
|
||||||
|
<select name=select3 size=1>
|
||||||
|
<option selected>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
</select>
|
||||||
|
<pre>this is pre</pre> this is not pre
|
||||||
|
</font>
|
||||||
|
|
||||||
|
<h3>font point-size=18</h3>
|
||||||
|
<font point-size=18>
|
||||||
|
<P>plain text
|
||||||
|
<P>more plain text Reset SUBMIT
|
||||||
|
<input type=radio name=group1> radio1
|
||||||
|
<input type=reset name=reset id=input2 value="Reset">
|
||||||
|
<input type=submit id=input1 name=submit value="SUBMIT">
|
||||||
|
<input type=file size=20 name=file value=myfile>
|
||||||
|
<textarea name=a rows=1 cols=12 value="a textarea">a textarea</textarea>
|
||||||
|
<select name=select2 id=select1 size=4 multiple>
|
||||||
|
<option>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
<option selected>option 3</option>
|
||||||
|
<option>option 4</option>
|
||||||
|
<option>option 5</option>
|
||||||
|
<option>option 6</option>
|
||||||
|
</select>
|
||||||
|
<select name=select1 size=2>
|
||||||
|
<option selected>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
</select>
|
||||||
|
<select name=select3 size=1>
|
||||||
|
<option selected>option 1</option>
|
||||||
|
<option>option 2</option>
|
||||||
|
</select>
|
||||||
|
<pre>this is pre</pre> this is not pre
|
||||||
|
</font>
|
||||||
|
|
||||||
|
|
||||||
|
<pre>
|
||||||
|
this is pre text
|
||||||
</pre>
|
</pre>
|
||||||
<pre>This following paragraph has no ID</pre>
|
this is<span class=peter>peter text</span>
|
||||||
<P>This is a paragraph. We should be yellow because there is a style rule indicating
|
</form>
|
||||||
that all paragraphs have a background of yellow.</P>
|
|
||||||
<pre ID=reverse>The following paragraph has ID="reverse"</pre>
|
<small>
|
||||||
<P ID=reverse>This is a paragraph. We should be black with yellow text because
|
<pre>
|
||||||
there is a style rule indicating that this paragraph should have a background
|
this is small pre text
|
||||||
of black with yellow text.</P>
|
</pre>
|
||||||
|
</small>
|
||||||
|
|
||||||
|
<font size=7 color="#0000ff">
|
||||||
|
pre table
|
||||||
|
<table>
|
||||||
|
<caption>this is the caption</caption>
|
||||||
|
<td>this is <font size=5>the cell</td>
|
||||||
|
this is also caption
|
||||||
|
<td>cell two
|
||||||
|
</table>
|
||||||
|
</font>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
Загрузка…
Ссылка в новой задаче