第四章用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 建立框架与框架集(和
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!