页面链接

在html文档中,使用<a>标签指引页面中链接的目标点。
<a href="链接对象的路径">链接锚点对象</a>
a是anchor href属性是超文本引用,该属性的值指定了链接的目标路径。

链接的地址指的是链接到锚点对象的路径,这个路径不仅仅是一个页面的地址,也可能是一个文件地址或一个邮箱地址。

<a herf="mailto:[email protected]?subject=联系我&body=告诉我们你对网页设计的看法">
<!--subject代表邮件的主题-->
<!--body代表邮件的内容,如果想在BODY进行换行,只需要在行与行之间加入%0d%0a-->
<!--如果要使用mailto同时实现多个功能的话,第一个功能必须以“?”开头,后面的每一个功能都以 “&”开头-->

要有反应的前提是你的电脑要安装有:foxmail或outlook等电子邮件发送软件,并设置为默认为首选.

页面中除了页面之外的文件或者程序链接之外,还可以和同一页面中的内容进行链接。这种情况通常用于导航。这个时候要在HTML语言中使用<a>标签的属性id来确定路径的位置。
1.确定链接的锚点对象
<a href=#……>

</a>
2.在页面中设定链接目标,使用的是id属性
<a id=……> (id也可以写成name,name是HTML中的标准,而id是xhtml中的标准)
<a href=#1-10>1-10</a>


<a id="1-10">

美观链接的状态:
链接的标准形式都是紫色字体加下划线。
一个链接的状态可以分解成以下四个步骤:
1.链接还未被访问。
2.链接被选中时
3.鼠标指针滑过链接
4.链接被访问后

关于链接颜色,可以通过添加link,alink,vlink来修改
Link属性修改链接未被访问时的文本颜色
Alink属性修改链接被选中时文本的颜色
Vlink属性修改链接被访问后的文本颜色
但其实用html标签来实现并不是很推荐,更好的方法是用css。在表现性的作用上应该习惯于避免使用标签属性的方法。而且CSS可以包含更多的属性修改。实现自由度更大的修饰: a:link{.…}链接未被访问
a:atcive{…}链接被选中
a:hover{…}鼠标指针滑过链接
a:visited{…}链接被访问后

{}中通常添加两个基本属性:color属性修改文本颜色;text-decoration属性选择是否显示下划线

热点图像区域的超链接:
就是指图像中的某个区域,就像是地图一样 代码中也用到一个形象的标签<map>
<map>标签下,嵌入使用<area>标签表明某一区域。 其中有三个属性值来确定这个区域,分别是shape,coords,href属性
shape: 确定选区的形状分别是rect,circle,poly(多边形)
Coords:横纵坐标的意思,用来控制形状的位置一般来说借助可视化的编辑页面的软件来实现这一功能。
href:超链接
<img src="sfsa.html/usemap="#Map"">//这个Map名字可以自定义喔
<map id="Map">
<area shape=".." coords=".." href=".."/>
</map>

在新窗口中显示链接窗口:之前的所有链接中都是在同一页面中跳转的,有时设计者希望链接的页面在新的窗口中打开。这时只需要在<a>标签中添加"target=_blank"即可。

_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)

时间: 2024-10-18 19:55:59

页面链接的相关文章

