四、HTML标签
HTML的知识点我就直接搞成了代码形式的，样子可能不好看，但是复制代码直接能看到各标签的作用：
下面是HTML标签的内容：
<!DOCTYPE html>
<!--声明是HTML5文档-->
<html lang="en">
<!--声明默认是英文为主的页面，中文为主则"zh-CN"-->
<head>
<!--头部，不显示在浏览器里面，给浏览器看的内容-->
<!--meta标签定义网页元信息，-->
<meta charset="UTF-8">
<!--编码声明，否则会出现乱码-->
<!--<meta http-equiv="refresh" content="2;URL=HTTPS://WWW.BAIDU.COM">-->
<!--2秒后跳转到对应的网址，注意引号-->
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
<!--关键字，别人通过哪些关键字搜索到的该网站，seo就是做这个的。-->
<meta name="description" content="xxxxxpythonxxx学习">
<!--对文档的描述-->
<title>HTML标签</title>
<!--网页的标题，在浏览器标题栏显示-->
<link/>
<!--引入外部样式表文件-->
<script></script>
<!--定义JS代码或引入外部JS文件-->
</head>
<body>
<!--网页内容主体-->
<!--标签重要的属性：id（唯一的，不能重复）、class（类）、style（样式）-->
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除</s>
<p id="p1">段落标签，独占一个段落</p>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<!--换行-->
换行<br>
<!--水平线-->
水平线<hr>
<!--特殊符号-->
空格：
<hr>
>：>
<hr>
<：<
<hr>
&：&
<hr>
￥：¥
<hr>
版权标识：©
<hr>
注册：®
<div>div标签</div>
<span>span标签</span>
<img src="http://a0.att.hudong.com/78/52/01200000123847134434529793168.jpg" alt="" title="img标签" width="120" height="120">
<a href="#p1">a标签：点我到p标签去了</a>
<!--列表标签-->
<!--无序列表-->
<ul type="disc">
<!--type属性disc（实心圆点，默认值）；circle（空心圆圈）；square（实心方块）；none（无样式）-->
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
<li>第四项</li>
</ul>
<!--有序列表-->
<ol type="1" start="2">
<!--type属性：1数字列表；A大写字母；a小写字母；I大写罗马；i小写罗马。-->
<!--start属性：从数字几开始。-->
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
<!--标题列表-->
<dl>
<dt>标题一</dt>
<dd>内容一</dd>
<dt>标题二</dt>
<dd>内容二</dd>
<dd>内容三</dd>
</dl>
<!--表格标签-->
<table border="1">
<!--border:表格边框-->
<!--cellpadding:内边距-->
<!--cellspacing:外边距-->
<!--width:宽度（像素和百分比）-->
<!--rowspan:单元格竖跨多少行（合并单元格）-->
<!--colspan:单元格横跨多少列（合并单元格）-->
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>爱好</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>陈慧</td>
<td rowspan="2">吃</td>
</tr>
<tr>
<td>2</td>
<td>孙皓</td>
</tr>
</tbody>
</table>
<!--form表单：用于向服务器传输数据，实现用户与web服务器的交互--需要配合input来使用；-->
<!--属性：accept-charset----规定使用的字符集-->
<!--action----规定提交表单的地址（URL）-->
<!--autocomplete----规定浏览器自动完成表单，默认开启-->
<!--enctype----规定被提交数据的编码（默认url-encoded)-->
<!--mothod----规定在提交表单时所用的HTTP方法（默认GET）-->
<!--name-->
<!--novalidate----规定浏览器不验证表单-->
<!--target----规定action属性中地址的目标（默认_self）-->
<form action="http://127.0.0.1:9001" method="post">
<p>用户名text：
<input type="text" name="username">
</p>
<p>密码password：
<input type="password" name="pwd">
</p>
<p>提交submit
<input type="submit" value="登陆">
</p>
<p>日期输入框date
<input type="date" name="date">
</p>
<p>复选框checkbox
<input type="checkbox" checked="checked" name="x" value="footboll">踢球
<input type="checkbox" name="x" value="basketball">打球
<input type="checkbox" name="x" value="shuangseball">双色球
</p>
<p>单选框radio：
<input type="radio" checked="checked" name="y" value="man">男
<input type="radio" name="y" value="wowen">女
</p>
<p>
<input type="reset" value="重置">
</p>
<p>
<input type="hidden" value="隐藏输入框">
</p>
<p>上传文件file：
<input type="file" name="file">
</p>
</form>
<form action="127.0.0.1:9001" method="post">
<p>
下拉选项框select：
</p>
<select name="city" id="city" multiple="multiple" disabled="disabled">
<option value="1" selected="selected">北京</option>
<option value="2">上海</option>
<option value="3">天津</option>
</select>
<label for="i1">label标签</label>
<input type="text" id="i1">
<label>label标签第二种写法：
<p>textarea标签：
<textarea name="area" cols="10" rows="10">
默认内容
</textarea>
</p>
</label>
</form>
</body>
</html>
浙公网安备 33010602011771号