HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
HTML 链接
如何在HTML文档中创建链接。
(可以在本页底端找到更多实例)
HTML 超链接(链接)
HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
在标签<a> 中使用了href属性来描述链接的地址。
默认情况下,链接将以以下形式出现在浏览器中:
一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
点击链接时,链接显示为红色并带有下划线。
注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。
HTML 链接语法
链接的 HTML 代码很简单。它类似这样::
<a href="url">链接文本</a>
href 属性描述了链接的目标。.
实例
<a href="http://www.runoob.com/">访问菜鸟教程</a>
上面这行代码显示为:: 访问菜鸟教程
点击这个超链接会把用户带到菜鸟教程的首页。
提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
HTML 链接 - target 属性
使用 target 属性,你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档:
实例
<ahref="http://www.runoob.com/"target="_blank">访问菜鸟教程!</a>
HTML 链接- id 属性
id属性可用于创建在一个HTML文档书签标记。
提示: 书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。
实例
在HTML文档中插入ID:
<a id="tips">有用的提示部分</a>
在HTML文档中创建一个链接到"有用的提示部分(id="tips")":
<a href="#tips">访问有用的提示部分</a>
或者,从另一个页面创建一个链接到"有用的提示部分(id="tips")":
<a href="http://www.runoob.com/html/html-links.html#tips">
访问有用的提示部分</a>
基本的注意事项 - 有用的提示
注释: 请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.runoob.com/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.runoob.com/html/"。
图片链接
如何使用图片链接。
在当前页面链接到指定位置
如何使用书签
跳出框架
本例演示如何跳出框架,假如你的页面被固定在框架之内。
创建电子邮件链接
本例演示如何如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)
建电子邮件链接 2
本例演示更加复杂的邮件链接。
HTML 链接标签
标签 | 描述 |
---|---|
<a> | 定义一个超级链接 |
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
天的教程是关于创建使用 CSS 旋转变换和 JavaScript 制作动画书签效果。我们的想法是展现出样书状结构,使单一的色板或列表点击切换。当点击其中一项,我们就会旋转以显示所选择的项目。
下载地址
http://www.qietu.cn/thread-15114-1-1.html
----------
加微信公众号qietuwang,获取最新资源
ad ~ 自学3月前端找不到工作? 切图网 旗下首个web前端真实项目实战培训品牌 切入口即将开班,请加7龄前端老师qq 6133576 获取最新开班通知,web前端学习千人群:469861419
多人在平时浏览网页的时候,会收藏一些网址作为书签,这样能够方便我们下次阅读。但是,随着时间的增长,收藏的书签越来越多,收藏夹变得越来越乱。这时候我们需要借助浏览器的书签管理工具对收藏夹进行管理,下面给大家分享我个人整理比较常用的书签工具。
1、Workona
Workona 是一款管理和切换浏览器网页的工具,支持Chrome、Edge和Firefox,它可以将分散的网页组织起来,变成能够轻松使用和切换的工作区,在安装好Workona后,它会自动在左侧固定一个标签页,用来帮你保存和管理打开的书签,你可以一键将当前打开的所有页面保存为一个工作区,而且可以帮你自动在不同工作区中切换,它会关闭旧的标签并打开工作区保存的标签,对于工作效率有很大提升。
2、蓝色书签
蓝色书签是无广告的浏览器扩展书签工具,支持私人收藏书签及导航网址的高效管理和分类,让用户能够随时随地启用自己的专属书签夹。不管是使用谷歌浏览器、火狐浏览器、还是多御安全浏览器,都可以安装这款浏览器书签插件。登录蓝色书签后,可以对收藏的书签进行管理。最重要的是,这款书签工具是免费的,用户不需要付费就能使用它。
蓝色书签:https://www.xduoyu.com/appMarket.html
3、Pinboard
如果不需要任何花哨的东西,Pinboard 是一款非常合适的书签管理工具。Pinboard优化了隐私服务,保护用户隐私,同时确保用户可以将任何浏览器的书签与其他服务同步。用户可通过浏览器插件使用Pinboard,导入和导出不同格式的数据。需要注意的是,Pinboard 并不提供免费额度,你必须付费才能使用它。
4、LinkCollector
LinkCollector 是一个绿色免费的浏览器书签管理工具,该书签管理器将帮助您导入支持的浏览器中的书签并将它们存储在单独的数据库中。在家里或在工作,用户可以在任何计算机上,使用书签。LinkCollector 还可以与便携式浏览器和浏览器安装在系统中。
以上分享4款实用又方便的浏览器书签公里工具,帮助用户轻松整理收藏夹。如果你也很久没有整理过浏览器的收藏夹了,那么可以使用以上任意一款书签管理工具,对收藏夹进行整理,这样找资料的时候就能快速找到自己需要的内容了。
*请认真填写需求信息,我们会在24小时内与您取得联系。