文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

怎么利用html语言编写网页实现超级链接

2024-04-02 19:55

关注

本篇内容介绍了“怎么利用html语言编写网页实现超级链接”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

实现超级链接的标记是“<a>”。a标签可以定义超链接,用于从一张页面链接到另一张页面,语法“<a href="指向的页面的URL">超链接文本</a>”;a标签中最重要的属性是href,它用于指示链接目标,不可省略,否则会失去链接功能。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

什么是超链接?

就是某个锚文本或者是网址,甚至是图片,其本身自带了链接属性,用户点击这个链接后就能跳转至其他页面,这个文本及包含的属性链接就是超链接。

利用html语言编写网页,实现超级链接的标记是“<a>”。

html a标签

<a> 标签定义超链接,用于从一张页面链接到另一张页面。

<a> 元素最重要的属性是 href 属性,它指示链接的目标。

基本语法:

<a href="指向的页面的URL">超链接文本</a>

示例:

<!DOCTYPE html>

<head>
	<meta charset="UTF-8">
</head>
<html>

<body>
	<a href="https://www.yisu.com/">超链接文本</a>
</table>
</body>

</html>

怎么利用html语言编写网页实现超级链接

<a> 标签的其他属性:

属性描述
charsetchar_encodingHTML5 不支持。规定目标 URL 的字符编码。
coordscoordinatesHTML5 不支持。规定链接的坐标。
downloadfilename指定下载链接
hrefURL规定链接的目标 URL。
hreflanglanguage_code规定目标 URL 的基准语言。仅在 href 属性存在时使用。
mediamedia_query规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。
namesection_nameHTML5 不支持。规定锚的名称。
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
revtextHTML5 不支持。规定目标 URL 与当前文档之间的关系。
shapedefault
rect
circle
poly
HTML5 不支持。规定链接的形状。
target_blank
 _parent
 _self
 _top
framename

规定在何处打开目标 URL。仅在 href 属性存在时使用。

  • _blank:新窗口打开。

  • _parent:在父窗口中打开链接。

  • _self:默认,当前页面跳转。

  • _top:在当前窗体打开链接,并替换当前的整个窗体(框架页)。

typeMIME_type规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
注:MIME = Multipurpose Internet Mail Extensions。

超链接的作用

关于超链接大家还应该知道,通常情况下,为了让普通用户更方便的点击超链接,页面上的超链接往往会被做特殊处理,比如说改变文本页面,加上下划线等等。但是,有些页面没做这些css的样式处理,但他们照样还是超链接。

页面做超链接的作用有两个:

“怎么利用html语言编写网页实现超级链接”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