百度前端作业-01
来源：互联网 发布：盛势网络剧哪里可以看 编辑：程序博客网 时间：2024/06/16 04:59
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>百度前端作业-01</title>
</head>
<body>
<h1>网站一级标题</h1>
<nav>
<ul>
<li><a href="#anchor_one">导航链接一</a></li>
<li><a href="#anchor_two">导航链接二</a></li>
<li><a href="#anchor_three">导航链接三</a></li>
<li><a href="#anchor_four">导航链接四</a></li>
</ul>
</nav>
<h2 id="anchor_one">文章一级标题</h2>
<h2>文章二级标题</h2>
<p>文章作者 文章发表时间</p>
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，<br/>换行了<br/>
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
换行了<br/>
这是一个很长很长的段落，这是一个很长很长的段落，
<a href="http://ife.baidu.com">这里有一个链接到http://ife.baidu.com</a>
这是一个很长很长的段落，这是一个很长很长的段落，
<strong>这里有个粗体字</strong>
这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落。</p>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，换行了<br/>
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>
这是一个很长很长的段落，这是一个很长很长的段落，
<a href="http://ife.baidu.com" target="_blank">这里有一个链接点击后打开新窗口链接到http://ife.baidu.com</a>
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落。</p>
<h1 id="anchor_two">另一篇文章一级标题</h1>
<h2>文章二级标题</h2>
<p>文章作者 文章发表时间</p>
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，<br/>换行了<br/>
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
换行了<br/>这是一个很长很长的段落，这是一个很长很长的段落，
<a href="http://ife.baidu.com" target="_blank">这里有一个链接点击后打开新窗口链接到http://ife.baidu.com</a>
这是一个很长很长的段落，这是一个很长很长的段落，
<strong>这里有个粗体字</strong>
这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落。
</p>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<ul>
<li>列表项目一</li>
<li>列表项目二</li>
<li>列表项目三</li>
<li>列表项目四</li>
</ul>
<h2>图片</h2>
<figure>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
</figure>
<h1 id="anchor_three">最后一篇文章一级标题</h1>
<h2>文章二级标题</h2>
<p>文章作者 文章发表时间</p>
<ol>
<li>排名1</li>
<li>排名2</li>
<li>排名3</li>
</ol>
<p>下面是一个表格，给表格加了一个border="1"好让你看出是一个表格</p>
<table border="1">
<thead>
<tr>
<th>表头</th>
<th>表头</th>
<th>表头</th>
</tr>
</thead>
<tbody>
<tr>
<th>表内容单元格</th>
<th>表内容单元格</th>
<th><a href="#anchor_one">操作</a></th>
</tr>
<tr>
<th>表内容单元格</th>
<th>表内容单元格</th>
<th><a href="#anchor_two">操作</a></th>
</tr>
<tr>
<th>表内容单元格</th>
<th>表内容单元格</th>
<th><a href="#anchor_three">操作</a></th>
</tr>
<tr>
<th>表内容单元格</th>
<th>表内容单元格</th>
<th><a href="#anchor_four">操作</a></th>
</tr>
</tbody>
<tfoot>
<tr>
<th>总计</th>
<td colspan="2">1000</td>
</tr>
</tfoot>
</table>
<aside>
<h2 id="anchor_four">这里以后是一个侧栏，这是侧栏的标题</h2>
<h2>侧栏注册窗口标题</h2>
<form method="post">
<fieldset>
<legend>邮箱地址请按要求格式输入</legend>
<label for="email">请输入邮箱地址:</label>
<input type="email" id="email" name="email" placeholder="这是一个文本输入框" />
</fieldset>
<fieldset>
<legend>密码请为6-16位英文数字</legend>
<label for="password">请输入密码:</label>
<input type="password" id="password" name="password" placeholder="这是一个文本输入框" />
<label for="againpassword">请重复输入密码:</label>
<input type="password" id="againpassword" name="againpassword" placeholder="这是一个文本输入框" />
</fieldset>
<fieldset>
<label>性别:</label>
<input type="radio" id="gender-male" name="gender" value="male" checked />
<label for="gender-male">男</label>
<input type="radio" id="gender-female" name="gender" value="female"/>
<label for="gender-female">女</label>
<label for="city">城市:</label>
<select id="city" name="city">
<option value="beijing" selected >北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
</select>
<label>爱好:</label>
<input type="checkbox" name="interest" id="sport" value="sport" />
<label for="sport">运动</label>
<input type="checkbox" name="interest" id="art" value="art" />
<label for="art">艺术</label>
<input type="checkbox" name="interest" id="science" value="science" />
<label for="science">科学</label>
<label for="description">个人描述:</label>
<textarea id="description" name="description" >这是一个多行输入框，输入您的个人描述</textarea>
<input type="submit" value="确认提交" />
</fieldset>
</form>
</aside>
<footer>
<p><small>版权所有©</small></p>
</footer>
</body>
</html>
<html>
<head>
<meta charset="utf-8"/>
<title>百度前端作业-01</title>
</head>
<body>
<h1>网站一级标题</h1>
<nav>
<ul>
<li><a href="#anchor_one">导航链接一</a></li>
<li><a href="#anchor_two">导航链接二</a></li>
<li><a href="#anchor_three">导航链接三</a></li>
<li><a href="#anchor_four">导航链接四</a></li>
</ul>
</nav>
<h2 id="anchor_one">文章一级标题</h2>
<h2>文章二级标题</h2>
<p>文章作者 文章发表时间</p>
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，<br/>换行了<br/>
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
换行了<br/>
这是一个很长很长的段落，这是一个很长很长的段落，
<a href="http://ife.baidu.com">这里有一个链接到http://ife.baidu.com</a>
这是一个很长很长的段落，这是一个很长很长的段落，
<strong>这里有个粗体字</strong>
这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落。</p>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，换行了<br/>
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>
这是一个很长很长的段落，这是一个很长很长的段落，
<a href="http://ife.baidu.com" target="_blank">这里有一个链接点击后打开新窗口链接到http://ife.baidu.com</a>
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落。</p>
<h1 id="anchor_two">另一篇文章一级标题</h1>
<h2>文章二级标题</h2>
<p>文章作者 文章发表时间</p>
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，<br/>换行了<br/>
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
换行了<br/>这是一个很长很长的段落，这是一个很长很长的段落，
<a href="http://ife.baidu.com" target="_blank">这里有一个链接点击后打开新窗口链接到http://ife.baidu.com</a>
这是一个很长很长的段落，这是一个很长很长的段落，
<strong>这里有个粗体字</strong>
这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
这是一个很长很长的段落，这是一个很长很长的段落。
</p>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<ul>
<li>列表项目一</li>
<li>列表项目二</li>
<li>列表项目三</li>
<li>列表项目四</li>
</ul>
<h2>图片</h2>
<figure>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
<figcaption>好看的图片</figcaption>
<img src="http://inews.gtimg.com/newsapp_ls/0/222459378/0" alt="picture" title="a picture"/>
</figure>
<h1 id="anchor_three">最后一篇文章一级标题</h1>
<h2>文章二级标题</h2>
<p>文章作者 文章发表时间</p>
<ol>
<li>排名1</li>
<li>排名2</li>
<li>排名3</li>
</ol>
<p>下面是一个表格，给表格加了一个border="1"好让你看出是一个表格</p>
<table border="1">
<thead>
<tr>
<th>表头</th>
<th>表头</th>
<th>表头</th>
</tr>
</thead>
<tbody>
<tr>
<th>表内容单元格</th>
<th>表内容单元格</th>
<th><a href="#anchor_one">操作</a></th>
</tr>
<tr>
<th>表内容单元格</th>
<th>表内容单元格</th>
<th><a href="#anchor_two">操作</a></th>
</tr>
<tr>
<th>表内容单元格</th>
<th>表内容单元格</th>
<th><a href="#anchor_three">操作</a></th>
</tr>
<tr>
<th>表内容单元格</th>
<th>表内容单元格</th>
<th><a href="#anchor_four">操作</a></th>
</tr>
</tbody>
<tfoot>
<tr>
<th>总计</th>
<td colspan="2">1000</td>
</tr>
</tfoot>
</table>
<aside>
<h2 id="anchor_four">这里以后是一个侧栏，这是侧栏的标题</h2>
<h2>侧栏注册窗口标题</h2>
<form method="post">
<fieldset>
<legend>邮箱地址请按要求格式输入</legend>
<label for="email">请输入邮箱地址:</label>
<input type="email" id="email" name="email" placeholder="这是一个文本输入框" />
</fieldset>
<fieldset>
<legend>密码请为6-16位英文数字</legend>
<label for="password">请输入密码:</label>
<input type="password" id="password" name="password" placeholder="这是一个文本输入框" />
<label for="againpassword">请重复输入密码:</label>
<input type="password" id="againpassword" name="againpassword" placeholder="这是一个文本输入框" />
</fieldset>
<fieldset>
<label>性别:</label>
<input type="radio" id="gender-male" name="gender" value="male" checked />
<label for="gender-male">男</label>
<input type="radio" id="gender-female" name="gender" value="female"/>
<label for="gender-female">女</label>
<label for="city">城市:</label>
<select id="city" name="city">
<option value="beijing" selected >北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
</select>
<label>爱好:</label>
<input type="checkbox" name="interest" id="sport" value="sport" />
<label for="sport">运动</label>
<input type="checkbox" name="interest" id="art" value="art" />
<label for="art">艺术</label>
<input type="checkbox" name="interest" id="science" value="science" />
<label for="science">科学</label>
<label for="description">个人描述:</label>
<textarea id="description" name="description" >这是一个多行输入框，输入您的个人描述</textarea>
<input type="submit" value="确认提交" />
</fieldset>
</form>
</aside>
<footer>
<p><small>版权所有©</small></p>
</footer>
</body>
</html>
阅读全文
0 0
- 百度前端作业-01
- 百度前端
- 百度前端技术学院 JavaScript Task 01
- web前端大作业
- 前端作业一 总结
- 作业帮前端
- 作业：百度登陆框
- 百度前端面试题目
- 2014 百度前端一面
- 2014 百度前端一面
- 百度前端开发面试
- 百度前端面试题
- 百度前端培训 task1
- 百度前端面试记录
- 百度前端笔试题
- 百度前端技术学院 task3
- 百度前端技术学院task
- 百度前端技术学院task
- 百度地图绘制地图区域，并返回坐标
- 3504: [Cqoi2014]危桥
- JPA通过方法名实现模糊查询
- SqlServer数据库的备份与还原
- java 实现 简易的base64（byte[]与String的相互转换）
- 百度前端作业-01
- 从源码上分析ListView/GridView调用setEmptyView不起作用的原因及解决办法
- 随机梯度下降和批量梯度下降的区别
- Linux运维 -- day04 常用命令
- df命令出现的xvda1的意思
- HDU 2586 How far away ？ LCA离线tarjan思想
- 如何限制网页只能在微信内置浏览器中打开？
- MyEclipse不能打开文件问题
- X.805安全体系框架
