美文网首页
HTML系列(HTML超链接)

HTML系列(HTML超链接)

作者: 破折号 | 来源:发表于2019-02-26 11:01 被阅读0次

超链接基本格式

格式:<a href="URL(路径)"></a>
(<a href=”scheme://host[:port]/path/filename”></a>)

属性 说明
scheme 指的是http,ftp,file,mailto,news,gopher,telne七种
host IP 地址或计算机名称(例:192.168.0.0)
port 服务器端口(例:8080)
path 文件路径
filename 文件名
举例(localhost为本地可用本地ip代替)

超链接的种类(一般有四种)

  1. http

如:<a href=http://www.xxx.com>网址</a>

  1. file

如:<a href=file://images/1.jpg>图片</a>

  1. ftp

如:<a href=ftp://192.168.0.0/>进入</a>

  1. mailto

如:<a href=mailto:xxx@xxx.com>e-mail</a>

相对连接(自己本身路径):

如:index.html、other/index.html等

绝对连接(所有路径):

如:http : // www . xxx . com / xxx.html等

相对链接和绝对链接

书签链接:

<a name=”string”>(字符串, 设置超链接的标记)

基本格式(内连接,最常见的就是置顶或置底):
<a href="#a">超链接</a>
<a name="a">超链接</a>

内连接 点击置底到页面下面 点击置顶到页面上面

基本格式(外链接,跳转页面):
<a href=" ">超链接</a>
<a href="#">空链接(会跳到页面最上面)</a>
<a href="javascript:;">空链接(死链接)</a>
<a href="网址">跳转到网址</a>

外连接

target属性:(<a href=”” target=”_blank”>)

属性 属性值 说明
target _blank 在新窗口中打开链接(常用)
target _self 在当前窗体打开链接(常用,默认)
target _parent 在父窗体中打开链接
target _top 在当前窗体打开链接,并替换当前的整个窗体(框架页)
target other 一个对应的框架页的名称 ,在对应框架页中打开
举例(_blank)

补充:style=”text-decoration:none“去掉链接中的下划线

去掉链接中的下划线

相关文章

  • HTML系列(HTML超链接)

    超链接基本格式 格式: ( ) 超链接的种类(一般有四种) http 如: 网址 file 如: 图片 ftp...

  • HTML链接-09

    HTML 超链接(链接) HTML 链接语法 实例: HTML 链接 - target 属性 HTML 链接- i...

  • 初识HTML

    HTML基础 文本标签 列表 图片和超链接 表格 homework.html

  • HTML超链接

    如果使用外部地址(非本项目的页面),地址需要加上http等协议 在新标签页打开超链接 新建锚点 跳转到锚点

  • HTML超链接

    本笔记记于2021年,摘自MDN HTML板块 1.URL URL(Uniform Resource Locato...

  • html超链接

    超链接标签a 超链接使用: 超链接属性: href - - -指明要跳转到的地址 eg: \点击跳转到百度 ,...

  • HTML 超链接

    超链接非常重要 ——它们使互联网成为一个互联的网络。这节课我们将介绍创建链接所需的语法,并且讨论一些链接的最佳实现...

  • HTML笔记--超链接标签

    HTML笔记--超链接标签 标签(空格分隔): HTML 超链接标签 链接资源 显示连接的内容 百度这样的效果就是...

  • JAVA Web学习(2)___第二章 HTML 和CSS网页开

    第2章 HTML 和CSS网页开发基础 2.1.6 超链接和图片标记 1.超链接 HTML使用标签 来设置超文本...

  • Swift YYLabel处理Html富文本超链接跳转

    一、返回html数据是: p标签, a标签包含的显示文本 二、非HTML文本包含超链接,点击超链接跳转 三、工具类...

网友评论

      本文标题:HTML系列(HTML超链接)

      本文链接:https://www.haomeiwen.com/subject/wpwoyqtx.html