html+css学习----html超链接使用

一、 超链接：Hyperlink 由当前文档到目标文档间的跳转

二、 语法<a href=”链接目标” title=”注释” target=”打开链接窗口的形式”>…</a>

Target：

_blank 在新窗口中打开

_self 在自身窗口中打开（默认）

_parent在上一级窗口中打开，框架会经常使用

_top 在浏览器的整个窗口中打开，忽略任何框架

三、 链接类型

(1) 内部链接：当前网页与网页在同一个站点 <a href=”文件名”></a>

(2) 外部链接：当前网页与网页在不同一个站点<a href=”URL”></a>

(3) E-mail链接：允许访问者向指定的地址发邮件（一般指要付费的企业邮箱）<a href=”mailto:电子邮件地址”></a>

(4) 局部链接：锚点：跳转到同一页面的某个位置or其他文档中的指定位置

1)相同文档：

① 创建锚点：<a name=”锚点名称”>…</a>

② 链接锚点：<a href=”#锚点名称”>…</a>

2)不同文档：

<a name=”网页名称#锚点名称”>…</a>

(5) 空链接 <a href=”#”>…</a> （无目标，用于特效）

例如：

设为首页

<a href=”#” onClick=”this.type.behavior=’url(#default#homepage)’;this.sethomepage(‘http://www.sohu.com’)”>设为首页</a>

添加收藏

<a href=”#” onClick=”javascript:window.external.addfavorite(‘http://www.sohu.com’,’搜狐’)”>加入收藏夹</a>

(6) 脚本链接：一种特殊的链接，当单击设置脚本链接的文本or图像时，可以运行相应的javaScript语句。

常用脚本链接：

<a href=javascript:window.open(“http://www.163.com”)>新浪</a>

关闭窗口：输入 javascript:window.close()

打开窗口：输入javascript:window.open(‘文件名’)

 

四、小技巧：

1. 增加网页长度，采用空段 

<p> </p>

……

<p> </p>