超链接的内部链接和瞄点链接

最新推荐文章于 2024-03-14 09:39:32 发布

冷血～多好

最新推荐文章于 2024-03-14 09:39:32 发布

阅读量627

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_44716544/article/details/108676761

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

超链接是一种对象，它以特殊编码的文本或图形的形式实现链接，如果单击链接，则打开一个新的网页，其语法如下：

<a href="" target="" >.......</a>

案例展示：

新建一个页面命名为h.html，

<html>
<head><title>我的第一个网页</title></head>
<body>
  我爱学习
</body>
</html>

新建另一个页面：

<html>
<head><title>我的第一个网页</title></head>
<body>
  <a href="h.html">点击</a>
</body>
</html>

运行效果如下，

选择点击后进入以下页面

2.瞄标记

瞄标记的作用是链接到同一页面的某一个段落，它的语法和超链接的语法几乎是一样的，只是src属性的书写有些变化，其瞄标记的定义语法如下：

<a namee="瞄标记名称">文本内容</a>

瞄标记的使用语法如下：

<a href="#瞄标记名称">文本内容</a>

通过语法可以看出，瞄标记的使用需要先使用<a>标签和name属性定义一个瞄标记，然后使用<a>标签的href属性去链接。

案例如下：

<html>
<head><title>我的第一个网页</title></head>
<body>
  <a name="头部">这里是头部</a>
   <hr><hr><hr><hr><hr><hr><hr><hr>
  <P>
    html是世界最好的语言
    <hr><hr><hr><hr><hr><hr><hr><hr>
    让我们一起好好学习它
   </p>
<P>
    html是世界最好的语言
    <hr><hr><hr><hr><hr><hr><hr><hr>
    让我们一起好好学习它
   </p>
<P>
    html是世界最好的语言
    <hr><hr><hr><hr><hr><hr><hr><hr>
    让我们一起好好学习它
   </p>
<P>
    html是世界最好的语言
    <hr><hr><hr><hr><hr><hr><hr><hr>
    让我们一起好好学习它
   </p>
<P>
    html是世界最好的语言
    <hr><hr><hr><hr><hr><hr><hr><hr>
    让我们一起好好学习它
   </p>
<P>
    html是世界最好的语言
    <hr><hr><hr><hr><hr><hr><hr><hr>
    让我们一起好好学习它
   </p>
<P>
    html是世界最好的语言
    <hr><hr><hr><hr><hr><hr><hr><hr>
    让我们一起好好学习它
   </p>
<P>
    html是世界最好的语言
    <hr><hr><hr><hr><hr><hr><hr><hr>
    让我们一起好好学习它
   </p>
<P>
    html是世界最好的语言
    <hr><hr><hr><hr><hr><hr><hr><hr>
    让我们一起好好学习它
   </p>
<P>
    html是世界最好的语言
    <hr><hr><hr><hr><hr><hr><hr><hr>
    让我们一起好好学习它
   </p>
<P>
    html是世界最好的语言
    <hr><hr><hr><hr><hr><hr><hr><hr>
    让我们一起好好学习它
   </p>
<P>
    html是世界最好的语言
    <hr><hr><hr><hr><hr><hr><hr><hr>
    让我们一起好好学习它
   </p>
<hr><hr><hr><hr><hr><hr><hr><hr><hr>
 <hr><hr><hr><hr><hr><hr><hr><hr><hr>
 <a href="#头部">回到头部</a>
</body>
</html>

当单击回到头部的时候，就会跳到头部