web前端开发与应用—

（1）超链接的概念

超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件编辑器，一个音频或视频文件，甚至是一个应用程序。设置一个超链接，至少需要两个基本要素：

链源：引起跳转的原因
链宿：要跳转的目标

热字超链接及其设置

热字超链接，链源由对应的文本构成，外部超链接的链宿为目标文件的路径，例如链宿的绝对路径为https://https://www.baidu.com的话，可用下面的代码实现： <a href="https://www.baidu.com">点一下试试</a>

其中，属性href用于设置链宿的路径，超链接开始标签<a>和结束标签</a>之间的内容是链宿。运行效果如下：点一下试试

（2）超链接的属性

超链接标签的属性除了href外，常用的还有：

title：设置鼠标悬停在链源上时的提示文字
target：指定打开目标窗口的方式

target属性的取值及含义如下图所示：

图像超链接及其设置

图像超链接采用图像作为超链接的链源，该链源可使用img标签来嵌入图像，该标签常用的属性有：src、alt、border、title、width、height等。

用法示例;

<a href="http://www.baidu.com" target="_blank" title="单击图像实现超链接">
<img src="https://www.educoder.net/api/attachments/1184937" />
</a>

（3）页内超链接

从当前HTML文档的某一位置跳到另一位置的链接称为页内链接。

页内链接的设置

页内链接的设置有两个步骤： 1.在目标位置处设置锚点，若锚点名称为“name1",代码如下： <a name="name1"></a> 2.设置指向锚点位置的超链接，若链源热字为”跳转至name1",代码如下： <a href="#name1">跳转至name1</a>

web前端开发与应用——超链接相关推荐

Web前端开发笔记——第二章 HTML语言第四节超链接标签
目录前言一.超链接标签 (一)链接其它子网页 (二)链接其它站点 (三)虚拟超链接二.从当前页面链接到指定位置三.链接的访问情况四.在新窗口中打开链接例题结语前言本节介绍超链接标签即 ...
Web前端开发入门之网页制作三要素！
Web前端开发是由网页制作演变而来的,主要由HTML.CSS.JavaScript三大要素组成.专业的Web前端开发入门知识也一定会包含这些内容,今天小千就给大家简单介绍一下. HTML,超文本标记语 ...
Web前端开发笔记——第一章 Web前端概论
目录前言一.Web系统 (一)Web系统的定义 (二)前端和后端二.网站和网页 (一)网站的开发历程 (二)网页的组成元素三.浏览器四.前端技术 (一)超文本标记语言(HTML) (二)层叠 ...
xslt 标签取集合第一条数据_1+x证书Web前端开发中级理论考试（试卷1）
2019年下半年 Web前端开发中级理论考试 (考试时间19:00-20:30 共150分钟,测试卷1) 本试卷共3道大题,满分100分. 请在指定位置作答. 一.单选题(每小题2分,共30小题,共 ...
web前端开发——HTML学习
WEB前端开发 W3C学习网站 MDN学习网站 HTML 从语义角度,描述页面结构语言不区分大小写,特殊字符要求全小写 html5文件结构快速编辑:Tab键 <!DOCTYPE html&g ...
Web前端开发——BAT面试题汇总及答案01
目录: 目录: HTML&CSS篇: 1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? 2.每个 HTML 文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗? 3 ...
WEB前端开发职业学习路线初级完整版
下面小编专门为广大web前端开发职业者汇总了学习路线初级完整版,其实web前端开发工程师可算是高福利,高薪水的职业了,所以现在学习web前端开发的技术人员也是越来越多了,但是在学习web前端开发中去学 ...
html5的技术串讲,Web前端开发职业标准串讲（初级）.pdf
Web前端开发职业技能标准串讲初级工业和信息化部教育与考试中心 Web前端开发职业技能等级标准初级能力标准知识点解析 ➢1 Web页面制作基础 ➢2 HTML5和CSS3开发基础与应用 ➢3 J ...
1+x证书Web前端开发HTML+CSS专项练习测试题（八）
1+x证书Web前端开发HTML+CSS专项练习测试题(八) 官方QQ群 01.{HTML题目}HTML是什么意思? (B) A)高级文本语言 B)超文本标记语言 C)扩展标记语言 D)图形化标记语言 ...
web前端开发是什么？
web前端开发 1.web即web系统,是以网站的形式呈现,通过浏览器的访问来实现一定的功能的系统. 2.什么是前端开发? 前端开发是创建web页面或app等前端界面呈现给用户的过程.通过html.c ...

web前端开发与应用——超链接

web前端开发与应用——超链接相关推荐

最新文章

热门文章