core-styles/Sampler.html at main · aslakr/core-styles · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html>
	<head>
		<title>
			Your Ad Here
		</title>
		<link href="Chocolate.css" rel="alternate stylesheet" title="Chocolate">
		<link href="Midnight.css" rel="alternate stylesheet" title="Midnight">
		<link href="Modernist.css" rel="alternate stylesheet" title="Modernist">
		<link href="Oldstyle.css" rel="alternate stylesheet" title="Oldstyle">
		<link href="Steely.css" rel="alternate stylesheet" title="Steely">
		<link href="Swiss.css" rel="alternate stylesheet" title="Swiss">
		<link href="Traditional.css" rel="alternate stylesheet" title="Traditional">
		<link href="Ultramarine.css" rel="alternate stylesheet" title="Ultramarine">
	</head>
<body>
		<h1>
			This is Heading 1
		</h1>
		<p>
		This is a paragraph. It's just something I threw together. This sentence contains <a href="http://www.w3.org/">a link</a> to W3C, which you have probably visited. This sentence contains a link to <a href="http://www.foo.net/">someplace else</a>. This is <a href="http://www.htmlhelp.com/" class="offsite">an offsite link</a>. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<h2>
			I'm Heading 2
		</h2>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<h3>
			Heading 3 here
		</h3>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<h4>
			Heading 4: the final insult
		</h4>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<h5>
		Heading 5 I Am said Sam. In the Mosaic browser default stylesheet, I'm one step smaller than normal paragraph text. In the Core Style Project, I am still one step larger.
		</h5>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<h6>
			Heading 6, extended to produce a line break, so as to be able to determine line-height. This ought to do it, what? In the Mosaic browser default stylesheet, I'm two steps smaller than normal paragraph text (perverse!). In the Core Style Project, I am the same size.
		</h6>
		<p>
This sentence contains <em>an emphasized phrase</em>. This sentence contains <strong>a strongly emphasized</strong> phrase. This sentence contains <em>a strongly emphasized bit <strong>within</strong> an emphasized phrase</em>. <strong class="warning">This sentence has the class "warning".</strong></p>
<p><big>This is big.</big> <small>This is small.</small> <samp>This is SAMP.</samp> <sub>This is sub.</sub> <sup>This is sup.</sup> <s>This is S.</s> <strike>This is strike.</strike> <tt>This is tt.</tt> <u>This is U.</u> <cite>This is cite.</cite> <ins>This is INS</ins>. <del>This is DEL</del>. <abbr>This is ABBR</abbr>. This sentence contains an acronym: <acronym>Nato</acronym>.
			In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
</p>
		<h2>
			Heading 2
		</h2>
		<p class="initial">
		This is a paragraph with the class "initial". In an indented paragraph scheme, I generally won't be. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<p class="stb">
		This is a paragraph with the "small thematic break" (stb) class. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<p class="mtb">
		This is a paragraph with the "medium thematic break" (mtb) class. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<p class="ltb">
		This is a paragraph with the "large thematic break" (ltb) class. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<h2>
			Heading 2
		</h2>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<blockquote>
			This is a blockquote. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space. I'll keep this up a bit longer and then move on. I've read more substantial greeting cards than this.
		</blockquote>
		<h3>
			Heading 3
		</h3>
		<p>
		This is a paragraph. It's just something I threw together. This sentence contains <a href="http://www.w3.org/">a link</a> to W3C, which you have probably visited. This sentence contains a link to <a href="http://www.foo.net/">someplace else</a>. This is <a href="http://www.unpronounceable.com/" class="offsite">an offsite link</a>. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<ol>
			<li>
			this is an ordered list item. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
			<li>
			this is another ordered list item
			<ul>
<li>This is an unordered list within an ordered one.
<li>This is another unordered list item.<ol>
<li>Just to be mean, here's another ordered list - inside the unordered list.
<li>...and another list item, to fill space.
</ol>
<li>This is a third item in that unordered list.
<li>This is a fourth.
</ul>
<li>This is item 3 in the initial ordered list.
<li>This is item 4.
		</ol>
		<ol>
			<li>
			this is an ordered list item. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space. <ol>
<li>Here's another ordered list - inside the ordered list.
<ol>
<li>Here's yet another ordered list - nested deeper.
<li>...and another list item, to fill space.
</ol>
<li>...and another list item, to fill space.
</ol>
			<li>
			this is another ordered list item
		</ol>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
			<h4>
			Heading 4
		</h4>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<dl>
			<dt>
			Definition Term
			<dd>
			Definition data. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</dl>
		<table>
			<caption>
			Table caption
			</caption>
			<tr>
				<th>
					Table Head
				</th>
			</tr>
			<tr>
				<td>
					Cell contents. How wide?
				</td>
			</tr>
		</table>
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<h5>
			Heading 5
		</h5>
		This is an improperly marked paragraph sequence, with <code>&lt;P&gt;</code> used as a paragraph separator rather than as a container. It's dismaying how common this is. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		<p>
		This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</p>
		<hr>
		<div>
			This is a div preceded by a horizontal rule, which might be hidden. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
		</div>
		<div>
<p>
			This is a paragraph within a div. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
</p>
		</div>
		<address>
			This is an Address.
		</address>
	</body>
</html>