html5--1.8超链接下

下面演示链接打开新网友不关闭原网页。

外部网站: 百度

这是用a标签的target属性实现的，用的target="_blank"
这样新出现的页面会另外再开一个页面
target属性的四个值：
_self：当前位置；默认的，没有效果
_blank:新窗口;
_top(最顶层框架)，_parent(父框架)，这两个属性咱不做讲解，后边的章节再说；

下面演示网页内部锚点

锚点1 锚点2 锚点3

锚点1

这里是用a标签的id属性来实现网页内部锚点的。
通过id链接到a标签引用位置的地址href。
引用id的时候有#号。

代码：

<a id="1">锚点1
网页内部使用锚点的方法：

1、设置目的位置a标签的id

2、将引用位置a标签的href设置为引用id

一个锚点需要用两个a标签实现

锚点2

html中的id和name属性的区别：
id属性：通用属性，可以理解为元素的身份证，一个html里面id不重复；
name属性：可以理解为元素的名字,名字可重复，可同名

锚点3

学习要点：

target属性
id或name属性和创建文档内链接

1.target属性的四个值：
_self：当前位置(默认，加上不会有效果)；
_blank:新窗口;
_top(最顶层框架)，_parent(父框架)，这两个属性咱不做讲解，后边的章节再说；

2.id属性：通用属性，可以理解为元素的身份证；name属性：可以理解为元素的名字

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>链接演示下</title>
 6 </head>
 7 <body bgcolor="Beige">
 8     <h1 align="center">下面演示<mark>链接</mark>打开新网友不关闭原网页。</h1> 
 9     <hr>
10     外部网站: <a href="https://www.baidu.com" target="_blank">百度</a><br>
11     
12     <h5>
13     <p>
14     这是用a标签的target属性实现的，用的target="_blank"<br>
15     这样新出现的页面会另外再开一个页面<br>
16     target属性的四个值：<br>
17      _self：当前位置；默认的，没有效果<br>
18      _blank:新窗口;    <br>
19      _top(最顶层框架)，_parent(父框架)，这两个属性咱不做讲解，后边的章节再说；
20     </p>
21     </h5>
22 
23     <h1 align="center">下面演示网页<mark>内部锚点</mark></h1> 
24     <hr>
25     
26     
27     <a href="#1">锚点1</a>
28     <a href="#2">锚点2</a>
29     <a href="#3">锚点3</a>
30     <br><br>
31     <a id="1">锚点1
32     <h5>
33     <p>
34         这里是用a标签的id属性来实现网页内部锚点的。<br>
35         通过id链接到a标签引用位置的地址href。<br>
36         引用id的时候有#号。<br>
37     </p>
38     </h5>
39     <br><br><br><br>
40     <a id="2">锚点2
41     <h5>
42     <p>
43         html中的id和name属性的区别：<br>
44         id属性：通用属性，可以理解为元素的身份证，一个html里面id不重复；<br>
45         name属性：可以理解为元素的名字,名字可重复<br>
46     </p>
47     </h5>
48     <br><br><br><br>
49     <a id="3">锚点3<br><br><br><br><br><br>
50     <br><br><br><br><br><br>
51     <br><br><br><br><br><br>
52     <br><br><br><br><br><br>
53     <br><br><br><br><br><br>
54     <br><br><br><br><br><br>
55     <br><br><br><br><br><br>
56     <br><br><br><br><br><br>
57 </body>
58 </html>