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

青灯夜游
发布: 2023-02-17 15:00:33
原创
52579 人浏览过

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标签的属性:

属性 描述
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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板