a标签

     在浏览网页时可以从一个页面跳转到另一个页面,或者可以从一个网站跳转到另一个网站,这些都是通过超链接来实现的。超链接是网页中一个非常重要的元素,不仅能用于站点内文档间的互链,还能用于站外各网站之间的互链。超链接可以是文本,也可以是图片或其它网页元素,表示超链接的标记为:a标签。在 a 标签中有一个必不可少的 href 属性,href属性指定的目标URL可以为相对路径或绝对路径,语法:﹤a href="被链接文件的URL地址"﹥ 链接对象 ﹤/a﹥

超链接文本的颜色可以通过设置CSS样式更改,代码如下:
a {color:颜色值}:这条代码将规定 a 链接在默认下与点击过后的文本颜色;
a:link {color:颜色值}:设定 a 链接在默认下的文本颜色;
a:visited {color:颜色值}:设定 a 链接在被访问过后(点击过后)的文本颜色;
a:hover {color:颜色值}:设定当鼠标移上 a 链接时的文本颜色;
a:active {color:颜色值}:设定 a 链接在被选择时(鼠标点击时)的文本颜色;

提示:为了产生预期的效果,在 CSS 定义中,
a:hover 必须位于 a:link 和 a:visited 之后;a:active 必须位于 a:hover 之后。

超链接窗口的打开方式
在点击超链接时,网页是从当前窗口跳转另一个网页,
同时可以通过 a 标签中的 target 属性来设置网页窗口的打开方式,属性值如下:
_top:在浏览器的整个窗口打开链接,忽略任何框架;
_self:在当前窗口打开链接页面,默认打开方式;
_blank:在新窗口打开链接页面;
_parent:在上一级窗口中打开链接页面;

如何使用 a 标签建立超链接
在源代码中创建一个 a 标签,href 指向被链接的地址,即可实现跳转到被链接的页面,案例如下:
﹤a href="/aaa/bbb/ccc.html"﹥链接对象﹤/a﹥
链接文件在同一个服务器时,可省略http://
﹤a href=“ccc.html"﹥链接对象﹤/a﹥
链接文件在同一个文件夹时,可省略/aaa/bbb/部分;
﹤a href=”…/ccc.html"﹥链接对象﹤/a﹥
链接文件在上一级目录时,可使用“…/”来表示上一级目录;
﹤a href="…/xxx/ccc.html"﹥链接对象﹤/a﹥
链接文件在上一级目录的xxx文件夹中,只需在“…/”后面加上文件夹名称,再输入文件名即可;
﹤a href="http://网站地址"﹥链接对象﹤/a﹥
链接到互联网其它站点的网页时,需在http://后输入网址路径;
示范一个跳转到本博客的首页,URL地址为:http://blog.sina.com.cn/htmlcss3,代码书写如下:

﹤a href="http://blog.sina.com.cn/htmlcss3"﹥HTML标签的博客﹤/a﹥

上述语法中点击“HTML标签的博客”即可实现跳转页面;同时在 a 元素中设置了 title 属性,用于说明该链接指向的是个什么样的页面,title 属性表现为当把鼠标悬停在该链接时,会出现一段提示的文本,

什么是空链接?
空链接的URL是用“#”号来代替的,语法:﹤a href="#"﹥这是一个空链接﹤/a﹥
没有链接对象的链接就叫空链接,点击空链接不会跳转到任何页面,以“#”创建的空链接会指向页面的顶部,也就是说点击时会自动回到当前页面的顶部位置。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值