第三阶段 03_JavaWeb基础_HTML工具以及标签介绍
HTML开发常用工具
1.常用工具：
俗话说：“工欲善其事必先利其器”。一个好的开发如果没有给力的工具，效率会很低，而且会出错。
sublime、notepad++、DW（Dreamweaver）、VS(Visual Studio xxxx)、JetBrains WebStorm等等，工具各有利弊，不管用哪个，最基础的还是那些常用的标签，工具可以帮助完成最基本的HTML的框架，最主要的还是开发人员本身。
2.HTML常用标签：
1.注释标签：<!-- -->
可以在HTML文档中添加注释，增加代码可读性，不会在页面显示，便于以后维护与修改
2.换行标签：<br/>
让网页展示信息不会在一行显示
3.水平线标签：<hr/>
水平线标签的格式与属性设置：
<hr align="left|center|right" size="横线粗细" width="横线长度" color="横线色彩" noshade="noshade"/>
4.特殊符号
| 特殊符号 | 字符实体 | 示例 |
| 空格 | | <a href="#">超链接</a> HelloWorld |
| 大于 (>) | > | 30>20 |
| 小于（<） | < |
20<30 |
| 引号（“） | " | HTML属性值必须使用成对的"括起来 |
| 人民币（￥） | ¥ | 优惠价：¥198 |
| 破折号（-） | — | 举头望明月，低头思故乡。—《静夜思》 |
| 版权号 | © | Copyright©xxxxx公司 |
5.无序列表：<ul></ul>
<ul type="disc/circle/square/img src="" "></ul>定义无序列表展示的样子
disc实心圆点 circle空心圆点 square方块 img src=""指定的图片文件
常与ul出现的还有<li></li>，li后指定符号的仰视
<ul type="circle">
<li>HelloWorld</li>
</ul>
6.有序列表：<ol></ol>
<ol type="1"></ol> //序号为数字
<ol type="A"></ol> //序号为大写英文字母
<ol type="a"></ol> //序号为小写英文字母
同样它中间也可以包含<li>
7.定义列表：<dt></dt>
<dt>
<dt>第一个标题项</dt>
<dd>对第一个标题项的解释文字</dd>
</dt>
8.表格：<table></table>
<tr>表格的行</tr>、<td>表格的列</td>、<th>表格的标题</th>
属性：rowspan（跨行）、colspan（跨列）
9.<input></input>元素
它的使用，主要是属性决定功能,type="text/submit/password/reset/button/image/checkbox/radio/file/select/option..."
10.文本域<textarea></textarea>
11.<div></div>布局
12.表单标签<form></form>
<form>表单标签，在html页面创建一个表单，表单标签在浏览器没有任何显示，如果数据需要提交到服务器，负责搜集数据的标签必须放在表单标签体内容。
action属性：请求路径，确定表单提交到服务器的地址（路径）
method属性：请求提交方式，常用取值：GET、POST
GET:默认值
提交的数据追加在请求路径上，可以在地址栏看到
请求路径长度有限制，所以GET请求提交数据有限
POST:
提交的数据不在地址栏显示
提交数据大小不显示
3.总结：
前一篇博客就已经说过了，光学会几个标签是远远不够的，现在只有页面好看，才会留住客户，所以，下一个博客讲解CSS层叠样式表，如何通过CSS让页面更加美观？
