<html>
<head>
<meta charset="utf-8">
<title>网页标题</title>
<!--引入样式-->
<link rel="stylesheet" href="">
<!--引入脚本-->
<script></script>
</head>
<body>
<h1>h1标签</h1>
<b>b标签加粗文本</b>
<i>i标签斜体文本</i>
<p>p标签表示段落</p>
<!--div和section标签单独一行,一般称为行元素,其他标签称为块元素-->
<div>div容器标签,可以存放其他任意标签,与span,section标签类似</div>a
<span>span容器标签</span>b
<section>section容器标签</section>c
<a href="http://www.baidu.com">百度一下</a>
<!--新增页面跳转-->
<a href="http://www.baidu.com" target="_blank">百度一下</a>
<!--图片防盗链,防止在其他网站打开,可下载到本地再src中写入本地链接-->
<!--宽和高一般只设置一个,否则可能会变形-->
<img src="http://img.taopic.com/uploads/allimg/120727/201995-120HG1030762.jpg" alt="图片名称" width="100px" title="鼠标放在图片上会展示">
<img src="" alt="图片加载失败">
<a href="http://www.baidu.com">
<img src="http://img.taopic.com/uploads/allimg/120727/201995-120HG1030762.jpg" alt="图片名称" width="100px" title="鼠标放在图片上会展示">
</a>
<!--表单:登录/注册/搜索-->
<form action="">
<input type="text" placeholder="请输入用户名">
<input type="password" placeholder="请输入密码">
<!--多选框-->
<input type="checkbox">男
<input type="checkbox">女
<input type="checkbox">保密
<!--单选框,name设置一样实现单选-->
<input type="radio" name="a">男
<input type="radio" name="a">女
<!--提交-->
<input type="submit" value="登录">
<!--表格,tr表示行,td表示列。查看网页元素table标签下自动加个tbody标签,爬虫时注意是自动加的还是人工加的-->
<table>
<tr>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
</tr>
<tr>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
</tr>
</table>
<!--下拉框,value表示传递的数据值-->
<select name="" id="">
<option value="zuqiu">足球</option>
<option value="lan">篮球</option>
<option value="yu">羽毛球</option>
</select>
<!--ul无序标签-->
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ul>
<!--ol有序标签-->
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ol>
</form>
</body>
</html>