一个网站通常由若干个页面组成,如何在页面之间丝滑移动,那么就需要链接标签。在HTML中创造链接标签,其实就是在 < a> < /a>两个标记中,环绕需要被链接的对象就可以。
- 未被访问的链接带有下划线而且是蓝色的。
- 已被访问的链接是带有下划线而且是紫色的
基本的语法如下所展示:
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
-
href
用于指定链接指向页面的url -
target
指定页面的打开方式 取值有 _self, _blank, _parent, _top
- _self:默认值,意为在原窗口打开
- _blank:在新窗口打开
- _parent:在父框架集中打开被链接文档
- _top:在整个窗口打开被链接文档
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<!--
基本的语法格式:
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
-->
<body>
在原窗口打开的默认方式:
<a href="www.baidu.com">百度</a>
<br>
在新窗口打开:
<a href="www.xiaomi.com">小米</a>
</body>
</html>
alt+B打开浏览器后,页面样式如下图所示
当点击百度后,页面跳转如图所示,显然为一种原文跳转的方式
而点击小米时,却可以观察到,页面已经跳转到了一个新页面中