HTML语言标签之超链接
2016-12-12 17:29
211 查看
超链接标签是
有两种用法:
一、超链接
例如
其中href属性值可以是url,也可以是本地文件。target属性是指定在哪个窗口或者帧中打开。
不特别定义href 的话,默认的是本地,凡是不定义协议的,都默认是本地协议。
二、定位标记
一般在本页面中使用,当网页内容过长,定位标记会比拖动滚动条方便快捷,常见的就是在网页中会有回到顶部的超链接就是用的定位标记。
例如
这些代码可以在myeclips中尝试运行。
锚点用于标识本页面中的位置
示例:
三、 超链接的另一个重要应用:超链接有默认的字体样式,和默认的时间,想要让超链接按照自定义的方式实现点击后的效果
1、取消默认的点击事件href=”javaccript:void(0)”
2、通过注册指定时间,定义处理方式,按照自定义的方式运行
alert
b677
弹窗
结果如下:
<a> </a>
有两种用法:
一、超链接
<a href="">
例如
<a href="http://www.sina.com.cn" target="blank">新浪 </a> <br/> <a href="mailto:abc@sina.com?cc=hd@sina.com" target="_blank">联系我们</a> <br/> <a href="http://www.thunder.com/movie/bxjg.rmvb">变形金刚</a> <br/> <a href="thunder://blablabla==">变形金刚迅雷版</a><!-- 迅雷自己的协议,可以直接打开迅雷软件 -->
其中href属性值可以是url,也可以是本地文件。target属性是指定在哪个窗口或者帧中打开。
不特别定义href 的话,默认的是本地,凡是不定义协议的,都默认是本地协议。
二、定位标记
<a name="">
一般在本页面中使用,当网页内容过长,定位标记会比拖动滚动条方便快捷,常见的就是在网页中会有回到顶部的超链接就是用的定位标记。
例如
<a name="标记"> 标记位置 </a> 网页内容。。。 内容 内容 内容(好多好多的内容) <a href="#标记"> 返回标记位置 </a> <!--注意:使用定位标记的时候一定在href值的开始加入#标记名-->
这些代码可以在myeclips中尝试运行。
锚点用于标识本页面中的位置
示例:
<h1><a id="top"></a>this is the title</h1> <!--用于标识位置-->
<p><a href="#top">回到顶部</a></p> <!--#号意味着top引用的是当前文档内的命名锚点,忘记加#号或者写错了锚点的名称,也就是将链接到页面内不存在的锚点名称或者拼写错了的锚点名称,链接将转到本页面的顶部-->
三、 超链接的另一个重要应用:超链接有默认的字体样式,和默认的时间,想要让超链接按照自定义的方式实现点击后的效果
1、取消默认的点击事件href=”javaccript:void(0)”
2、通过注册指定时间,定义处理方式,按照自定义的方式运行
alert
b677
弹窗
<a href="javaccript:void(0)" onclick="alert('我的自定义事件')">超链接的重要使用</a>
结果如下:
相关文章推荐
- 我所知道的几种display:table-cell的应用
- 【HTML DOM】Node.nodeValue的用法
- 有关display:block、display:table-cell在IE、谷歌的兼容性问题
- 给html超链接设置事件不使用href来完成跳
- HTML语言常用标签之字体、列表、图像、表格
- HTML学习之概述
- 修改网页图标
- html 在线阅读器 flexpaper的使用
- 怎么在后台修改前台html页面的key、title、description
- 浏览器版本不支持页面示例 supper.html
- 09-预览github上面的html效果
- HTML基础
- HTML知识点
- Html直接表单直传阿里云存储OSS示例
- 安卓TextView完美展示html格式代码
- HTML小游戏 (吃金币)
- html中的图像动态加载问题
- 爬虫的自我解剖(抓取网页HtmlUnit)
- selenium使用更快的Driver--HtmlUnit Driver
- 用HTML中的列表标签做一个导航栏吧