JavaWeb--了解HTML
一、HTML的规范：
1、一个html文件开始标签和结束的标签：<html> </html>
2、html包含两部分内容
（1）<head> 设置相关信息</head>
（2）<body> 显示在页面上的内容都写在body里面</body>
3、html的标签有开始标签，也要有结束标签 <head></head>
4、html的代码不区分大小写
5、有些标签，没有结束标签 ，在标签内结束 <br/>
二、HTML中常用的标签：
- 头标签
- 文字标签
- 注释标签
- 标题标签
- 水平线标签
- 特殊字符
- 列表标签
- 图像标签
- 超链接标签
- 表格标签
- 表单标签
- b标签
- s标签
- u标签
- i标签
- pre标签
- sup标签
- sub标签
- p标签
- div标签
- span标签
- 框架标签
三、重点标签：
头标签：
1、base标签：设置超链接的基本设置
-
可以统一设置超链接的打开方式
如<base target="_blank"/>
2、link标签：引入外部文件
3、meta标签：设置页面的一些相关内容
4、title标签：表示在标签上显示的内容
图像标签：
<img src="图片的路径"/>
src: 图片的路径
width：图片的宽度
height：图片的高度
alt: 图片上显示的文字，把鼠标移动到图片上，停留片刻显示内容，兼容性差
超链接标签：
(1)链接资源：
<a href="链接到资源的路径"> 显示在页面上的内容 </a>
href: 链接的资源的地址
target：设置打开的方式 ，默认是在当前页打开
blank : 在一个新窗口打开
_self: 在当前页打开 默认
(2)定位资源：
如果想要定位资源：定义一个位置
<a name="top">顶部</a>
回到这个位置
<a href="#top">回到顶部</a>
表格标签：
表示表格的范围:<table></table>
border：表格线
bordercolor：表格线的颜色
cellspacing：单元格之间的距离
width：表格的宽度
height：表格的高度
每一行 <tr></tr>
设置对齐方式 align： left center right
每一列：<td></td>
设置对齐方式 align： left center right
使用<th></th>也可以表示单元格:可以实现居中和加粗
表格的标题：<caption></caption>
6、合并单元格
rowspan：跨行
如：<td rowspan="3">人员信息</td>
colspan：跨列
如：<td colspan="3">人员信息</td>
表单标签：
普通输入项：<input type="text"/>
密码输入项：<input type="password"/>
单选输入项：<input type="radio"/>
复选输入项：<input type="checkbox"/>
文件输入项：<input type="file"/>
下拉输入项：<select name="birth">
<option value="1991">1991</option>
</select>
文本域：<textarea cols="10" rows="10">
</textarea>
隐藏项：<input type="hidden" />
普通按钮：<input type="button" value=""/>
普通提交按钮：<input type="submit" value="注册"/>
图片提交按钮：<input type="image" src="图片路径"/>
重置按钮：<input type="reset"/>
框架标签：
<frameset rows="80,*"> //把页面划分成上下两部分
<frame name="top" src="a.html"> //上面页面
<frameset cols="150,*"> //把下面部分划分成左右两部分
<frame name="lower_left" src="b.html"> //左边的页面
<frame name="lower_right" src="c.html"> //右边的页面
</frameset>
</frameset>
