怎样用HTML制作内部链接和外部链接?

怎样用HTML制作内部链接和外部链接?,第1张

链接是WWW的基础,也是其核心。单击这些链接,就能从当前Web页跳转进入另外一个Web网页。事实上,这些链接能把用户带到Internet的任何一个部分。就比如说咱们经常浏览的新闻!

链接包括许多种,这里介绍最常用的两种:

1)内部链接:链接到本地页面(相对地址:描述了从一个页面到另一个页面的路径,而不是Internet的完整地址。1、2、6明显的是内部链接)

2)外部链接:链接到外部的页面,比如百度、新浪之类的。(绝对地址:描述的不是两个文件相对的路径关系,它描述的是在互联网的独立地址,包括域名和目录地址。3、4明显的是外部链接)

1、相对路径链接(上级找下级)

<a href=“news/news.htm”>最近新闻</a>

2、相对路径链接(下级找上级)

<a href=“../../news.htm”>新闻中心</a>

3、绝对路径链接

<a href=“http://www.hao.com/news/news.htm”>热门新闻</a>

4、链接到其他站点的链接

<a href=“http://www.baidu.com”>百度首页</a>

5、链接到email

<a href=“mailto:fdshjfsdjk@163.com”>投诉邮箱</a>

6、下载链接

<a href=“aa.zip”>文件下载</a>

7、超链接的锚标记应用(尤其是大家看到百度百科里面的内容)

<a href=“#mingxing”>明星学员</a>

<a name=“mingxing”>我们要努力当明星学员</a>

HTML 超链接(链接)

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

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

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

有两种使用 标签的方式:

通过使用 href 属性 - 创建指向另一个文档的链接

通过使用 name 属性 - 创建文档内的书签

HTML 链接语法

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

Link texthref 属性规定链接的目标。

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

实例:

Visit domain上面这行代码显示为:Visit

domain

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

3、HTML 链接 - target 属性

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

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

Visit domain!

4、HTML 链接 - name 属性

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

name 属性用于创建 HTML 内部的书签。

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

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

命名锚的语法:

Text to be displayed

HTML 使用超级链接与网络上的另一个文档相连。

几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

工具/原料

html,dw

步骤/方法

HTML 超链接(链接)

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

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

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

有两种使用 <a>标签的方式:

通过使用 href 属性 - 创建指向另一个文档的链接

通过使用 name 属性 - 创建文档内的书签

HTML 链接语法

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

<a href="url">Link text</a>href 属性规定链接的目标。

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

实例

<a href="http://www.w3school.com.cn/">Visit W3School</a>上面这行代码显示为:Visit W3School

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

HTML 链接 - target 属性

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

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

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

HTML 链接 - name 属性

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

name 属性用于创建 HTML 内部的书签。

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

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

命名锚的语法:

<a name="label">Text to be displayed</a>

END

注意事项

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

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

命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科,您会发现其中几乎每个词条都采用这样的导航方式。

假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11519869.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存