当前位置:   article > 正文

HTML:链接

HTML:链接

目录

一、超链接

二、 外联元素


一、<a>超链接

<a> 标签用于定义超链接,超链接可以让用户从一个网页跳转到另一个网页。

 常用属性:

href指定链接的目标地址。
download表示链接是一个下载链接,指定下载的文件名。
target

指定在何处打开超链接。
_blank:在新窗口中打开
_parent:在当前的父窗口中打开,如果不存在父窗口,此选项的行为方式与 _self 等同
_self:当前窗口打开(默认)
_top:在整个窗口中打开
framename:在指定的框架中打开

#id:定位页面元素(锚定位法)

title

指定链接的标题,鼠标悬停时显示。

案例:指定窗口显示

  1. <a href="./txt/三国演义目录.txt" target="frame">目录</a>
  2. <iframe class="frame1" name="frame" src="./txt/三国演义目录.txt" frameborder="1">

案例:锚定位法:

  1. <a href="#mod" > 第五回 发矫诏诸镇应曹公 破关兵三英战吕布</a>
  2. <p id="mod" > 第二十二回 袁曹各起马步三军 关张共擒王刘二将</p>

二、<link>外联元素

<link> 标签用于指定外部资源。

常用属性:

属性描述
hrefURL指定被链接资源的 URL。
mediamedia_query指定被链接的资源将被显示到什么设备上。
relicon页面图标、stylesheet样式表指定当前文档与被链接资源之间的关系。
type

image/x-icon,text/css

规定被链接的文档类型

案例:链接图标

<link rel="icon" href="img/2.ico" type="image/x-icon">

案例:链接样式表

<link rel="stylesheet" href="css/menu.css" type="text/css">
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/426687
推荐阅读
相关标签
  

闽ICP备14008679号