`

HTML利用超链接打开链接文件

    博客分类:
  • CMS
阅读更多
        先看两个示例

建立一个超链接

<html>
<body>

<p>
<a href="../asdocs/html_tutorials/humor02.html">这是一个链接</a>
</p>

<p>
<a href=http://www.iteye.com target=_blank>javaeye官网链接</a>
</p>

</body>
</html>



这个示例演示了如何在HTML文件里创建超链接。

将一个图片作为一个超链接

<html>
<body>
<p>
你可以将一张图片作为一个链接,点击这个图片。
<a href="../asdocs/html_tutorials/humor03.html"><img  src="../images/html_tutorials/smile.jpg" ></a>
</p>

</body>
</html>



这个示例演示了如何将一个图片作为一个超链接,即点击一个图片,可以连接到其它文件。

a和href属性
HTML用<a>来表示超链接,英文叫anchor。

<a>可以指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。用法如下:

<a href="url">链接的显示文字</a> 
点击<a></a>当中的内容,即可打开一个链接文件,href属性则表示这个链接文件的路径。

比如链接到www.iteye.com站点首页,就可以这样表示:

<a href=http://www.iteye.com>javaeye首页</a>



target属性
使用target属性,可以在一个新窗口里打开链接文件。
<a href="http://www.admin5.com/html" target=_blank>站长网 站长学院admin5.com/html首页</a> 


title属性
使用 title 属性,可以让鼠标悬停在超链接上的时候,显示该超链接的文字注释。
<a href="http://www.admin5.com/html" title = "站长网 站长学院网页教程与代码的中文站点">站长网 站长学院网站</a> 
如果希望注释多行显示,可以使用&#10;作为换行符。

<a href="http://www.admin5.com/html" title = "站长网 站长学院&#10;网页教程与代码的中文站点">站长网 站长学院网站</a> 




name属性
使用name属性,可以跳转到一个文件的指定部位。
使用name属性,要设置一对。一是设定name的名称,二是设定一个href指向这个name:

<a href="#C1">参见第一章</a> 
<a name="C1">第一章</a> 

name属性通常用于创建一个大文件的章节目录(table of contents)。每个章节都建立一个链接,放在文件的开始处,每个章节的开头都设置Name属性。当用户点击某个章节的链接时,这个章节的内容就显示在最上面。

如果浏览器不能找到Name指定的部分,则显示文章开头,不报错。




链接到email地址
在网站中,你经常会看到“联系我们”的链接,一点击这个链接,就会触发你的邮件客户端,比如Outlook Express,然后显示一个新建mail的窗口。用<a>可以实现这样的功能。
<a href = "mailto:info@sina.com">联系新浪</a>

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    HTML利用超链接打开链接文件的方法介绍

    a和href属性HTML用来表示超链接,英文叫... 比如链接到jb51.net站点首页,就可以这样表示: 多特软件站jb51.net首页&lt;/a&gt;target属性使用target属性,可以在一个新窗口里打开链接文件。 &lt;ahref=https://www.jb51.netta

    JEECMS3.0.4使用教程

    2.6 HTML利用超链接打开链接文件:使用`&lt;a&gt;`标签创建超链接,可以指向其他网页、文件或锚点。 2.7 HTML特殊字符显示:为避免字符编码问题,需要知道如何正确显示非ASCII字符,如版权符号、商标符号等。 2.8 常用...

    JeeCMS网上文档集合

    - **HTML利用超链接打开链接文件**:教授如何创建有效的超链接。 - **HTML相对路径(RelativePath)和绝对路径(AbsolutePath)**:对比两种路径的区别及应用场景。 #### 四、标签使用详解 - **JEECMS标签简介**:概述...

    超链接_html_

    为了测试和预览HTML中的超链接,你可以直接在浏览器中打开HTML文件,或者利用Sublime的插件如LiveReload,实现代码保存后浏览器自动刷新,实时查看链接效果。 在实际应用中,超链接的样式可以通过CSS(Cascading ...

    HTML相册以及最基本的超链接

    4. **下载链接**:通过`download`属性,用户可以下载指定的资源,如`下载文件&lt;/a&gt;`。 在创建HTML相册时,可以结合超链接和图片元素`&lt;img&gt;`,将每个图片链接到相应的大型版本或者详细信息页面,增强用户体验。同时,...

    echarts 全国地图 点击地图上的点,打开超链接 地图点击事件

    在本文中,我们将深入探讨如何使用ECharts库创建一个全国地图,并实现点击...首先,我们需要在HTML文件中引入ECharts的库。通常,我们可以从ECharts的官方网站上下载最新的版本,或者直接通过CDN链接引用: ```html ...

    为FLASH添加超链接

    这时,我们可以利用一些第三方工具或者在线服务来为SWF文件添加链接。这些工具通常可以解析SWF文件,并提供编辑ActionScript的功能。 1. **使用SWF编辑工具**:如SWF Editor、Sothink SWF Quicker等,它们允许用户...

    提取网页内的所有超链接例程

    1. **打开HTML文件**:使用`ifstream`对象打开本地HTML文件,读取文件内容。 2. **读取文件内容**:将文件内容读入一个字符串变量。 3. **正则表达式匹配**:利用正则表达式匹配`(.+?)"&gt;`,其中`.`匹配任何字符,`+`...

    BAT批处理脚本-生成包含该批处理文件所在目录及所有子目录的所有文件超链接的网页.zip

    然后,它会利用这些路径创建一个HTML文档,每个文件路径都会转化为一个可点击的超链接,用户只需点击链接就能在浏览器中打开相应的文件位置。 标签“批处理 bat 脚本 自动化”进一步强调了这个脚本的性质和用途。...

    提取文件中的超级链接.rar

    1. **读取文件**:根据文件类型选择适当的库打开文件。 2. **解析内容**:对文件内容进行解析,对于HTML和XML类文件使用解析器,对于文本文件使用字符串操作。 3. **查找链接**:利用正则表达式匹配URL模式,或者在...

    原创WordPress插件:链接自动识别转为超链接

    总结起来,"链接自动识别转为超链接"的WordPress插件利用PHP编程实现了文本链接的自动超链接化,并可能具备在新标签页打开链接的功能,提高了用户体验。通过在WordPress后台激活该插件,用户可以轻松享受到这一便利...

    Silverlight环境下使用调用网页使用超链接

    当用户点击按钮时,可以触发事件处理程序,根据需要执行相应的动作,比如在WebBrowser控件中打开链接,或者使用系统默认的浏览器打开。 在实现过程中,开发者需要关注安全性和用户体验。由于OOB应用有更高的权限,...

    用Java输出HTML文件

    在本例中,主要关注于从特定目录下的URL文件(通常以.url为扩展名)读取信息,并将其转换成HTML格式,以创建一个包含超级链接的清单。此过程涉及多个Java核心库,包括`java.io.File`、`java.util.List`、`java.io....

    vb超链接学习

    在VB(Visual Basic)编程中,超链接是一个常见的功能,用于在程序中提供网页或文件的链接,使得用户可以通过点击来访问外部资源。本篇主要介绍如何在VB中实现超链接功能,以及与之相关的知识点。 一、创建超链接...

    用Dreamweaver制作网页超链接示例教程

    1. 打开Dreamweaver软件并新建一个HTML文件。 2. 在Dreamweaver的主界面中选择拆分视图,这样可以在代码视图和设计视图之间切换,方便同时观察代码的修改效果和设计的调整。 3. 在拆分视图的代码区域中找到需要设置...

    一个将目录转为html文件显示的程序

    6. **HTML格式化**:程序需要生成结构化的HTML代码,这涉及到HTML标签的使用,如`&lt;ul&gt;`(无序列表)用于目录结构,`&lt;a&gt;`(超链接)用于文件链接,`&lt;li&gt;`(列表项)表示每个文件或子目录。 7. **字体和样式**:`...

    基于SVG的超链接鼠标悬停下划线动画特效

    `&lt;a&gt;`标签的`href`属性定义了链接的目标地址,`target`属性则可以设置链接在何处打开,如新窗口或当前窗口。 【Underliner插件详解】 Underliner是一款针对HTML超链接的JavaScript插件,它利用SVG技术实现鼠标悬停...

    ASP.NET开发中实现文件及数据下载有哪些方法

    在描述中提到的方法,通过创建一个指向文件的超链接,如`下载&lt;/a&gt;`,可以实现文件下载。`download`属性告诉浏览器这是一个应该被下载而不是在新窗口中打开的链接。 3. **ASP.NET控件:HyperLink或LinkButton**: ...

    chm转换html工具软件

    对于带有超链接的CHM文件,转换工具会更新链接地址,使其指向正确的HTML文件。 在使用这类工具时,用户需要确保拥有合法的CHM文件来源,因为未经许可的转换可能涉及版权问题。同时,需要注意的是,转换可能会丢失...

Global site tag (gtag.js) - Google Analytics