HTML5:超链接基础知识 您所在的位置:网站首页 在powerpoint2003中超级链接可以连接到 HTML5:超链接基础知识

HTML5:超链接基础知识

2023-07-29 12:37| 来源: 网络整理| 查看: 265

超链接的概念

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

链源:引起跳转的原因链宿:要跳转的目标 热字超链接及其设置

        热字超链接,链源由对应的文本构成,外部超链接的链宿为目标文件的路径。

        例如链宿的绝对路径为https://https://www.baidu.com的话,用下面的代码实现:

点一下试试

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

超链接的属性

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

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

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

target属性

图像超链接及其设置

        图像超链接采用图像作为超链接的链源,该链源可使用img标签来嵌入图像,

        img 标签常设置的属性有:src、alt、align、width、height和title。

src :给定图像来源的位置align :设置图文对齐方式,可取left、right、top、bottom、middlewidth和 height :设定图像的宽度和高度title:鼠标停留在图片上时显示的说明文字alt :设置在图像未载入前图片位置显示的文字hspace:设置图像左右两侧的间隙vspace:设置图像顶部和底部的间隙

用法示例:

外部超链接的其他类型

        外部超链接不仅可以打开网页,还可以打开图像、音乐和视频等文件,浏览器可以自动识别文件的后缀,从而确定打开的目标文件类型。不管何种类型设置超链接链源和链宿的方法都相同。

页内链接

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

页内链接的设置

        页内链接的设置有两个步骤:

               1.在目标位置处设置锚点,若锚点名称为“name1",代码如下:

               2.设置指向锚点位置的超链接,若链源热字为”跳转至name1",代码如下:                        跳转至name1

 部分习题:

1、在HTML中,下面是超链接标签的是()。  A

A、

...

B、

...

C、

...

D、

...

2、下列选项中,用于设置超链接链宿路径的属性是( )。 B

A、

src

B、

href

C、

name

D、

title

3、在HTML中,若点击超链接时,弹出一个新的网页窗口,下列选项符合要求的是( )。C

A、

看一看

B、

看一看

C、

看一看

D、

看一看

4、所表示的意义是( )。D

A、

表示从当前页面跳转到名为#的页面

B、

表示从当前页面跳转到当前页面中名为#的锚记位置

C、

表示把当前页面命名为#

D、

表示空链接,不做任何跳转

5、如果要在超链接中设置电子邮件链接,则href属性值可设置为( ) B

A、

[email protected]

B、

mailto:[email protected]

C、

mailto//[email protected]

D、

#[email protected]



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有