Skip to content

Commit eb1f9f3

Browse files
author
danield
committed
[css2] adding longdesc for more css2 chapters
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401568
1 parent 578ae5c commit eb1f9f3

13 files changed

Lines changed: 310 additions & 0 deletions

‎css2/images/longdesc/bach1-desc.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
5+
6+
<title>Long description for Bach rendering example</title>
7+
</head>
8+
9+
<body>
10+
<h1>Long description for Bach rendering example</h1>
11+
12+
<P>This diagram illustrates an example of rendering.
13+
14+
<P>
15+
16+
Five lines of text are displayed, all same font size, color and type:
17+
<PRE>
18+
Fredrick the Great meets Bach
19+
Johann Nikolaus Forkel
20+
One evening, just as he was getting his flute ready and his
21+
musicians were assembled, an officer brought him a list of
22+
the strangers who had arrived.
23+
</PRE>
24+
25+
</body>
26+
</html>

‎css2/images/longdesc/bach2-desc.html‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
5+
6+
<title>Long description for another Bach rendering example</title>
7+
</head>
8+
9+
<body>
10+
<h1>Long description for another Bach rendering example</h1>
11+
12+
<P>This diagram illustrates a second example of rendering.
13+
14+
<P>
15+
16+
Five lines of text are displayed
17+
<PRE>
18+
Fredrick the Great meets Bach
19+
Johann Nikolaus Forkel
20+
One evening, just as he was getting his flute ready and his
21+
musicians were assembled, an officer brought him a list of
22+
the strangers who had arrived.
23+
</PRE>
24+
<P>The first line has a bigger font than the others. The second line
25+
(Johann..) in italic.
26+
27+
</body>
28+
</html>

‎css2/images/longdesc/bg-repeat-desc.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
5+
6+
<title>Long description for background pattern</title>
7+
</head>
8+
9+
<body>
10+
<h1>Long description for background pattern</h1>
11+
12+
<P>This diagram illustrates background pattern layout.
13+
14+
<P>It shows a page of text, with a centered background image (a blue
15+
spiral pattern) with copies repeated up and down the padding and
16+
content areas.
17+
18+
</body>
19+
</html>

‎css2/images/longdesc/clip-desc.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
5+
6+
<title>Long description for clipping region</title>
7+
</head>
8+
9+
<body>
10+
<h1>Long description for clipping region</h1>
11+
12+
<P>This diagram illustrates two clipping regions.
13+
14+
<P>Two viewports are shown. Both are graduated 5px by 5px and extent
15+
to (50,55) in size. The top window (containing block) shows a content
16+
box completely included in the viewport, extending from 10,10 to
17+
40,45. The bottom window shows a content box that extend outside its
18+
containing block to the right, starting at 10,10 and ending at 55,45.
19+
20+
21+
22+
</body>
23+
</html>

‎css2/images/longdesc/doctree-desc.html‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
5+
6+
<title>Long description for Sample document tree diagram</title>
7+
</head>
8+
9+
<body>
10+
<h1>Long description for Sample document tree diagram</h1>
11+
12+
<P>This diagram illustrates a sample document tree.
13+
14+
<P> The root node (HTML) is at the top, it has two children, HEAD and
15+
BODY, HEAD has a TITLE child node, BODY has a H1, a P, and a UL, and
16+
the UL has 3 LI leaf nodes.
17+
18+
<P>In outline form, one . indenting for each level, that gives:
19+
<PRE>
20+
HTML
21+
.HEAD
22+
..TITLE
23+
.BODY
24+
..H1
25+
..P
26+
..UL
27+
...LI
28+
...LI
29+
...LI
30+
</PRE>
31+
32+
</body>
33+
</html>
34+

‎css2/images/longdesc/eclipse-outline-desc.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
5+
6+
<title>Long description for eclipse effect</title>
7+
</head>
8+
9+
<body>
10+
<h1>Long description for eclipse effect</h1>
11+
12+
<P>This diagram illustrates visual effect of text shadow.
13+
14+
<P>It shows the text ECLIPSE, where each letter is white with a black
15+
surrounding shadow extending on all sides of the letter stems.
16+
17+
</body>
18+
</html>

‎css2/images/longdesc/first-letter-desc.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
5+
6+
<title>Long description for drop cap example</title>
7+
</head>
8+
9+
<body>
10+
<h1>Long description for drop cap example</h1>
11+
12+
<P>This diagram illustrates a drop cap layout using first-letter.
13+
14+
<P> There are 4 lines of text, starting with a capital T in drop cap
15+
mode extending one line down (represented with T on top or I in the
16+
following PRE layout).
17+
18+
<PRE>
19+
T he first few
20+
I words of an
21+
article in the
22+
Economist
23+
</PRE>
24+
25+
</body>
26+
</html>
27+

‎css2/images/longdesc/first-letter2-desc.html‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
5+
6+
<title>Long description for punctuation and drop cap example</title>
7+
</head>
8+
9+
<body>
10+
<h1>Long description for punctuation and drop cap example</h1>
11+
12+
<P>This diagram illustrates a drop cap layout using first-letter and
13+
punctuation.
14+
15+
<P> There are 5 lines of text, starting with a " and capital A in drop
16+
cap mode extending two lines down (represented with A on top of AA on
17+
top of AAA in the following PRE layout).
18+
19+
<PRE>
20+
" A bird in
21+
AA the hand
22+
AAA is worth
23+
two in the bush,"
24+
says an old proverb.
25+
</PRE>
26+
27+
</body>
28+
</html>
29+

‎css2/images/longdesc/italic-40-desc.html‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
5+
6+
<title>Long description for italic forms</title>
7+
</head>
8+
9+
<body>
10+
<h1>Long description for italic forms</h1>
11+
12+
<P>This image illustrates different types and their italic ot slanted
13+
version.
14+
15+
<P>It shows 8 lines of text: sans-serif, sans-serif-oblique,
16+
sans-serif-bold, sans-serif-bold-oblique, serif-bold,
17+
serif-bold-italic, serif, serif-italic. We see that the italic kind
18+
are not just slanted version but a different shape as well.
19+
</body>
20+
</html>

‎css2/images/longdesc/kern-22-desc.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
5+
6+
<title>Long description for kerning</title>
7+
</head>
8+
9+
<body>
10+
<h1>Long description for kerning</h1>
11+
12+
<P>This image illustrates kerning.
13+
14+
<P>It shows the letter AVfj in big italic serif font. We see that the
15+
bottom right part of the A extends below the top left of the V, and
16+
the f under the bottom right of the V.
17+
</body>
18+
</html>

0 commit comments

Comments
 (0)