<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>任务一：零基础HTML编码</title>
<style type="text/css">
table td,tr,th{
border: 1px solid;
}
</style>
</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>
<span>文章作者 文章发表时间</span>
<p>jdkasljdkaslnhfjkashnjkdfaskdfjaskldaskdhjkashdjkasjdklas<br>换行了</p>
<p>jdkasljdkaslnhfjkashnjkdfaskdfjaskldaskdhjkashdjkasjdklas换行了</p>
<p>不是粗体<strong>这是粗体</strong></p>
<p><img src="1.jpg" alt="哎呦，错误了"></p>
<p>前面的段落<a href="http://www.baidu.com">链接到百度</a></p>
<h2>另一篇文章一级标题</h2>
<h3>文章二级标签</h3>
<p>文章作者 文章发表时间</p>
<ul>
<li>列表项目一</li>
<li>列表项目二</li>
<li>列表项目三</li>
</ul>
<h3>图片</h3>
<div>
<p>好看的图片<br><img src="1.jpg"></p>
<p>好看的图片<br><img src="1.jpg"></p>
</div>
<h2>最后一篇文章一级标题</h2>
<h3>文章二级标题</h3>
<p>文章作者 文章发表时间</p>
<ol>
<li>排名1</li>
<li>排名2</li>
<li>排名3</li>
</ol>
<span>下面是一个表格，给表格加一个border="1"让你看出来是一个表格</span>
<table>
<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 colspan="2">1000</td>
</tr>
</table>
<h2>这里以后是一个恻栏，这是侧栏标题</h2>
<h3>侧栏注册窗口标题</h3>
<p><label>请输入邮箱地址：<input type="text" value="这是一个文本输入框"></label></p>
<p><label for="">请输入密码：<input type="password" value="这是一个文本输入框">请重复密码：<input type="text"></label></p>
<p>密码为6-16位英文数字</p>
<br>
<form action="" method="post">
<label for="">性别：</label>
<input type="radio" checked="checked" value="男" name="mael">男
<input type="radio" value="女" name="mael">女
<select name="" id="">
<option value="where" name="where">北京</option>
<option value="where" name="where">上海</option>
</select>
<label for="">爱好</label>
<input type="checkbox" name="like">运动
<input type="checkbox" name="like">艺术
<input type="checkbox" name="like">科学
<label for="">个人描述</label>
<textarea name="" id="" cols="30" rows="5">请输入内容</textarea>
<input type="submit">
</form>
<p>版权所有 ©</p>
</body>
</html>
我的博客即将搬运同步至腾讯云+社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan