hello-html/task1.html at master · whunting/hello-html · 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" ></meta>
    <title>task1</title>
</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>
<h2>文章二级标题</h2>
<p>文章作者 文章发表时间</p>
<br>
<p>这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落</p>
<p>这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落<strong>有个加粗字体</strong>这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落</p>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505059757829&di=abf8492d8b741173a08da357a70030c9&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201604%2F29%2F20160429212900_LUj3T.jpeg">
<p>这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落，换行了<br>这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很<strong>有个加粗字体</strong>长很长的段落这是一个很长很长的段落</p>
<h1>另一篇文章一级标题</h1>
<h2>文章二级标题</h2>
<p>文章作者 文章发表时间</p>
<br>
<p>这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落</p>
<p>这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落</p>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505059757829&di=abf8492d8b741173a08da357a70030c9&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201604%2F29%2F20160429212900_LUj3T.jpeg">
<ul>
	<li>列表项目一</li>
	<li>列表项目一</li>
	<li>列表项目一</li>
	<li>列表项目一</li>
</ul>
<h1>图片</h1>
<p>好看的<strong>图片</strong></p>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505059757829&di=abf8492d8b741173a08da357a70030c9&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201604%2F29%2F20160429212900_LUj3T.jpeg">
<p>好看的<strong>图片</strong></p>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505059757829&di=abf8492d8b741173a08da357a70030c9&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201604%2F29%2F20160429212900_LUj3T.jpeg">
<p>好看的<strong>图片</strong></p>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505059757829&di=abf8492d8b741173a08da357a70030c9&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201604%2F29%2F20160429212900_LUj3T.jpeg">
<p>好看的<strong>图片</strong></p>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505059757829&di=abf8492d8b741173a08da357a70030c9&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201604%2F29%2F20160429212900_LUj3T.jpeg">
<h1>最后一级标题</h1>
<h2>文章二级标题</h2>
<p> 文章作者 文章发表时间</p>
<ol>
	<li>排名1</li>
	<li>排名1</li>
	<li>排名1</li>
</ol>
<p> 这是一个表格</p>
<table border="1">
	 <tr>
    <th>表头</th>
    <th>表头</th>
    <th>表头</th>
  </tr>
  <tr>
    <td>表内容单元格</td>
    <td>表内容单元格</td>
    <td><a href="#">操作</td>
  </tr>
  <tr>
    <td>表内容单元格</td>
    <td>表内容单元格</td>
    <td><a href="#">操作</td>
  </tr>
    <tr>
    <td>表内容单元格</td>
    <td>表内容单元格</td>
    <td><a href="#">操作</td>
  </tr>
    <tr>
    <td>表内容单元格</td>
    <td>表内容单元格</td>
    <td><a href="#">操作</td>
  </tr>
   <tr>
    <td>总计</td>
  </tr>
 </table>
 <h2>这里以后是一个侧栏，这是侧栏的标题</h2>
 <h2>侧栏注册窗口标题</h2>
 <form>
	<div>
	<lable>清输入邮箱地址:</lable>
	<input type="text" value="这是一个文本输入框">
	</div>
	<span>邮箱地址清按要求格式输入</span>
	<div>
	<lable>请输入密码：</lable>
	<input type="text" value="这是一个文本输入框">
	<lable>请重复输入密码：</lable>
	<input type="password" value="这是一个文本输入框">
	</div>
	<span>密码请为6-16位英文数字</span>
	<div>
	<lable>性别：</lable>
	<input type="radio" name="sex1">男</input>
	<input type="radio" name="sex1">女</input>
	<lable>城市：</lable>
	<select name="">
	<option value="0">北京</option>
	<option value="1">杭州</option>
	</select>
	<lable>爱好：</lable>
	<input type="checkbox" >运动</input>
	<input type="checkbox" >艺术</input>
	<input type="checkbox" >科学</input>
	<lable>个人描述：</lable>
	<textarea rows="3" cols="20">
	这是一个文本输入框
	</textarea>

	<input type="button" value="提交按钮">
	</div>
</form>
</body>
</head>