一、超链接
1.简介
使用超链接可以从一个页面跳转到另外一个页面，实现页面之间导航
当鼠标移动到超链接文本或图片时，鼠标箭头会变成一只小手
超链接有三种类型：
- 普通链接/页面间的链接，跳转到另一个页面
- 锚链接：链接到锚点（链接到同一个页面的指定位置）
- 功能链接：实现特殊功能(发邮件，下载)
2.基本用法
使用<a>标签来创建超链接
语法格式：
<a href="链接地址" target="链接打开的位置">链接文本或图片</a>
常用属性：
- href:链接地址或路径,链接地址
- target:链接打开的位置,取值
_self 自身，当前，默认值
_blank 新的，空白的
_parent 父层框架
_top 顶层框架
示例：
路径分类：
- 绝对路径：以根开始的路径
file:///D:/software/b.html
https://www.baidu.com/img/bd_logo1.png
- 相对路径：相对于当前页面文件所在的路径,不是以根开始的路径
./ 当前路径
../ 当前位置上一级目录
- 锚链接
3.1 简介
点击链接后跳转到某一个页面的指定位置（锚点anchor）
锚链接的分类：
- 页面内的锚链接
- 页面间的锚链接
3.2 页面内的锚链接
步骤：
- 定义锚点（标记）
<a name="锚点的名称">目标位置</a>
- 链接锚点
<a href="#锚点名称">链接文本</a>
3.3 页面间的锚链接
<a href="目标页面的文件名#锚点名称">链接文本</a>
示例：
3.4 功能链接
3.5 URL
URL:Uniform Resource Locator 统一资源定位器,用来定位资源所在的位置，最常见的就是网址
组成
一个完整的URL由8个部分组成：
- 协议：prococol 如
http:超文本传输协议，用来访问WEB网站Hyper text Transfer protocal
https:更加安全的协议 SSL安全套接子层
ftp文件传输协议，用来访问服务器上的文件，实现文件的上传和下载File Transfer protocol
file:文件协议，用来访问本地文件
- 主机名hostname服务器地址或服务器Netbios名称,如baidu.com ftp://10.255.254.254
- 端口：port位于主机名的后面，使用冒号进行分隔
不同的协议使用不同的端口，如http使用80端口,https使用的443端口,ftp使用20和21
如果使用的是默认端口，则端口可以省略
如果使用的不是默认端口，则必须指定端口http://59.49.32.213:7070/
- 路径：path目标文件所在的路径结构，如:www.baidu.com/img/
- 资源resource要访问的目标文件，如png
- 查询字符串：query string 也称为参数
在资源后面使用?开头的一组名称/值
查询字符串：query string 也称为参数 在资源后面使用?开头的一组名称/值
- 锚点anchor，在资源后面使用#开头的文本，如#6
- 身份认证authentication,指定身份信息，如：ftp://账户;密码@网站服务器
二、表格
表格是一个规则的行和列，每个表格是由若干行来组成，每行由若干个单元格组成
table row column
基本结构
2.1 table 标签
常用属性：
- border：表示表格的边框，默认值为零
- width/height：宽度和高度
- bordercolor：边框颜色
- align对齐方式取值：left 左对齐center居中righ右对齐
- bgcolor：背景颜色
- background：背景图片
- cellspacing：间距。单元格与单元格之间的距离
- cellpading边距：单元格中的内容到边距之间的距离
2.2 tr标签
用来定义行：table row
常用属性：
- align：表示水平对齐 取值：left（默认）
- valign垂直对齐 取值：top顶部 middle中间 bottom底部
- bgcolor背景颜色：
- background背景图片
2.3 td标签
定义单元格，table data，
常用属性：align、valign
注意：表格必须是由行来组成，行必须由单元格来组成
示例：
2.4 合并单元格
合并单元格也称为单元格的跨行和跨列
两个属性：
- rowspan
- 设置单与昂所跨的行数
- colspan
- 设置单与昂所跨的列数
步骤：
1.在跨越的单元格中设置rowspan或者colspan属性
2.将被跨越的但与昂删除
必须要保证每行的实际列数是相同的，否则表格可能会出错乱
2.5高级标签
caption标签
表格的标题标签
thehead标签
表格的头部 table head
th标签
表格头部的标题table head title
一般用在thead当中，设置头部的标题、代替tb标签、与td的区别、th中的文本会加粗且居中显示
tbody标签
表格的主体table body
tfoot标签
表格的底部table foot
示例：
