html5--1.8超链接下

html5--1.8超链接下

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

---

外部网站: 百度

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

下面演示网页内部锚点

---

锚点1
锚点2
锚点3

锚点1

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

代码：

<a href="#1">锚点1</a>

<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属性：可以理解为元素的名字

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>链接演示下</title>
 </head>
 <body bgcolor="Beige">
     <h1 align="center">下面演示<mark>链接</mark>打开新网友不关闭原网页。</h1>
     <hr>
     外部网站: <a href="https://www.baidu.com" target="_blank">百度</a><br>

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

     <h1 align="center">下面演示网页<mark>内部锚点</mark></h1>
     <hr>

     <a href="#1">锚点1</a>
     <a href="#2">锚点2</a>
     <a href="#3">锚点3</a>
     <br><br>
     <a id="1">锚点1
     <h5>
     <p>
         这里是用a标签的id属性来实现网页内部锚点的。<br>
         通过id链接到a标签引用位置的地址href。<br>
         引用id的时候有#号。<br>
     </p>
     </h5>
     <br><br><br><br>
     <a id="2">锚点2
     <h5>
     <p>
         html中的id和name属性的区别：<br>
         id属性：通用属性，可以理解为元素的身份证，一个html里面id不重复；<br>
         name属性：可以理解为元素的名字,名字可重复<br>
     </p>
     </h5>
     <br><br><br><br>
     <a id="3">锚点3<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><br><br>
     <br><br><br><br><br><br>
 </body>
 </html>