8000 [css2] Added doc type decl to examples, added WAI reference · w3c/csswg-drafts@afe6fdb · GitHub
Skip to content

Commit afe6fdb

Browse files
ianbjacobsianbjacobs
committed
[css2] Added doc type decl to examples, added WAI reference
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401447
1 parent 945435c commit afe6fdb

1 file changed

Lines changed: 24 additions & 2 deletions

File tree

‎css2/intro.src‎

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22
<html lang="en">
3-
<!-- $Id: intro.src,v 2.23 1998-03-21 00:34:43 ijacobs Exp $ -->
3+
<!-- $Id: intro.src,v 2.24 1998-04-06 23:40:46 ijacobs Exp $ -->
44
<HEAD>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<TITLE>Introduction to CSS2</TITLE>
@@ -17,8 +17,11 @@ style sheets. For this tutorial, you will need to know a little HTML
1717
<P>We begin with a small HTML document:</p>
1818

1919
<PRE class="html-example">
20+
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
2021
&lt;HTML&gt;
22+
&lt;HEAD&gt;
2123
&lt;TITLE&gt;Bach's home page&lt;/TITLE&gt;
24+
&lt;/HEAD&gt;
2225
&lt;BODY&gt;
2326
&lt;H1&gt;Bach's home page&lt;/H1&gt;
2427
&lt;P&gt;Johann Sebastian Bach was a prolific composer.
@@ -48,11 +51,14 @@ an external style sheet. To put the style sheet into the document, use
4851
the STYLE element:</p>
4952

5053
<PRE class="html-example">
54+
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
5155
&lt;HTML&gt;
56+
&lt;HEAD&gt;
5257
&lt;TITLE&gt;Bach's home page&lt;/TITLE&gt;
5358
&lt;STYLE type="text/css"&gt;
5459
H1 { color: blue }
5560
&lt;/STYLE&gt;
61+
&lt;/HEAD&gt;
5662
&lt;BODY&gt;
5763
&lt;H1&gt;Bach's home page&lt;/H1&gt;
5864
&lt;P&gt;Johann Sebastian Bach was a prolific composer.
@@ -67,9 +73,12 @@ documents. To link to an external style sheet, you can use the LINK
6773
element:</p>
6874

6975
<PRE class="html-example">
76+
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
7077
&lt;HTML&gt;
78+
&lt;HEAD&gt;
7179
&lt;TITLE&gt;Bach's home page&lt;/TITLE&gt;
7280
&lt;LINK rel="stylesheet" href="bach.css" type="text/css"&gt;
81+
&lt;/HEAD&gt;
7382
&lt;BODY&gt;
7483
&lt;H1&gt;Bach's home page&lt;/H1&gt;
7584
&lt;P&gt;Johann Sebastian Bach was a prolific composer.
@@ -92,12 +101,15 @@ structured markup, we continue to use the STYLE element in this
92101
tutorial. Let's add more colors:
93102

94103
<PRE class="html-example">
104+
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
95105
&lt;HTML&gt;
106+
&lt;HEAD&gt;
96107
&lt;TITLE&gt;Bach's home page&lt;/TITLE&gt;
97108
&lt;STYLE type="text/css"&gt;
98109
BODY { color: red }
99110
H1 { color: blue }
100111
&lt;/STYLE&gt;
112+
&lt;/HEAD&gt;
101113
&lt;BODY&gt;
102114
&lt;H1&gt;Bach's home page&lt;/H1&gt;
103115
&lt;P&gt;Johann Sebastian Bach was a prolific composer.
@@ -117,8 +129,10 @@ describes how to resolve them.
117129
<P>CSS2 has more than 100 different properties and 'color' is one of
118130
them. Let's look at some of the others:
119131

120-
<PRE>
132+
<PRE class="example">
133+
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
121134
&lt;HTML&gt;
135+
&lt;HEAD&gt;
122136
&lt;TITLE&gt;Bach's home page&lt;/TITLE&gt;
123137
&lt;STYLE type="text/css"&gt;
124138
BODY {
@@ -127,6 +141,7 @@ them. Let's look at some of the others:
127141
margin: 3em;
128142
}
129143
&lt;/STYLE&gt;
144+
&lt;/HEAD&gt;
130145
&lt;BODY&gt;
131146
&lt;H1&gt;Bach's home page&lt;/H1&gt;
132147
&lt;P&gt;Johann Sebastian Bach was a prolific composer.
@@ -454,6 +469,13 @@ have more options for digesting the content. Users can provide their
454469
personal style sheets if author-suggested style sheets hinder
455470
accessibility. The cascading mechanism combines and selects from
456471
different style sheets.</P>
472+
473+
<div class="note"><P>
474+
<em><strong>Note.</strong> For more information
475+
about designing accessible documents using CSS and HTML, please
476+
consult [[-WAIGUIDE]].</em>
477+
</div>
478+
457479
</LI>
458480

459481
</UL>

0 commit comments

Comments
 (0)