第四章用HTML建立超链接


 


1.设置基本文字超链接

超链接标记:

基本结构:

**1.1 URL的格式
**

每个文档在互联网上都有唯一的地址,该地址的全称为统一资源定位器(Uniform
Resource Laocator),简称URL。

URL由4个部分组成:”协议”、”主机名”、”文件夹名”、”文件名”。

互联网应用种类繁多,网页只是其中之一。协议是用来标示应用的种类,通常通过浏览器浏览网页的协议都是HTTP协议,即”超文本传输协议”。

接下来是主机名,表示在那台服务器上,主机名可以通过IP地址或域名来表示。

确定主机之后,还需要确定文件存在于这台服务器的哪个文件夹中,这里文件夹可以分为多个层级。

最后是文件,通常以”.html”为后缀。

**1.2 URL类型
**

超链接URL可以分为两种类型:”绝对URL”和”相对URL”

1.2.1 绝对URL就是上面所说的完成地址。

1.2.2 相对URL分为相对文档URL和相对服务器URL。

如上所示,第一个是绝对URL,第二个是相对文档URL,第三个是相对服务器URL。

2.设置页面内部的特定目标的链接(跳到页面某一位置)

3.设置图片的超链接

注意

图片会想文字超链接有下划线一样有个黑色边框,在中设置border=0可以取消这个边框。文字超链接的下划线则要在CSS中设置。

4.设置电子邮件链接

格式:”mailto:电子邮件地址”

5.设置以新窗口显示链接页面

属性为_blank表示自动打开一个新窗口,显示该目标页面。

6.创建热点区域(

 

其中#Map1表示引用name为Map1的map标记

标记有3个属性:

第一个为shape属性,控制区域形状,其设置值有3个,分别为rect(矩形)、circle(圆形)和poly(多边形)

第二个为coords属性,控制区域划分坐标

1)如果shape是rect,则coords的设置值分别是(x1,y1,x2,y2),单位为像素。

2)如果为circle,则为(x,y,r)

3)如果为poly,则为(x1,y1,x2,y2,x3,y3……)

第三个为href属性,设置超链接目标

7.框架之间的链接

论坛经常使用框架

**7.1 建立框架与框架集(和)
**

框架集的HTML标记为,框架的HTML标记为。需要注意的是它们与是同级的,不能混用。

窗口的分割方式有两种,一种垂直,一种水平,分别对应和标记。

**7.2 用col属性将窗口分为左右两个部分
**

30%是把整体宽度的30%分配给第一个窗口,*是把剩下的空间分配给最后的窗口。

**7.3 用rows属性将窗口分为上中下三部分
**

**7.4 框架的嵌套
**

**7.5 用src属性在框架中插入网页
**

输入的网页会立即显示在框架中

**7.6 用src属性在框架之间连接
**

框架的最大作用是从一个框架内容中控制另一个框架的页面显示

要实现跨框架链接,必须要对框架命名。如下命名为main。

如下,href表示框架所要获取的页面,target表示框架的名字。

target属性的四种常用情况:

_blank:表示新打开一个浏览器窗口,在其中显示该链接页面。

_self:在原窗口(某个框架中)显示。

_top:框架是层层嵌套的,使用_top是在顶级框架,就是在浏览器窗口中显示。

_partent:在框架上一级显示。

**7.7 创建嵌入式框架(