上课笔记、HTML简介

四、超链接

1.简介

使用超链接可以从一个页面跳转到另一个页面，实现页面之间导航

当鼠标移动到超链接文本或图片时，鼠标会变成一只小手

超链接三种类型

• 普通链接、页面间的链接跳转到另一个页面
• 锚链接，链接到锚点（链接到同一个页面的指定位置）
• 功能链接：实现特殊功能(发邮件：下载)

2.基本用法

使用标签来创建超链接

语法格式：

<a href="链接地址" target"链接打开的位置"

常用属性：

• href：链接的地址或路径，链接地址

• target：链接打开的位置

  _self自身、本身、当前
  _blank空白的，新的
  _parent复层框架
  _top顶层框架
  

路径分类：

• 绝对路径

  以根开始的路径

  http://www.baidu.com

• 相对路径

  相对于当前页面文件所在的路径，不是以根开始的路径

  ./ 当前路径

  …/ 当前路径的上一层路径

3.锚链接

3.1简介

点击链接后会跳转到某一个页面的指定位置(锚点anchor)

锚链接的分类：

• 页面内的锚链接
• 页面之间的锚链接

3.2页面内的锚链接

步骤：

1：定义锚点(标记)

<a name-"锚点的名称">目标位置</a>

2：链接锚点

a href="#锚点名称">链接文本</a>

3.3页面间的锚链接

<a href="目标页面的文件名#锚点名称">链接文本</a>

4.功能链接

5.URL

5.1.简介

URL：UNiform Resource locater统一资源定位器，用来定位资源的所在位置，最常见的就是网址

https://www.baidu.com/img/bd_logo1.png?name=tom&age=2&sex=male 
https://www.w3school.com.cn/html/html_quotation_elements.asp 
file:///C:/Users/Administrator/Desktop/project/code/09.%E5%B8%B8%E7%94%A8%E6%A0%87%E7%A D%BE3.html 
http://www.sxgjpx.net/
ftp://10.255.254.253/

5.2组成

一个完整的URL由八个部分组成

• 协议：prococol 如 http:超文本传输协议，用来访问WEB网站Hyper text Transfer protocal https:更加安全的协议 SSL安全套接子层 ftp文件传输协议，用来访问服务器上的文件，实现文件的上传和下载File Transfer protocol file:文件协议，用来访问本地文件
• 主机名hostname服务器地址或服务器Netbios名称,如www.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要访问的目标文件，如bd_logo1.png
• 查询字符串：query string 也称为参数 在资源后面使用?开头的一组名称/值名称和值之间以=分隔，多个之间用&分隔，如:name=tom&age=2&sex=male
• 锚点anchor，在资源后面使用#开头的文本，如#6
• 身份认证authentication,指定身份信息，如：ftp://账户:密码@ftp.bbshh010.com

五、表格

表格是一个规则的行和列，每个表格是由若干行来组成，每行由若干个单元格组成

table row column

2.基本结构

1.1table 标签

常用属性：

• border：表示表格的边框，默认值为零

• width/height：宽度和高度

• bordercolor：边框颜色

• align对齐方式取值：left 左对齐center居中righ右对齐

• bgcolor：背景颜色

• background：背景图片

• cellspacing：间距。单元格与单元格之间的距离

• cellpading边距：单元格中的内容到边距之间的距离

2.2tr标签

用来定义行：table row

常用属性：

• align：表示水平对齐 取值：left（默认）
• valign垂直对齐 取值：top顶部 middle中间 bottom底部
• bgcolor背景颜色：
• background背景图片

2.3td标签

定义单元格，table data，

常用属性：align、valign

注意：表格必须是由行来组成，行必须由单元格来组成

3.合并单元格

合并单元格也称为单元格的跨行和跨列

两个属性：

• rowspan

  设置单与昂所跨的行数

• colspan

  设置单与昂所跨的列数

步骤：

1.在跨越的单元格中设置rowspan或者colspan属性

2.将被跨越的但与昂删除

必须要保证每行的实际列数是相同的，否则表格可能会出错乱

4.高级标签

4.1caption标签

表格的标题标签

4.2thehead标签

表格的头部 table head

4.3th标签

表格头部的标题table head title

一般用在thead当中，设置头部的标题、代替tb标签、与td的区别、th中的文本会加粗且居中显示

4.4tbody标签

表格的主体table body

4.5tfoot标签

表格的底部table foot