首页 >web前端 >html教程 >html怎么超链接另一个html页面

html怎么超链接另一个html页面

青灯夜游原创: 2021-03-04 17:06:5552604浏览

html超链接另一个html页面的方法：在一个html文档中使用“”标签定义一个可以跳转到另一个HTML页面的超链接即可，具体语法格式“另一个html页面”。

html怎么超链接另一个html页面

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

html超链接另一个html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<a href="2.html">跳转到另一个html页面</a>
</body>
</html>

效果图：

html怎么超链接另一个html页面

HTML 标签

标签定义超链接，用于从一个页面链接到另一个页面。

元素最重要的属性是 href 属性，它指定链接的目标。

基本语法：

<a href="URL">文本</a>

a标签的属性：

属性

值

描述

charset

char_encoding

HTML5 不支持。规定目标 URL 的字符编码。

coords

coordinates

HTML5 不支持。规定链接的坐标。

download

filename

指定下载链接

href

URL

规定链接的目标 URL。

hreflang

language_code

规定目标 URL 的基准语言。仅在 href 属性存在时使用。

media

media_query

规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。

name

section_name

HTML5 不支持。规定锚的名称。

rel

alternate

属性	值	描述
charset	char_encoding	HTML5 不支持。规定目标 URL 的字符编码。
coords	coordinates	HTML5 不支持。规定链接的坐标。
download	filename	指定下载链接
href	URL	规定链接的目标 URL。
hreflang	language_code	规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media	media_query	规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。
name	section_name	HTML5 不支持。规定锚的名称。
rel	alternate author bookmark help license next nofollow noreferrer prefetch prev search tag	规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
rev	text	HTML5 不支持。规定目标 URL 与当前文档之间的关系。
shape	default rect circle poly	HTML5 不支持。规定链接的形状。
target	_blank _parent _self _top framename	规定在何处打开目标 URL。仅在 href 属性存在时使用。 _blank：新窗口打开。 _parent：在父窗口中打开链接。 _self：默认，当前页面跳转。 _top：在当前窗体打开链接，并替换当前的整个窗体(框架页)。
type	MIME_type	规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注：MIME = Multipurpose Internet Mail Extensions。

author

bookmark help license

next nofollow noreferrer prefetch prev search tag

规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。

rev

text

HTML5 不支持。规定目标 URL 与当前文档之间的关系。

shape

default rectcirclepoly

HTML5 不支持。规定链接的形状。

target

_blank_parent_self_topframename

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

_blank：新窗口打开。
_parent：在父窗口中打开链接。
_self：默认，当前页面跳转。
_top：在当前窗体打开链接，并替换当前的整个窗体(框架页)。

type

MIME_type

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

更多编程相关知识，请访问：编程视频！！

以上是html怎么超链接另一个html页面的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：html轮播图如何实现下一篇：asp.net怎么样获得html标签值

查看更多