爬虫技术(六)-- 使用HtmlAgilityPack获取页面链接(附c#代码及插件下载)

菜鸟HtmlAgilityPack初体验...弱弱的代码... Html Agility Pack是一个开源项目,为网页提供了标准的DOM API和XPath导航.使用WebBrowser和HttpWebRequest下载的网页可以用Html Agility Pack来解析. HtmlAgilityPack的文档是CHM格式的,有时会无法正常阅读CHM格式的文件.如果是IE不能链接到您请求的网页或者打开后"页面无法显示".请在要打开的CHM文件上右击属性,会在底下属性多了个"

navigator 页面链接

页面链接. 属性名 类型 默认值 说明 url String   应用内的跳转链接 redirect Boolean false 是否关闭当前页面 hover-class String navigator-hover 指定点击时的样式类,当hover-class="none"时,没有点击态效果 注:navigator-hover默认为{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}, <navigator/>的子节点

基于Metronic的Bootstrap开发框架经验总结(12)--页面链接收藏夹功能的实现

在一个系统里面,往往有很多菜单项目,每个菜单项对应一个页面,一般用户只需要用到一些常用的功能,如果每次都需要去各个层次的菜单里面去找对应的功能,那确实有点繁琐.特别是在菜单繁多,而客户又对系统整体不熟悉的情况下,如果有一个类似浏览器的收藏夹模块,把一些常用的菜单连接保存起来,每次从这个收藏夹主页去找对应的页面,那样确实是省事省力,非常方便.本篇随笔就是介绍在基于Metronic的Bootstrap开发框架里面实现这个收藏夹的思路. 1.系统的收藏夹界面处理效果 为了实现这个收藏夹功能,我们也需要

自动检查页面链接是否有效

Function?CheckAllLinkReachable(strBrowser,?strPage,?strURLPattern) Dim?blnReachable blnReachable?=?True Set?bjXML?=?CreateObject("Msxml2.XMLHTTP") '?Get?all?link?on?the?page Set?bjDes?=?Description.Create objDes("micclass").Value?=?&qu

1.5 页面链接&lt;A&gt;标签

<A>标签用于创建超级链接(简称为超链接),它是到另一个文档或文件(图形.音频.视频)甚至到同一文档的另一部分的链接.当用户单击超级链接时,就会进入链接中指定的URL.超级链接可链接到:同一文档的特定部分,其他文档,其他文件——图像.音频.视频剪辑,其他站点等. 要创建超级链接,应指定以下两个组件: (1) 要链接文件的完整地址或URL. (2) 将提供链接的热点.热点可以是文本行,也可以是图像.当用户单击热点时,浏览器将读取URL中指定的地址并“跳”到新的位置. 锚记<A>标签用

Dynamics CRM2016 新功能之从CRM APP通过电子邮件发送页面链接

通过电子邮件发送页面链接在PC端早就有了.但APP端却始终没有.这版加上了这个功能.这里还是以case为例,发送页面链接的方式有两种 第一种在list界面,长按你要share的数据,会出来选项sharelink.图标是个邮件,即通过邮件形式share 另外一种是点进详细的数据,依然点右下角的省略号图标,会出来sharelink的选项 点击sharelink后会调用本地email来发送.发出去的email带两个链接地址.前者是APP地址,假设接收者本地也有CRM的APP直接调用显示,假设没有则点击

基于Metronic的Bootstrap开发框架经验总结(13)--页面链接收藏夹功能的实现2

在上篇随笔<基于Metronic的Bootstrap开发框架经验总结(12)--页面链接收藏夹功能的实现>上,我介绍了链接收藏夹功能的实现,以及对收藏记录的排序处理.该篇随笔主要使用功能按钮的方式移动收藏记录,功能虽然实现的还算不错,不过文章出来后,有读者同行指出可以利用直接拖动的方式实现排序更方便,因此对其中列表记录的排序进行了研究,从而介绍了如何利用Sortable开源JS组件实现拖动排序的处理,本篇随笔介绍了该组件在连接收藏夹排序中的应用. 1.收藏记录的排序处理回顾 上篇随笔介绍的收藏

页面链接跳转方法

一.window.location.href 是实现页面链接跳转 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>浏览器对象</title> <style> div{ width: 500px; margin:0 auto; } </style> </head> <

在 Mockplus 设置页面链接,实现页面交互

在Mockplus中,可以轻松设置页面链接,方法有二: 一.直接拖拽 1 点击某个组件,此时组件上方出现小工具栏. 2 拖拽(点击后不放手)小工具栏上的那个闪电图标,一直拖到右侧的项目树中某个页面上. 3 行了,链接已经设置好. 如下视频: 二.手工详细设置 1 点击某个组件,此时组件上方出现小工具栏. 2 直接点击(非拖拽)小工具栏上的那个闪电图标,此时出现链接面板. 3 在链接面板上选择一个目标页面.同时设置动作和动画. 三.注意,目前,多链接的组件(比如树.列表.表格.选项卡等)不能直接拖

页面链接跳转历史URL不记录的兼容处理

1.阻止跳转a标签的链接 2.location.replace(href) 不生成新的历史记录, 但有bug 3.首先通过HTML5 history.replaceState()方法把当前URL地址替换成以个井号#结尾的目前链接地址: 4.执行location.replace('')刷新当前地址(此时#会忽略): (function(){ var fnUrlReplace = function (eleLink) { if (!eleLink) { return; } var href = el