超链接

  • 超链接的基本格式

  • 超链接的种类
  • 相对链接和绝对链接
  • 书签的链接
  • 基准参考点
  • 超链接事件
  • 为链接创建键盘快捷键
  • 为链接设置制表符次序

超链接也叫URL中文翻译为资源定址器.这个定址器的功能主要告诉浏览器根据URL的地址找到所需的资源。

6.1 超链接的基本格式

格式:

scheme://host[:post]/path/filename

scheme指的是http,ftp,file,mailto,news,gopher,telnet七种

host指的是IP地址或计算机名称

post指的是服务器端口

path指的是文件路径

filename指的是文件名

<a href=scheme://host[:post]/path/filename >…</a>

6.2 超链接的种类

一般常用的分为四种:

  1. http

    声明 <a href=http://www.baidu.com/images/logo.htm>百度logo</a>

  2. file

    声明    <a href=file:///盘符/第一层路径/文件名.扩展名>文件</a>

  3. ftp

    声明 <a href=ftp://192.168.1.21/>进入ftp</a>

  4. mailto    

    声明 <a href=mailto:QQ号吗@qq.com>E-MAIL</a>

6.3 相对链接和绝对链接

  1. index.htm(在同一层目录下找index.htm)

  2. page/index.htm(在同一层的page目录下找index.htm)
  3. page/top/index.htm(在同一层的page目录下找top目录,再在top目录下找index.htm)
  4. ../index.htm(向上翻一层再找index.htm)
  5. ../../index.htm(向上翻两层再找index.htm)
  6. ../page/index.htm(先向上翻一层,然后再 在page目录下找index.htm)

6.4 书签的链接(放在一些易点易看的地方)

<a>下的属性

属性名称            属性值            说明

name                字符串            设置超链接的标记

基本格式:

瞄点<a name="音乐">…</a>

链接点<a href="#音乐">书签名</a>

链接到别的网页的书签项目:

基本格式:

瞄点<a name="音乐">…</a>

链接点<a href="index.htm(别的网页URL)#音乐">书签名</a>

6.5 基准参考点

基本格式:<head>

<base href="盘符orURL">

</head>

6.6 超链接事件

LINK 颜色的设置

基本格式:<body link="颜色" alink="颜色" vlink="颜色">

link 超链接尚被选中的文字

alink 超链接点选但未被放开的颜色

vlink 超链接已被点选过的颜色

6.7 为链接创建键盘快捷键

accesskey="w(任意字母)" windows系统(Alt+w) MAC系统(Ctrl+w)

6.8 为链接设置制表符次序(多个链接时可用,n代表的是数字,按tab键依次按数字顺序切换)

tabindex="n"

时间: 2024-12-06 06:44:14

超链接的相关文章

richTextBox扩展,实现任意文本的超链接

普通的richTextBox只能为“http://, ftp:// 或其他标准协议”自动添加超链接,不能为之外的文本添加超链接, 现在有个扩展可以实现为任意文本添加超链接,扩展地址: http://www.codeproject.com/Articles/9196/Links-with-arbitrary-text-in-a-RichTextBox 使用方法: 1,新建项目 2,解决方案→添加→现有相(浏览到扩展源码中RichTextBoxLinks.csproj位置)添加RichTextBox

4.html5中超链接和路径

html中超链接都是通过<a>标签实现的,html5也不例外,这里就来探讨一下<a>标签. <a>元素属于文本元素,有一些私有属性或者叫局部属性.那么,相对应的还有通用属性或叫做全局属性,全局属性是的问题我们以后再来探讨. 对于其私有属性有哪些,下面用一个表格进行了整理: 属性名称 说明 href 指定<a>元素所指资源的 URL hreflang 指向的链接资源所使用的语言 media 说明所链接资源用于哪种设备 rel 说明文档与所链接资源的关系类型 t

HTML中的超链接

超链接:也叫URL(Uniform Resource Locator),就是统一资源定位器.一般效果是我们点击网页上某个地方,网页会自动跳转到另外一个地方. 一般链接遵循以下要求:scheme://host.domain:port/path/filename 比如W3C的网站地址为: http://www.w3school.com.cn/html/index.asp.我们对上面的各个单词做如下解释: scheme - 定义因特网服务的类型.最常见的类型是 http  host - 定义域主机(h

HTML篇之CSS样式:&lt;button&gt;&lt;/button&gt;按钮变成超链接&lt;a&gt;&lt;/a&gt;的样式

原文:http://blog.csdn.net/qq_16769857/article/details/52055349 [html] view plain copy print? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="

PHP正则表达式提取html超链接中的href地址

用php的正则表达式相关函数,实现提取html超链接<a href="地址"></a>中的地址 <?php $preg='/<a .*?href="(.*?)".*?>/is'; $str ='<a href="链接1">URLNAME</a>文本段1<a href="链接2" target="_blank">URLNAME<

4、超链接和路径

<a>元素术语文本元素,有一些私有属性或者叫做局部属性.那么,相对应的还有通用属性,或者叫全局属性. href:指定<a>元素所指资源的URL hreflang:指向的链接资源所使用的语言 media:说明所链接资源用于哪种设备 rel:说明文档与所链接资源的关系类型 target:执行用以打开所链接资源的浏览环境 type:说明所链接资源的MIME类型(比如text/html) 这这几个属性当中,只有href和target一般比较常用.href是必须的. href属性: <

JSP中设置超链接失效点击进入下载页面的问题

在JSP中设置超链接标签体后点击发现进入不了页面而是进入了下载页面,此时需要在你新建的超链接对应的Servlet中查看response响应头是否有设置,设置是否成功,如下代码: 在JSP页面设置如下超链接发现进入不了, <a href="<%= request.getContextPath()%>/servlet/BuyServlet?prod=电视">电视</a><br> 此时进入BuyServlet类中查看response的应答头的设

HTML基础(四)——设置超链接的样式示例

 ***设置超链接的样式示例  a:link 超链接被点前状态 a:visited 超链接点击后状态 a:hover 悬停在超链接时 a:active 点击超链接时 在定义这些状态时,有一个顺序l v h a 代码区: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

超链接文字随状态改变变色2016-0514

这个知识点,可能会觉得碎,但是后期会用到,并且频繁的在练习网页制作中应用 额外扩展:疑问是不是在学习PHP中的函数之后可以定义一个函数来包括它? 链接的style:{       a:link{                  color:blue;随意设定                  text-decorationg:none;(无下划线)根据要求                } 超链接被点前状态     a:visited {                  color:blue