html网页内部超链接怎么做(html中的超链接怎么写)

HTML 超链接(链接)

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

我们通过使用 标签在 HTML 中创建链接。

有两种使用 标签的方式:

  1. 通过使用 href 属性 - 创建指向另一个文档的链接
  2. 通过使用 name 属性 - 创建文档内的书签

HTML 链接语法

链接的 HTML 代码很简单。它类似这样:

Link text
   

href 属性规定链接的目标。

开始标签和结束标签之间的文字被作为超级链接来显示。

实例

百度
   

上面这行代码显示为:百度

点击这个超链接会把用户带到 百度 的首页。

提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

HTML 链接 - target 属性

使用 Target 属性,你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档:

百度
   

HTML 链接 - name 属性

name 属性规定锚(anchor)的名称。

您可以使用 name 属性创建 HTML 页面中的书签。

书签不会以任何特殊方式显示,它对读者是不可见的。

当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

命名锚的语法:

锚(显示在页面上的文本)
   

提示:锚的名称可以是任何你喜欢的名字。

提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。

实例

首先,我们在 HTML 文档中对锚进行命名(创建一个书签):

基本的注意事项 - 有用的提示
   

然后,我们在同一个文档中创建指向该锚的链接:

有用的提示
   

您也可以在其他页面中创建指向该锚的链接:

有用的提示

在新的浏览器窗口打开链接

本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。

百度如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。
   
       

HTML基础教程:超链接的使用

链接到同一个页面的不同位置

本例演示如何使用链接跳转至文档的另一个部分

查看 Chapter 2。

h2>Chapter 1

This chapter explains ba bla bla

h2>Chapter 2

This chapter explains ba bla bla

<2>Chapter 3

This chapter explains ba bla bla

<h2Chapter 4

This chapter explains ba bla bla

<h2Chapter 5

This chapter explains ba bla bla

hapter 6

This chapter explains ba bla bla

Chpter 7

This chapter explains ba bla bla

Chpter 8

This chapter explains ba bla bla

Chater 9

This chapter explains ba bla bla

Chaptr 10

This chapter explains ba bla bla

       

HTML基础教程:超链接的使用

(0)

相关推荐

  • word文档超链接怎么做?word文档超链接介绍

    熟悉网页制作的朋友,当然对超链接比较熟悉了,但是当我们在用Word进行文档处理,有时候也需要设置超链接的,比如在超长文档中创建文档目录,为书稿创建目录等,那么word文档超链接怎么做?下面就为大家介绍 ...

  • PowerPoint超链接字体颜色修改.怎么去掉超链接下划线

    经常在做PPT幻灯片时会遇到这样一个问题,给文字加超链接后发现链接的颜色是蓝色的,而且还带有下划线,这种效果与主题的色彩搭配简直是太影响美观效果了。有没有什么办法可以去掉PPT中的超链接下划线?再将超 ...

  • word超链接怎么做 如何在word中设置超链接

    word超链接怎么做?我们在制作文档如果需要跟网页一样可以直接在word中的文字中点击跳转到一个新的网页该怎么设置?或者是要在word一个文档内部创建超级链接的话该如何实现?下面就让脚本之家教大家在w ...

  • PowerPoint中超链接怎么做?

    PowerPoint中超链接怎么做? ①选择需要加超链接的文字,单击"右键",然后选择"超链接"; ②在弹出的"插入超链接"窗口下面的&qu ...

  • MindManager怎么在备注中添加超链接

    步骤一:在主题备注窗口中,点击要添加超链接的位置(如果选定文本或图像,选定的对象将变成"热门",点击时会打开超链接). 步骤二:在主题备注内部右击,点击添加超链接;或者在主题备注工 ...

  • excel表格中插入超链接动画教程

    《Excel2003入门动画教程39、表格中插入超链接》。 演示动画 操作步骤 在Excel中也完全可以添加网页中一样超链接:选中作为链接对象的单元格(如G5),执行“插入→超链接”命令,打开“插入超 ...

  • PowerPoint 2007中改变超链接颜色

    PowerPoint中的超链接功能能够让幻灯片可以不受顺序限制,并且可以随时打开其他文件或者网页。但是默认情况下,当对文字插入超链接后,文字会变成蓝色并且带有下划线并且不能修改。 有时候,我们的幻灯片 ...

  • word文档超链接怎么做?

    word文档超链接怎么做?

  • 一招教你在Word文档中创建超链接打开其他文件

    相信很多小伙伴在日常办公中都会用到Word,在其中如何创建超链接打开其他文件呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开电脑上的Word,然后新建一个空白文档,在其中录入文字内容 ...

  • 如何去除Word文档中的超链接?

    我们在Word文档中,经常会在文档中插入超链接,这样我们即可随时进入我们需要进入到网页,那么我们如何去除超链接呢?来一起去看看吧!具体如下:1. 第一步,我们需要点击打开有超链接的文档(如图所示蓝色字 ...