摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>学习HTML第三节课</title> <link rel="
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学习HTML第三节课</title>
<link rel="shortcut icon" type="image/x-icon" href="images/login.jpg">
<link rel="stylesheet" type="text/css" href="css/index.css">
<style type="text/css">
a{
text-decoration: none;color:#000;}
a:hover{color:red;text-decoration: underline}
div{height:1000px;
background: pink;
width: 400px;}
ul li{list-style:none;height: 40px; width: 200px;
border: 1px solid #ccc; margin: 5px 0px;text-align:center;line-height: 40px}
ul li:before{/*list-style:url("images/love.jpg");*/content:url("images/smallpic.png");margin-right: 30px;}
ul li:after{content:url("images/smallpic.png")}
input{height: 8px;width:258px;border:1px solid #ccc;margin-top: 20px;padding: 20px}
button{height: 50px;width:300px;margin-top: 20px;background: #FF6A00;border: none;color: #fff;}
table{border: 1px solid #ccc;border-collapse: collapse;}
tr td{height: 200px;border: 1px solid #ccc;width:100px}
tr th{height: 200px;border: 1px solid #ccc;width:100px}
</style>
</head>
<body>
<table>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
<tr>
<td colspan="3">合并列</td>
</tr>
<tr>
<td rowspan="2">合并行1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
</tr>
</table>
<form method="get/post" action="url">
<input type="text" name="username" placeholder="请输入用户名"><br>
<input type="password" name="pwd" placeholder="请输入密码"><br>
<button>登录</button>
</form>
<ol>
<li>web前端</li>
<li>javascript</li>
<li>jQuery</li>
</ol>
<ul>
<li>独孤九剑
<!-- <ul>
<li>web前端</li>
<li>web前端</li>
</ul>-->
</li>
<li>西门大官人</li>
<li>韦小宝</li>
</ul>
<img src="images/login.jpg">
<p style="text-indent:2em; font-size: 15px; color: red;">百度新闻是目前世界上最大的中文新闻搜索平台，每天发布多条新闻，
新闻源包括500多个权威网站，热点新闻由新闻源网站和媒体每天"民主投票"选出，
不含任何人工编辑成分，<br>真实反映每时每刻的新闻热点;百度新闻保留自建立以来所有日期的新闻，
更助您掌握整个新闻事件的发展脉络。百度新闻从2003年11月4日开始提供历史新闻浏览</p>
<p style="color: #ccc; font-family: 楷体;">百度新闻是目前世界上最大的中文新闻搜索平台，每天发布多条新闻，
新闻源包括500多个权威网站，热点新闻由新闻源网站和媒体每天"民主投票"选出，
不含任何人工编辑成分，真实反映每时每刻的新闻热点;百度新闻保留自建立以来所有日期的新闻，
更助您掌握整个新闻事件的发展脉络。百度新闻从2003年11月4日开始提供历史新闻浏览</p>
<em style="font-size: 45px;font-weight: bold;">php中文网</em><br>
<i>php中文网</i><br>
<del>499元</del><span>399元</span>
<pre>新闻源包括500多个权威网站，
热点新闻由新闻源网站和媒体每天"民主投票"选出，
不含任何人工编辑成分，</pre>
<h1 style="text-align: center;">编辑成分</h1>
<h2>编辑成分</h2>
<h3 style="text-align: center;background: pink;height: 50px;line-height: 50px;">编辑成分</h3>
<h4>编辑成分</h4>
<h5>编辑成分</h5>
<h6>编辑成分</h6>
<a href="#">链接</a><br>
<a href="https://www.baidu.com">百度</a><br>
<a href="http://www.php.cn"><img src="images/login.jpg" style="height: 40px;width: 40px;"></a>
<a href="top">页面顶部</a>
<div>
</div>
<a href="" name="top">回到顶部</a>
</body>
</html>总结:学习了html中常用标签和属性，明白了元素的分类以及转换。
批改老师：韦小宝批改时间：2018-11-02 11:23:25
老师总结：写的很不错哦！其实这里的总结还是可以更丰富更详细一点，HTML中重要的标签页不是很多，最常用的基本上也就是你写的这些了。掌握了这些标签以及属性等于掌握了HTML。学习很苦但是也很快乐，继续加油吧！！！
