<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>baidu ife stage-task1</title>
</head>
<body>
<header>
<h1>网站一级标题</h1>
<nav>
<ul>
<li><a href="#">导航链接一</a></li>
<li><a href="#">导航链接二</a></li>
<li><a href="#">导航链接三</a></li>
<li><a href="#">导航链接四</a></li>
</ul>
</nav>
</header>
<article>
<h2>文章一级标题</h2>
<h3>文章二级标题</h3>
<p><span>文章作者</span>
<span>文章发表时间</span>
</p>
<p>这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
<br>换行了<br>这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
这是一个很长的段落,这是一个很长的段落,<a href="http://bbs.2cto.com/">这是一个链接 链接到
http://bbs.2cto.com/</a>这是一个
很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
</p>
<img src="fig1.jpg" height="500px">
<p>这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
<br>换行了<br>这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
这是一个很长的段落,这是一个很长的段落,<a href="http://bbs.2cto.com/">这是一个链接 链接到
http://bbs.2cto.com/</a>这是一个
很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
</p>
</article>
<article>
<h2>另一篇文章一级标题</h2>
<h3>文章二级标题</h3>
<p><span>文章作者</span>
<span>文章发表时间</span>
</p>
<p>这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
<br>换行了<br>这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
这是一个很长的段落,这是一个很长的段落,<a href="http://bbs.2cto.com/">这是一个链接 链接到
http://bbs.2cto.com/</a>这是一个
很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
</p>
<img src="fig1.jpg" height="500px">
<ul>
<li>列表项目一</li>
<li>列表项目二</li>
<li>列表项目三</li>
<li>列表项目四</li>
</article>
<h2>图片</h2>
<figure>
<figcaption>这是一只可爱的猫</figcaption>
<img src="fig1.jpg" width="350" height="334" />
<figcaption>这是一只可爱的猫</figcaption>
<img src="fig1.jpg" width="350" height="334" />
<figcaption>这是一只可爱的猫</figcaption>
<img src="fig1.jpg" width="350" height="334" />
<figcaption>这是一只可爱的猫</figcaption>
<img src="fig1.jpg" width="350" height="334" />
<figcaption>这是一只可爱的猫</figcaption>
<img src="fig1.jpg" width="350" height="334" />
<figcaption>这是一只可爱的猫</figcaption>
<img src="fig1.jpg" width="350" height="334" />
<figcaption>这是一只可爱的猫</figcaption>
<img src="fig1.jpg" width="350" height="334" />
<figcaption>这是一只可爱的猫</figcaption>
<img src="fig1.jpg" width="350" height="334" />
<figcaption>这是一只可爱的猫</figcaption>
<img src="fig1.jpg" width="350" height="334" />
<figcaption>这是一只可爱的猫</figcaption>
<img src="fig1.jpg" width="350" height="334" />
<figcaption>这是一只可爱的猫</figcaption>
<img src="fig1.jpg" width="350" height="334" />
</figure>
<article>
<h2>另一篇文章一级标题</h2>
<h3>文章二级标题</h3>
<p><span>文章作者</span>
<span>文章发表时间</span>
</p>
<ol>
<li>排名1</li>
<li>排名2</li>
<li>排名3</li>
</ol>
</article>
<p>下面是一个表格</p>
<table border="1">
<thead>
<tr><th>名称</th><th>金额</th><th>动作</th></tr>
</thead>
<tbody>
<tr><td>prize1</td><td>100</td><td><a href="#"></a><a href="">操作</a></td></tr>
<tr><td>prize2</td><td>600</td><td><a href="#"></a><a href="">操作</a></td></tr>
<tr><td>prize3</td><td>300</td><td><a href="#"></a><a href="">操作</a></td></tr>
<tr><td>合计</td><td colspan="2">1000</td></tr>
</tbody>
</table>
<article>
<aside>
<h2>这里以后是个侧栏</h2>
<h2>侧栏注册窗口标题</h2>
<form action="" method="post">
<label>请输入邮箱地址:<input type="text" name="email"></label>
<br/><span>邮箱地址请按格式输入</span><br/>
<label>请输入密码:<input type="password" name="pass"></label>
<label>请再次输入密码:<input type="password" name="pwd"></label>
<br/><span>密码为6-16位英文数字</span><br/>
<span>性别:</span>
<label><input type="radio" name="gender" value="m">男</label>
<label><input type="radio" name="gender" value="f" checked>女</label>
<br/>
<label>城市:
<select name="city">
<option value="beijing" selected>北京</option>
<option value="guangzhou">广州</option>
</select>
</label>
<br/>
<span>爱好:</span>
<label><input type="checkbox" name="interest" value="sport">运动</label>
<label><input type="checkbox" name="interest" value="art">艺术</label>
<label><input type="checkbox" name="interest" value="sic">科学</label>
<br/><label>个人描述:<textarea placeholder="请用一句话描述自己" rows="5" cols="20"></textarea><br/>
</label>
<button type="submit">确认提交</button>
</form>
</aside>
</article>
</table>
</body>
</html>