<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>task_1_1_1</title>
<style>
ul li{
list-style-type :disc ;
}
.photo
{
padding-left: 15px;
}
table{
border: thin solid black;
border-spacing:1px;
}
th,td
{
border: thin solid black;
}
</style>
</head>
<body>
<h1>网站一级标题</h1>
<ul>
<li><a href="nothing.html">导航链接一</a></li>
<li><a href="nothing.html">导航链接二</a></li>
<li><a href="nothing.html">导航链接三</a></li>
<li><a href="nothing.html">导航链接四</a></li>
</ul>
<h2>文章一级标题</h2>
<h3>文章二级标题</h3>
<p>文章作者 发表时间
这是一个很长的段落，这是一个很长的段落，这里有个<strong>粗体字</strong>
这是一个很长的段落，这是一个很长的段落，换行了<br>
这是一个很长的段落，这是一个很长的段落，
这是一个很长的段落，<a href="http://ife.baidu.com/">这里有一个链接能链接到http://ife.baidu.com</a></p>
<img src="piano.jpg">
<h2>另文章一级标题</h2>
<h3>文章二级标题</h3>
<p>文章作者 发表时间
这是一个很长的段落，这是一个很长的段落，这里有个<strong>粗体字</strong>
这是一个很长的段落，这是一个很长的段落，换行了<br>
这是一个很长的段落，这是一个很长的段落，
这是一个很长的段落，<a target="_blank" href="http://ife.baidu.com">这里有一个链接点击后打开新窗口链接到http://ife.baidu.com</a></p>
<ul>
<li>列表项目一</li>
<li>列表项目二</li>
<li>列表项目三</li>
</ul>
<h2>图片</h2>
<p>好看的图片<br>
<img class="photo" src="piano.jpg"></p>
<p>好看的图片<br>
<img class="photo" src="piano.jpg"></p>
<p>好看的图片<br>
<img class="photo" src="piano.jpg"></p>
<p>好看的图片<br>
<img class="photo" src="piano.jpg"></p>
<h2>最后一篇文章一级标题</h2>
<h3>文章二级标题</h3>
<p>文章作者 发表时间</p>
<ol>
<li>排名一</li>
<li>排名二</li>
<li>排名三</li>
</ol>
<table>
<caption align="left">下面是一个表格(border=1)</caption>
<tr>
<th>表头</th>
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>表内容单元格</td>
<td>表内容单元格</td>
<td><a href="nothing.html">操作</a></td>
</tr>
<tr>
<td>表内容单元格</td>
<td>表内容单元格</td>
<td><a href="nothing.html">操作</a></td>
</tr>
<tr>
<td>表内容单元格</td>
<td>表内容单元格</td>
<td><a href="nothing.html">操作</a></td>
</tr>
<tr>
<td>表内容单元格</td>
<td>表内容单元格</td>
<td><a href="nothing.html">操作</a></td>
</tr>
<tr>
<td colspan="1">总计</td>
<td colspan="2">1000</td>
</tr>
</table>
<aside>
<h1>这是一个侧栏的标题</h1>
<h2>侧栏注册窗口标题</h2>
<form>
<p>
请输入邮箱地址<input type="email"><br>
邮箱地址请按要求格式输入
请输入密码：<input type="password"> 请重复输入密码：<input type="password"><br>
密码请为6-16位英文字母
</p>
<p>
性别：<input type="radio" name="sex" value="man"> 男
<input type="radio" name="sex" value="lady"> 女
城市：<select name="city">
<option value="beijing">北京</option>
<option value="other">其他</option>
</select>
爱好：<input type="checkbox" name="hobby" value="sport">运动
<input type="checkbox" name="hobby" value="art">艺术
<input type="checkbox" name="hobby" value="science">科学
个人描述：<textarea name="comments" rows="10" cols="48">这是一个多行输入框，请输入你的描述</textarea>
<input type="submit" value="确认提交">
</p>
</form>
<h3>版权所有@</h3>
</aside>
</body>
</html>
扫一扫
2749
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
