HTML之超链接标签，图像标签，表单标签，表格标签，框架标签

超链接标签

a标签

属性：

1. herf：跳转到指定的url资源路径
   1.1 url：统一资源定位符，是uri的一个子集
   1.2 uri：定位路径，没有具体协议指令
2. target：打开指定资源文件的方式(表示在哪个框架标签中打开（和frame中name属性一样）)
   2.1 _self:在当前页面打开
   2.2 _blank:新建一个窗口打开
   2.3 如果在框架标签：frame中结合使用
3. 常见的协议
   3.1 file:// :本地协议；打开本地的资源文件的协议
   3.2 http:// ：网络协议；
   3.3 jdbc：// ：连接MySQL数据库的协议
   3.4 thunder：// ：迅雷协议
   3.5 mailto：// ：邮件协议

超链接的作用：

1. 基本使用：跳转指定资源文件
2. 作为锚连接来使用
   2.1 在同一个页面下使用
   2.1.1.打锚点（做标记）
   < a name=“锚点名称”>< /a>
   2.1.2.创建跳转链接
   < a href="#锚点名称">执行跳转< /a>
   2.2 在不同页面下
   2.2.1.打锚点
   < a name=“锚点名称”>< /a>
   2.2.2.创建跳转链接
   < a href=“xxx.html#锚点名称”>执行跳转< /a>

图像标签

img标签

属性：

1. src：加载资源文件的路径
2. alt：图片的替代文本（当图片资源失效时起作用）
3. width/height：指定图片的高度和宽度（px：像素/百分比）
4. title：鼠标悬浮时图片上时提示的文字
5. 图片的显示和隐藏：需要样式属性：
   display：none–隐藏/block–显示

表格标签

table标签

属性

1. border：显示边框，指定边框大小：1px
2. width/height：表格宽高
3. align：表格对其方式；center：居中
4. bgColor：背景色
5. cellspacing：单元格和边框线之间的空隙；合并指定为0；
   浏览器在解析表格标签时：默认的使用tbody将tr包起来

tr标签：

表格的行

td标签：

html里没有列的概念，可以用单元格表示列
属性：

 合并行：rowspan；指定合并数量
 列合并：colspan；

th标签：

自动居中并加粗

表格的标题：

caption标签

表单标签

form 标签

属性

1. action：提交后台的url地址
2. method:提交方式
   经常用get/post；默认用get
   get方式提交和post方式提交的区别：

get方式：

1.将数据提交到地址栏上
格式：http://xxx/xx?username=value1&password=valuel2&
2.不适合提交私有数据
3.提交大小有限制

post方式：

1.不会将数据提交到地址栏上，提交数据大小无限制
2.适合存放私有数据，密码除外，密码要加密（EE：SpringSecurity：安全框架，每次加密生成的是不一样的，不易被破解）权限认证（MD5：zhang
password：123456–>%A%B%C%D,如果下一个li的密码也是一样的生成的加密也一样，容易被破解）

常用的表单的分类：

input：必填项：name属性

type=”text“ 文本输入框
type=”password“ 密码输入框
type=”radio“ 单选按钮，要写name=”gender“后台才能指定选了什么
type=”checkbox“ 复选框
type="hidden"隐藏域（没有效果，可以携带数据）
type=”button“ value=”默认值“ 普通按钮
type=”file“ 上传文件（图片），name=”photo“
type=”submit“ 提交按钮
type=”reset“ ，重置
type=”date“ 日期，name=”date“ type=”tel“电话（座机），提交的时候数据一定要是数字类型的字符串
下拉菜单：select----->option：下拉选项

文本描述：textarea
属性
rows：指定多少行
cols：指定一个行有多少个字符

框架标签

frame标签：

一个frame中包含一个html页面

1. 框架集标签：frameset，不能和body共存
2. frameset标签：
   如果整个框架的组成不是一个html页面，而是两个或两个以上的html页面组成结构框架，必须用frameset标签来标志
   属性：
   rows：将框架横向划分，从上往下看，每个页面占整个部分的权重百分比：；*是其他部分的权重
   cols：竖向划分，从左往右看，每个页面占整个部分的权重百分比