html5--1.8超链接下
下面演示链接打开新网友不关闭原网页。
外部网站: 百度
这是用a标签的target属性实现的，用的target="_blank"
这样新出现的页面会另外再开一个页面
target属性的四个值：
_self：当前位置；默认的，没有效果
_blank:新窗口;
_top(最顶层框架)，_parent(父框架)，这两个属性咱不做讲解，后边的章节再说；
下面演示网页内部锚点
这里是用a标签的id属性来实现网页内部锚点的。
通过id链接到a标签引用位置的地址href。
引用id的时候有#号。
代码：
<a href="#1">锚点1</a>
<a id="1">锚点1
网页内部使用锚点的方法：
1、设置目的位置a标签的id
2、将引用位置a标签的href设置为引用id
html中的id和name属性的区别：
id属性：通用属性，可以理解为元素的身份证，一个html里面id不重复；
name属性：可以理解为元素的名字,名字可重复，可同名
学习要点：
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>