Skip to content

Instantly share code, notes, and snippets.

@vamyane

vamyane/task1

Last active December 7, 2016 15:57
Show Gist options
  • Save vamyane/46b4976f318092a27b20e70f649d5b4b to your computer and use it in GitHub Desktop.
Save vamyane/46b4976f318092a27b20e70f649d5b4b to your computer and use it in GitHub Desktop.
Download ZIP
百度前端技术学院 任务
Raw
task1
<!doctype html>
<html lang="en">
<head>
<meta character="UTF-8">
<title>任务一：零基础HTML编码</title>
</head>
<body>
<h1>网站一级标题</h1>
<ul>
<li><a href="http://www.baidu.com">导航链接一</a></li>
<li><a href="http://www.qq.com">导航链接二</a></li>
<li><a href="http://www.sina.com">导航链接三</a></li>
<li><a href="http://www.sogo.com">导航链接四</a></li>
</ul>
<h2>文章一级标题</h2>
<h2>文章二级标题</h2>
<p>文章作者 文章发表时间</p>
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br />这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落,换行了<br /> 这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。<br /><br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;><br /><br />这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br />这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com" target=blank>这里有一个链接点击后打开新窗口链接到http:ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。</p>
<h2>另一篇文章一级标题</h2>
<h2>文章二级标题</h2>
<p>文章作者 文章发表时间</p>
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br />这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br /> 这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。</p>
<img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;>
<ul>
<li>列表项目一</li>
<li>列表项目二</li>
<li>列表项目三</li>
</ul>
<h2>图片<h2>
<p><font size="2">好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=160px;><br />
好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;><br />
好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;><br />
好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;><br />
好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;><br />
好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;><br />
好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;><br />
好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;><br />
好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;><br />
好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;><br />
好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;><br />
好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;><br />
好看的图片<br /><img src=https://s20.postimg.org/buc0rmvst/wc1798823.jpg width=200px; height=140px;></font></p>
<h2>最后一篇文章一级标题</h2>
<h2>文章二级标题</h2>
<p>文章作者 文章发表时间</p>
<ol>
<li>排名1</li>
<li>排名2</li>
<li>排名3</li>
</ol>
<p>下面是一个表格，给表格加了一个border=“1”好让你看出是一个表格</p>
<table border="1">
<tr>
<th>表头</th>
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>表内容单元格</td>
<td>表内容单元格</td>
<td>操作</td>
</tr>
<tr>
<td>表内容单元格</td>
<td>表内容单元格</td>
<td>操作</td>
</tr>
<tr>
<td>表内容单元格</td>
<td>表内容单元格</td>
<td>操作</td>
</tr>
<tr>
<td>表内容单元格</td>
<td>表内容单元格</td>
<td>操作</td>
</tr>
<tr>
<td>总计</td>
<td colspan="2">1000</td>
</tr>
</table>
<h2>这里以后是一个侧栏，这是侧栏的标题</h2>
<h2>侧栏注册窗口标题</h2>
<form>
请输入邮箱地址：
<input type="email" name="email" value="这是一个文本输入框"><br /><br />
邮箱地址请按要求格式输入<br />
请输入密码：
<input type="text" name="psw" value="这是一个文本输入框"><br />
请重复输入密码：
<input type="text" name="psw" value="这是一个文本输入框"><br /><br />
密码请为6-16位英文数字<br /><br />
<input type="radio" name="sex" value="male" checked>男
<input type="radio" name="sex" value="female">女
城市：
<select name="region">
<option>北京</option>
<option>天津</option>
<option>上海</option>
<option>深圳</option>
<option>广东</option>
<option>厦门</option>
</select>
爱好：
<input type="checkbox" name="interest" value="sport">运动
<input type="checkbox" name="interest" value="art">艺术
<input type="checkbox" name="interest" value="secience">科学
个人描述：
<textarea id="t1">这是一个多行输入框，输入您的个人描述</textarea>
<input type="submit" value="确认提交">
</form>
<p>版权所有©</p>
</body>
<html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment