3 <title>Example
0</title>
5 a#id.foo:visited:first-line { color: red; }
6 a#id.foo:first-line { color: red; }
7 a#id.foo:visited { color: red; }
8 a#id:first-line { color: red; }
9 a#id:visited { color: red; }
10 a:first-line { color: red; }
11 a:visited { color: red; }
12 a:visited:first-line { color: red; }
13 a:visited:visited { color: red; }
14 a:first-line:visited { color: red; }
15 :active { color: blue; }
16 :first-letter { color: green; }
20 <body bgcolor=
"#FFFFFF" text=
"#000000">
24 <h1>Example
0: Basic HTML Text Styles
</h1>
36 <h2>Formatted Text
</h2>
37 <p>This is a basic paragraph with
<b>bold
</b>,
<i>italic
</i> and
<i>bold-italic
38 </i> text. It also includes
<font color=
"#FF0000">red
</font>,
<font color=
"#00FF00">green
</font>
39 and
<font color=
"#0000FF">blue
</font> text. It has
<s>strikethru
</s> and
<u>underline
</u>.
41 <p>This is a paragraph with font variations:
<b><font face=
"Arial, Helvetica, sans-serif">Arial,
</font></b><font face=
"Arial, Helvetica, sans-serif">
42 <i><font face=
"Verdana, Arial, Helvetica, sans-serif">Verdana
</font>,
</i> <font face=
"co">COURIER,
43 <font face=
"Times New Roman, Times, serif">Times New Roman.
</font></font></font></p>
44 <p><font size=
7>Font size=
7,
</font><font size=
6>Font size=
6,
</font><font size=
5>Font
45 size=
5,
</font><font size=
4>Font size=
4,
</font><font size=
3>Font size=
3,
</font><font size=
2>Font
46 size=
2,
</font><font size=
1>Font size=
1,
</font><font point-size=
24 font-weight=
700>Font
47 point-size=
24 font-weight=
700</font></p>
48 <p><THREED>3D Text.
3D Text.
3D Text.
3D Text.
3D Text.
</THREED><br>
52 <h3>Bulleted List
</h3>
65 <h3>Numbered List
</h3>
77 <h2>Justified Text
</h2>
78 <p>This paragraph is aligned
<b>left
</b>. This paragraph is aligned
<b>left
</b>.
79 This paragraph is aligned
<b>left
</b>. This paragraph is aligned
<b>left
</b>.
80 This paragraph is aligned
<b>left
</b>. This paragraph is aligned
<b>left
</b>.
81 This paragraph is aligned
<b>left
</b>.
</p>
82 <p align=
"RIGHT">This paragarph is aligned
<b>right.
</b>This paragarph is aligned
83 <b>right.
</b>This paragarph is aligned
<b>right.
</b>This paragarph is aligned
84 <b>right.
</b>This paragarph is aligned
<b>right.
</b>This paragarph is aligned
85 <b>right.
</b>This paragarph is aligned
<b>right.
</b><b> </b>This paragarph
86 is aligned
<b>right.
</b></p>
87 <p align=
"CENTER">This paragraph is aligned
<b>center
</b>. This paragraph is aligned
88 <b>center
</b>.This paragraph is aligned
<b>center
</b>.This paragraph is aligned
89 <b>center
</b>.This paragraph is aligned
<b>center
</b>.This paragraph is aligned
90 <b>center
</b>.This paragraph is aligned
<b>center
</b>.This paragraph is aligned
91 <b>center
</b>.This paragraph is aligned
<b>center
</b>.This paragraph is aligned
96 var r
= 0, g
= 0, b
= 0;
97 var h
= document
.documentElement
.childNodes
[1].childNodes
[1].childNodes
[0].childNodes
[0].childNodes
[0].childNodes
[1];
98 h
.style
.borderStyle
= "groove";
100 function changeColor() {
108 h
.style
.backgroundColor
= "rgb(" + r
+ "," + g
+ "," + b
+ ")";
109 h
.style
.color
= "rgb(" + (255-r
) + "," + (255-g
) + "," + (255-b
) + ")";
110 h
.style
.fontSize
= "" + (r
/3) + "pt";
111 h
.style
.borderWidth
= "" + (r
/5) + "px";
112 h
.style
.borderColor
= h
.style
.color
;
115 setInterval(changeColor
, 40);