标签之美三——超链接的嵌入

简介: 标签之美三——超链接的嵌入

标签之美——超链接标签

一、创建超链接

通常的超链接有两种方式,一种是链接到另一个文件,另一种是链接到当前文件的某个位置。这两种方式都是通过<a></a>标签来创建,其中href属性用来指定链接的目标地址。

1、链接到当前页面指定位置

被链接的地方需要使用<a>标签的name属性标记,示例如下:

<a href="#last">链接到本页最后</a><!--创建一个超链接-->
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="last">最后</a><!--链接的标记名-->
</body>

2、链接到本地相对路径文件

相对路径是以当前文件所在的路径为参考的。示例如下:

<body>
<!--同级链接:所链接到得文件与当前文件在同一目录下,直接链接文件名即可-->
<a href="nwe.html">同级链接</a>
<!--下级链接:所链接的文件在当前文件所在目录的子目录下-->
<a href="thml/new.html">下级链接</a>
<!--上级链接:所链接文件在当前文件所在的上级目录-->
<a href="../new.html">上级链接</a>
</body>

3、链接到网址URL

这种方式通常会用在友情链接中。例如如下链接到百度:

<body>
<a href="http://www.baidu.com/">百度</a>
</body>

二、链接的打开方式

<a>标签中的target属性可以设置标签的打开方式,一共有四种方式,分别是_blank,_parent,_self,_top。

1、_blank打开方式

会让浏览器在新的窗口中打开标签。

2、_parent打开方式

在父窗口中打开,当前页面会被覆盖。

3、_self打开方式

在当前窗口打开,当前窗口会被覆盖。

4、_top打开方式

在最上层窗体中打开。

目录
相关文章
|
2月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
50 13
|
6月前
|
移动开发 UED HTML5
如何像人类一样写HTML之图像标签,超链接标签与多媒体标签
如何像人类一样写HTML之图像标签,超链接标签与多媒体标签
|
6月前
|
前端开发
HTML图片音频视频标签、超链接标签、列表标签和布局标签示例
HTML图片音频视频标签、超链接标签、列表标签和布局标签示例
82 0
|
11月前
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
|
开发框架 .NET
HTML 段落标签 文本显示标签
HTML 段落标签 文本显示标签
87 0
|
移动开发 人工智能 前端开发
HTML5 常用 标签 锚 列表 用法
HTML5 常用 标签 锚 列表 用法
|
数据采集 前端开发 开发者
标签的语义化及标题标签|学习笔记
快速学习标签的语义化及标题标签
107 0
标签的语义化及标题标签|学习笔记
12.多媒体和超链接标签及其应用实例
12.多媒体和超链接标签及其应用实例
174 0
12.多媒体和超链接标签及其应用实例
|
开发者
HTML标签- 图像标签|学习笔记
快速学习HTML标签- 图像标签
128 0
HTML标签- 图像标签|学习笔记
标签之美四——为网页添加绚丽多彩的图像
标签之美四——为网页添加绚丽多彩的图像
127 0
标签之美四——为网页添加绚丽多彩的图像