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

 <!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>

巴特西

html5--1.8超链接下

html5--1.8超链接下

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

下面演示网页内部锚点

最新文章

热门文章