This repository has been archived by the owner on Aug 9, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 15
/
index.html
88 lines (84 loc) · 3.45 KB
/
index.html
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head>
<title>
Test display of HTML elements
</title>
<link rel="stylesheet" type="text/css" title="Android 4 'Ice Cream Sandwich' styles" href="ics.css">
</head>
<body class="light">
<h2>Tabs</h2>
<ul class="tabs">
<li><a href="#" class="current">Tab 1</a></li>
<li><a href="#">Tab 2</a></li>
<li><a href="#">Tab 3</a></li>
</ul>
<h2>Lists</h2>
<p>This is a paragraph before an <strong>unnumbered</strong> list (<code>ul</code>). Note that
the spacing between a paragraph and a list before or after that is hard
to tune in a user style sheet. You can't guess which paragraphs are
logically related to a list, e.g. as a "list header".</p>
<h5 class="section-divider">Single Line List</h5>
<ul>
<li> One.
<li> <p>2-Line List</p><p>More text here, as it should be.</p> </li>
<li> <p>3 Line List</p><p>More text here, as it should be.</p><p>More text here, as it should be.</p> </li>
<li> Three. Well, probably this list item should be longer. Note that
for short items lists look better if they are compactly presented,
whereas for long items, it would be better to have more vertical spacing between items.
<li> Four. This is the last item in this list.
Let us terminate the list now without making any more fuss about it.
</ul>
<p>This is a paragraph before a <strong>numbered</strong> list (<code>ol</code>). Note that
the spacing between a paragraph and a list before or after that is hard
to tune in a user style sheet. You can't guess which paragraphs are
logically related to a list, e.g. as a "list header".</p>
<ol>
<li> One.
<li> Two.
<li> Three. Well, probably this list item should be longer. Note that if
items are short, lists look better if they are compactly presented,
whereas for long items, it would be better to have more vertical spacing between items.
<li> Four. This is the last item in this list.
Let us terminate the list now without making any more fuss about it.
</ol>
<h2>Buttons</h2>
<a href="#" class="button">Normal</a>
<a href="#" class="button small">Small</a>
<h2>Forms</h2>
<form>
<input type="text" id="f1" name="text" size="20" value="Default text.">
<label for="f2">Multi-line text input field (textarea):</label>
<textarea id="f2" name="textarea" rows="2" cols="20">
Default text.
</textarea>
<div>The following two radio buttons are inside
a <code>fieldset</code> element with a <code>legend</code>:</div>
<fieldset>
<legend>Legend</legend>
<div><label for="f3"><input id="f3" type="radio" name="radio" value="1"> Radio button 1</label></div>
<div><label for="f4"><input id="f4" type="radio" name="radio" value="2" checked> Radio button 2 (initially checked)</label></div>
</fieldset>
<fieldset>
<legend>Check those that apply</legend>
<div><label for="f5"><input id="f5" type="checkbox" name="checkbox"> Checkbox 1</label></div>
<div><label for="f6"><input id="f6" type="checkbox" name="checkbox2" checked> Checkbox 2 (initially checked)</label></div>
</fieldset>
<div><label for="f10">A <code>select</code> element with <code>size="1"</code>
(dropdown box):
<select id="f10" name="select1" size="1">
<option>one
<option selected>two (default)
<option>three
</select></label></div>
<div><label for="f11">A <code>select</code> element with <code>size="3"</code>
(listbox):</label><br>
<select id="f11" name="select2" size="3">
<option>one
<option selected>two (default)
<option>three
</select></div>
</form>
</BODY>
</HTML>