HTML系列(HTML超链接)

超链接基本格式

格式:<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“去掉链接中的下划线

去掉链接中的下划线
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,090评论 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,958评论 1 45
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 4,990评论 0 3
  • 落英还似无情,便黯然教坠。空好月,难照人圆,忆往昔,幽欢佳会。当时曾折青桂,君可记,竞相争知味。念归去,流年有愧,...
    莫斯科的亡灵阅读 3,134评论 0 1
  • 一、健康:最近正常都是十点半前睡觉,五点半起床,有两次有事,超过十一点睡觉,我一超过这个时间就会失眠严重,后半夜三...
    经纪人青霞阅读 2,649评论 0 0