第三阶段 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.特殊符号

　　　　　　

特殊符号	字符实体	示例
空格	&nbsp;	<a href="#">超链接</a>&nbsp;&nbsp;HelloWorld
大于 (>)	&gt;	30&gt;20
小于（<）	&lt;	20&lt;30
引号（“）	&quot;	HTML属性值必须使用成对的&quot;括起来
人民币（￥）	&yen;	优惠价：&yen;198
破折号（-）	&#8212;	举头望明月，低头思故乡。&#8212;《静夜思》
版权号	&copy	Copyright&copy;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让页面更加美观？

　　　　　　

转载于:https://www.cnblogs.com/BaiZe258/p/9220226.html