1.html中常用的标签：
文字标签：
<font></font> 属性： size：文字的大小，取值范围：1-7，若超出了7，默认还是7 color:文字的颜色注释标签：
<!-- html的注释 -->标题标签：
<h1></h1> ~ <h6></h6>依次变小，并且会自动换行水平线标签：
<hr/> 属性： size：水平线的粗细，取值范围：1-7，若超出了7，默认还是7 color:水平线的颜色特殊字符：
想要在页面上显示这样的内容 ： <html>:是网页的开始需要对特殊字符进行转义
< < > > 空格 代码： < html >：是网页的开始缩进列表标签：
要显示下面这种内容： 湖南工商大学 财务部 财务部 财务部 语法： <dl></dl>表示列表的范围 <dt></dt>在dl里面，表示上层内容 <dd></dd>在dl里面，表示下层内容 代码： <dl> <dt>湖南工商大学</dt> <dd>财务部</dd> <dd>财务部</dd> <dd>财务部</dd> </dl>有序列表标签：
要显示下面这种内容： 1.财务部 2.人事部 3.学工部 语法： <ol type="a"></ol>表示列表范围,type表示排序方式，默认是1，可以设置为：a,i <li></li>表示内容 代码： <ol> <li>财务部</li> <li>人事部</li> <li>学工部</li> </ol>无序列表标签：
显示内容：
代码： <ul type="circle"> <li>财务部</li> <li>学工部</li> <li>人事部</li> </ul> 语法： <ul type="circle"></ul>表示列表范围,type表示排序形式，有：circle,disc(默认),square <li></li>表示内容图片标签：
代码： <img src="b.jpg" width=300 height=200 alt="凤姐"/> 解释： src:图片的路径，路径必须和html文件在同一位置下 width:图片的宽度 height:图片的高度 alt：把鼠标放在图片上片刻，显示内容。（不推荐，兼容性差，再有的浏览器上不显示）绝对路径：D:\BaiduNetdiskDownload\崔希凡javaweb源码笔记\JavaWeb视频教程_day1-资料源码\code\img\b.jpg
相对路径：b.jpg
换行标签：
<br/>标签可以嵌套使用
超链接标签：
语法： <a href="连接到资源的路径" target="_blank">显示在页面上面的内容</a> target:网页打开方式,值有：_blank在一个新窗口打开，_self从当前页打开，默认打开方式 当超链接不需要打开任何页面时，在href里面加# 如： <a href="#"> 这是一个超链接</a> 代码： <a href="标签实例.html">我是一个超链接</a>原样输出标签：
<pre></pre>定位标签：
语法： 先定义一个位置： <a name="top">顶部</a> 回到这个位置： <a href="#top">回到顶部</a>表格标签：
代码： <table border="1" bordercolor="blue" cellspacing="0" height="500" width="500"> <caption>人员信息</caption> <tr align="center"> <td align="right">姓名</td> <td>年龄</td> <td>性别</td> </tr> <tr> <td>李白</td> <td>23</td> <td>男</td> </tr> <tr> <th>杜甫</th> <td>24</td> <td>男</td> </tr> </table> 解释： border表示表格的粗细 align值有：center,left,right表示，表格居中还是左对齐或者右对齐 <th></th>也可以表示单元格，对单元格加粗和居中 <caption></caption>表示表格的标题结果： 合并单元格：
跨列
代码： <table border="2" bordercolor="blue" cellspacing="0" height="500" width="500"> <caption>人员信息</caption> <tr align="center"> <td colspan="3">人员信息</td> </tr> <tr> <td>李白</td> <td>23</td> <td>男</td> </tr> <tr> <td>杜甫</td> <td>24</td> <td>男</td> </tr> </table> ------------------------------------------- 解释： 数每行里面有多少单元格，第一行1个，第二行和第三行都是3个 rowspan:跨行 colspan:跨列，3表示所跨的列数结果： 跨行
<table border="1" bordercolor="blue" cellspacing="0" height="500" width="500"> <caption>人员信息</caption> <tr > <td >姓名</td> <td>年龄</td> <td rowspan="3">性别</td> </tr> <tr> <td>李白</td> <td>23</td> </tr> <tr> <td>杜甫</td> <td>24</td> </tr> </table> ------------------------------------------------------------ 解释: 数每行里面有多少单元格，第一行3个，第二行和第三行都是2个 rowspan:跨行,3表示跨的行数 colspan:结果： 表单标签： 提交数据到服务器的过程可以使用表单标签实现
在输入项里面必须要有一个name属性 在单项输入项和复选输入项里面还要有一个value属性
语法： <form></form>:定义表单的范围 属性： action:提交到地址，默认提交到当前的页面 method:表单提交方式，常用的有两种值，get和post。推荐使用post. 区别： get请求地址栏会携带提交的数据，post不会 get安全级别太低，post较高 get有请求数据大小的限制，post没有 输入项：可以输入内容或者选择内容的部分 大部分输入项使用： <input type="输入项的内容"/> -------------------------------------------------------- 普通输入项： <input type="text" name="pho"/> 密码输入项：<input type="password" name="pwd"/> 单选输入项：<input type="radio" name="sex" value="nv"/>男 他里面必须要属性name,且name的属性值必须要一样,还要有value属性。 要实现默认选中，使用属性cheched="checked" 复选输入项：<input type="checkbox" name="love" value="l"/>篮球 他里面必须要属性name,且name的属性值必须要一样，还要有value属性 要实现默认选中，使用属性cheched="checked" 文件输入项：<input type="file"/> ---------------------------------------------------------- 下拉输入项： <select name="birth"> <option value="请选择"> 请选择</option> <option value="1995"> 1995</option> <option value="1996"> 1996</option> <option value="1997"> 1997</option> </select> 实现默认选中：使用属性selected="selected" 文本域：<textarea rows="10" cols="20" name="txt"></textarea> 隐藏项：<input type="hidden" name="hid"/> 他不会显示在页面上，但是在存在于html代码中 提交按钮：<input type="submit" value="注册"/> 图片提交：<input type="image" src="图片的路径"/> 重置按钮：<input type="reset" value="重置注册"/> 普通按钮：<input type="button" value="普通按钮"> 跟js一起使用 代码： <form action="标签实例.html" method="post"> 手机号码：<input type="text"/> <br/> 创建密码：<input type="password"/> <br/> 性别：<input type="radio" name="sex"/ checked="checked">男 <input type="radio" name="sex"/>女 <br/> 爱好：<input type="checkbox" name="love" checked="checked">篮球 <inpu type="checkbox" name="love">足球 <input type="checkbox" name="love">兵乓球 <inputype="checkbox" name="love">排球 <br/> 文件：<input type="file"/> <br/> 生日：<select name="birth"> <option value="请选择"> 请选择</option> <option value="1995" selected="selected"> 1995</option> <option value="1996"> 1996</option> <option value="1997"> 1997</option> </select> <br/> 自我描述：<textarea rows="10" cols="20"></textarea> <br/> <input type="submit" value="注册"/> <br/> 图片提交：<input type="image" src="b.jpg"/> <input type="reset" value="重置注册"/> <input type="button" value="普通按钮"> </form>结果：
提交后的地址栏显示： file:///C:/Users/dongjie/Desktop/html%E6%BA%90%E7%A0%81/%E8%A1%A8%E5%8D%95%E6%A0%87%E7%AD%BE.html ? pho=15629705532&pwd=123456&sex=nv&love=l&love=z%3E%E8%B6%B3%E7%90%83%0D%0A+++++++++++++++++++++%3Cinput+type%3D&birth=1995&txt=%E6%80%A7%E6%A0%BC%E5%A5%BD++%E7%88%B1%E8%AE%B2%E8%AF%9D 这样就把数据提交给服务器了其他标签：
语法： <b></b>:加粗 <s></s>：删除线 <u></u>：下划线 <i></i>：斜体 <sub></sub>:下标 <sup></sup>:上标 <hr/>:水平线 <br/>:自动换行 <pre></pre>:原样输出 <div></div>:自动换行输出 <span></span>:在一行输出 <p></p>:段落标签 代码： <b>床前明月光</b> <u>疑是地上霜</u> <s>举头望明月</s> <i>低头思故乡</i> 3<sub>100</sub> 3<sup>100</sup> <div>我是div</div> <div>我是div</div> <div>我是div</div> <span>我是span</span> <span>我是span</span> <span>我是span</span>头标签的使用：在head里面的标签就是头标签
语法： <title></title>:在打开的网页上面显示的内容 <meta http-equiv="refresh" content="3;url=表单标签.html"/>：实现页面的定时跳转，在3s后跳转到表单标签.html页面 <base/>:设置超链接打开方式 <base target="_blank"/> <a href="表单标签.html">超链接1</a> <a href="表单标签.html">超链接1</a> <a href="表单标签.html">超链接1</a> 解释： 所有的超链接，重新在一个新窗口打开，框架标签的使用：（已经过时，了解即可）
语法： <frameset></frameset> <frame> 他们不能在body中使用，因此需要去掉body