-
Notifications
You must be signed in to change notification settings - Fork 82
/
Copy pathtask01.html
129 lines (126 loc) · 6.37 KB
/
task01.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>task01 零基础HTML编码</title>
<link rel="stylesheet" type="text/css" href="common/normalize.css">
</head>
<body>
<h1>网站一级标题</h1>
<ul>
<li><a href="#">导航链接一</a></li>
<li><a href="#">导航链接二</a></li>
<li><a href="#">导航链接三</a></li>
<li><a href="#">导航链接四</a></li>
</ul>
<h2>文章一级标题</h2>
<h3>文章二级标题</h3>
<span>文章作者</span>
<span>文章发表时间</span>
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，还行了
<br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。</p>
<img src="img/logo.png" alt="logo">
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，还行了
<br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com" target="_blank">这里有一个链接点击后打开新窗口链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，这是一个很长很长的段落。</p>
<h2>另外一篇文章一级标题</h2>
<h3>文章二级标题</h3>
<span>文章作者</span>
<span>文章发表时间</span>
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，还行了
<br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，这是一个很长很长的段落。
<br><img src="img/logo.png" alt="logo">
<br>
</p>
<ul>
<li>列表项目一</li>
<li>列表项目二</li>
<li>列表项目三</li>
</ul>
<h3>图片</h3>
<p>好看的图片</p>
<img src="img/logo.png" alt="logo">
<p>好看的图片</p>
<img src="img/logo.png" alt="logo">
<p>好看的图片</p>
<img src="img/logo.png" alt="logo">
<p>好看的图片</p>
<img src="img/logo.png" alt="logo">
<p>好看的图片</p>
<img src="img/logo.png" alt="logo">
<p>好看的图片</p>
<img src="img/logo.png" alt="logo">
<p>好看的图片</p>
<img src="img/logo.png" alt="logo">
<h2>最后一篇文章一级标题</h2>
<h3>文章二级标题</h3>
<span>文章作者</span>
<span>文章发表时间</span>
<ol>
<li>排名1</li>
<li>排名2</li>
<li>排名3</li>
</ol>
<p>下面是一个表格，给表格加了一个border="1"好让你看出来是一个表格</p>
<table>
<tr>
<th>表头</th>
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>表内容单元格</td>
<td>表内容单元格</td>
<td><a href="#">操作</a></td>
</tr>
<tr>
<td>表内容单元格</td>
<td>表内容单元格</td>
<td><a href="#">操作</a></td>
</tr>
<tr>
<td>表内容单元格</td>
<td>表内容单元格</td>
<td><a href="#">操作</a></td>
</tr>
<tr>
<td>表内容单元格</td>
<td>表内容单元格</td>
<td><a href="#">操作</a></td>
</tr>
<tr>
<td>总计</td>
<td colspan="2">1000</td>
</tr>
</table>
<h2>这里以后是个侧栏，这是侧栏的标题</h2>
<h3>侧栏注册窗口标题</h3>
<form method="post" action="#">
<label for="mail_address">请输入邮箱地址：</label>
<input type="text" id="mail_address" value="这是一个文本输入框" name="mail_address" />
<p>邮箱地址请按要求格式输入</p>
<label for="password">请输入密码：</label>
<input type="text" id="password" value="这是一个文本输入框" />
<label for="confirm-password">请重复输入密码：</label>
<input type="text" id="confirm-password" value="这是一个文本输入框" name="password" />
<p>密码请为6-16位英文数字</p>
<span>性别：</span>
<input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女
<span>城市</span>
<select name="cities">
<option>北京</option>
<option>长沙</option>
<option>娄底</option>
<option>怀化</option>
</select>
爱好
<input type="checkbox" />运动
<input type="checkbox" />艺术
<input type="checkbox" />科学
<span>个人描述</span>
<textarea>这是一个多行输入框，输入您的个人描述</textarea>
<input type="button" name="submit" value="确认提交" />
</form>
<p>版权所有©</p>
</body>
</html>