• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > HTML网页超链接标记

HTML网页超链接标记

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含标记,链接,网页,<,文件,",-->,页面,>,/a>等相关知识,佚名 希望在学习及工作中可以帮助到您

HTML网页超链接标记学习教程
链接标记的属性
链接是网页页面中最重要的元素之一,是一个网站的灵魂。一个网站是由多个页面组成的,页面之间依靠链接确定相互的导航关系。每一个网页都有独一无二的地址,在英文中被称作url(Uniform Resource Locator:通用资源标示符)。在地址栏输入http://www.jb51.net然后回车,会打开微课江湖网站的主页面。可以看到,页面中有多个栏目,多条新闻等,最上方不同的栏目就是文字链接。
链接标记虽然在网站设计制作中占有不可替代的地位,但是其标记只有一个,那就是<a>标记。本站介绍的链接应用都是基于<a>标记基础上的。
链接标记的属性见下表
属性 描述 href 指定链接地址 name 给链接命名 title 给链接提示文字 target 指定链接的目标窗口 accesskey 链接热键
关于路径
每一个文件都有自己的存放位置和路径,理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本。url—统一资源定位器,指的就是每一个网站都具有的独立的地址。同一个网站下的每一个网页都属于同一个地址之下,但是当创建网页时,不可能也不需要为每一个链接都输入完全的地址。我们只需要确定当前文档同站点根目录之间的相对路径关系。因此链接可以分为以下3种: 绝对路径
如http://www.jb51.net 相对路径
如news/default.htm 根路径
如/website/news/default.htm
在了解这三种地址形式前先要理解另外两个概念:内部链接和外部链接
内部和外部都是相对于站点文件夹而言,如果链接指向的是站点文件夹之内的文件,就是内部链接。如果链接指向站点文件夹之外的,就被称做外部链接。在添加外部链接的时候,将用到下面所讲的绝对地址;而添加内部链接的时候,将用到下面所讲的根目录相对地址和文件相对地址。
下面分别介绍这3种链接:
    绝对路径
    绝对路径为文件提供完全的路径,包括适应的协议,如http,Ftp,rtsp等。一般常见的有:
    http://www.sohu.com
    ftp://202.136.254.1
    当链接到其它网站中的文件时,必须使用绝对链接。 相对路径
    相对链接最适合网站的内部链接。只要是同一网站之下的,即使不在同一个目录下,相对链接也非常合适。文件相对地址是书写内部链接的理想形式。只要是处于站点文件夹之内,相对地址可以自由地在文件之间构建链接。这种地址形式利用的是构建链接的两个文件之间的相对关系,不受站点文件夹所处服务器位置的影响。因此这种书写形式省略了绝对地址中的相同部分。这样做的优点是:站点文件夹所在的服务器地址发生改变时,文件夹的所有内部链接(如果采用此种地址形式)都不会出问题。
    相对链接的使用方法为: 如果链接到同一目录下,则只需输入要链接文档的名称。 要链接到下一级目录中的文件,只需先输入目录名,然后加" / "再输入文件名。 如链接到上一级目录中的文件,则先输入"…/ ",再输入目录名、文件名。 根路径
    根目录相对地址同样适应于创建内部链接,但大多数情况下,不建议使用此种地址形式。它在下列情况下使用: 当站点的规模非常大,防置于几个服务器上时 当一个服务器上同时放置几个站点时

根目录相对地址的书写形式也很简单,首先以一个斜杠开头,代表根目录,然后书写文件夹名,最后书写文件名。根路径以" / "开始,然后是根目录下的目录名。

您可能想查找下面的文章:

  • 浅谈Html网页表格结构化标记的应用
  • 浅谈HTML中的标记
  • 【HTML 元素】标记文字详解
  • 详解HTML编程的标记与文档结构
  • html body标签详解与html常用的控制标记
  • html入门教程 html标记符号快速掌握
  • 用INS和DEL标记文档改变用法详解
  • 表格(TABLE)标记(TAGS)详细介绍
  • html中的meta标记简单对照
  • HTML标记一览表及用法说明

相关文章

  • 2017-08-14Html中的其他标签
  • 2017-08-05HTML的meta标签常见用法集锦
  • 2017-08-05HTML的TextArea中保存格式问题解决方法
  • 2017-08-05html area图片热点的使用介绍附相关属性一览表
  • 2017-08-05html-css设置标签样式不起作用的2点原因
  • 2017-08-05表单元素属性readonly和disabled使用对比
  • 2017-08-05超连接的四种状态的应用详细讲解
  • 2017-08-05网页表单元素Input的高级用法11例
  • 2017-09-08osb错误代码
  • 2017-08-05html meta viewport属性说明

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML基础之HTML内容细则
    • 利用HTML、CSS 实现带表情的评论框的制作教程
    • HTML validate HTML验证
    • 详解HTML的<input> 标签及其禁用方法
    • 超链接的宽度和高度直接设置不起作用的解决方法
    • meta标签中的使用viewport定义屏幕css
    • HTML 代码编写的30条技巧
    • 表单文件选择框样式自定义示例
    • 浅谈html中input只读属性readonly和disable的区别
    • 基于meta实现页面的定时刷新或跳转

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有