019_html超链接

1. html使用超链接与网络上的另一个文档相连。

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

3. html超链接

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

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

3.3. 我们通过使用<a />标签在html中创建超链接。

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

3.4.1. 通过使用href属性, 创建指向另一个文档的超链接。

3.4.2. 通过使用name属性, 创建文档内的书签。

3.5. 可能的属性

4. html超链接语法

4.1. 超链接的html代码很简单。它类似这样:<a href="url">Link text</a>

4.2. href属性规定超链接的目标。

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

4.4. 实例, 点击这个超链接会把用户带到W3School的首页:

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

5. html超链接-target属性

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

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

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

6. html超链接-name属性

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

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

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

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

6.5. 命名锚的语法: <a name="label">锚(显示在页面上的文本)</a>

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

7. 锚的用法

7.1. 首先, 我们在html文档中对锚进行命名(创建一个书签):<a name="tips">基本的注意事项 - 有用的提示</a>

7.2. 然后, 我们在同一个文档中创建指向该锚的链接:<a href="#tips">有用的提示</a>

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

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

7.4. 命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚, 然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科, 您会发现其中几乎每个词条都采用这样的导航方式。假如浏览器找不到已定义的命名锚, 那么就会定位到文档的顶端。不会有错误发生。

8. 图片超链接

8.1. 代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta charset="utf-8" /><title>图像超链接</title></head><body><a href="https://www.w3school.com.cn" target="_blank"><img src="w3school.png" alt="跳转到w3school首页" /></a></body>
</html>

9. 文档内锚

9.1. 代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta charset="utf-8" /><title>文档内锚</title></head><body><a href="#grammar">html链接语法</a> <br /> <br /><a href="#attribute">html超链接-name属性</a> <br /> <br /> <hr /><h1>超链接简介</h1><h3>1. html使用超链接与网络上的另一个文档相连。</h3><h3>2. 几乎可以在所有的网页中找到超链接。点击超链接可以从一张页面跳转到另一张页面。</h3><br /><h1>html超链接</h1><h3>3.1. 超链接可以是一个字, 一个词, 或者一组词, 也可以是一幅图像, 您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。</h3><h3>3.2. 当您把鼠标指针移动到网页中的某个链接上时, 箭头会变为一只小手。</h3><h3>3.3. 我们通过使用<a />标签在html中创建链接。</h3><h3>3.4. 有两种使用<a />标签的方式:</h3><h5>3.4.1. 通过使用href属性, 创建指向另一个文档的链接。</h5><h5>3.4.2. 通过使用name属性, 创建文档内的书签。</h5><br /><h1><a id="grammar">html链接语法</a></h1><h3>4.1. 链接的html代码很简单。它类似这样:&lt;a href="url"&gt;Link text&lt;/a&gt;</h3><h3>4.2. href属性规定链接的目标。</h3><h3>4.3. 开始标签和结束标签之间的文字被作为超级链接来显示。</h3><h3>4.4. 实例, 点击这个超链接会把用户带到W3School的首页:</h3><h5>&lt;a href="http://www.w3school.com.cn/"&gt;Visit W3School&lt;/a&gt;</h5><br /><h1><a id="attribute">html超链接-name属性</a></h1><h3>6.1. name属性规定锚(anchor)的名称。</h3><h3>6.2. 您可以使用name属性创建html页面中的书签。</h3><h3>6.3. 书签不会以任何特殊方式显示, 它对读者是不可见的。</h3><h3>6.4. 当使用命名锚(named anchors)时, 我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接, 这样使用者就无需不停地滚动页面来寻找他们需要的信息了。</h3><h3>6.5. 命名锚的语法: &gt;a name="label"&lt;锚(显示在页面上的文本)&gt;/a&lt;</h3><h3>6.6. 您可以使用id属性来替代name属性, 命名锚同样有效。</h3><br /><h1>锚的用法</h1><h3>7.1. 首先, 我们在html文档中对锚进行命名(创建一个书签):&lt;a name="tips"&gt;基本的注意事项 - 有用的提示&gt;/a&gt;</h3><h3>7.2. 然后, 我们在同一个文档中创建指向该锚的链接:&lt;a href="#tips"&gt;有用的提示&lt;/a&gt;</h3><h3>7.3. 您也可以在其他页面中创建指向该锚的链接:</h3><h5>&lt;a href="http://www.w3school.com.cn/html/html_links.asp#tips"&gt;有用的提示&lt;/a&gt;</h5><h3>7.4. 命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚, 然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科, 您会发现其中几乎每个词条都采用这样的导航方式。 假如浏览器找不到已定义的命名锚, 那么就会定位到文档的顶端。不会有错误发生。</h3><br /><h1>html超链接-target属性</h1><h3>5.1. 使用Target属性, 你可以定义被链接的文档在何处显示。</h3><h3>5.2. 下面的这行会在新窗口打开文档:</h3><h5>&lt;a href="http://www.w3school.com.cn/" target="_blank"&gt;Visit W3School!&lt;/a&gt;</h5><br /><br /></body>
</html>

10. 文档外锚点

10.1. 代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta charset="utf-8" /><title>文档外锚</title></head><body><a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a></body>
</html>

019_html超链接相关推荐

[学习]GridView 学习集合 -- GridView中使用超链接的技巧
GridView中使用超链接的技巧数据绑定方式有两种,如下示例: Eval方式 <%# Eval("id") %> Bind方式 <%# Bind(" ...
html链接伪类设置鼠标悬停,链接伪类可以控制超链接的样式吗？是怎样实现的？...
定义超链接时,为了提高用户体验,经常需要为超链接指定不同的状态,使得超链接在点击前.点击后和鼠标悬停时的样式不同.在CSS中,通过链接伪类可以实现不同的链接状态,下面将对链接伪类控制超链接的样式进行详 ...
php如何添加超链接,如何使用phpcms添加超链接
如何使用phpcms添加超链接发布时间:2020-07-24 10:26:07 来源:亿速云阅读:103 作者:Leah 这期内容当中小编将会给大家带来有关如何使用phpcms添加超链接,文章内容 ...
asp.net实现在网页上自动显示超链接以及Email地址
人们总喜欢在帖子中加上各种有用的URL链接或Email地址.而笔者当初设计时没有考虑到这一点,使得这些URL链接或Email地址只能以文字的形式而并不是以超链接的形式显示,其它浏览帖子的人还必须把这些 ...
在ASP.NET中自动给URL地址加上超链接
作为一个程序员,在完成设计后还要根据程序的情况以及用户的反映不断对程序进行改进,这样才能不断地完善自己的作品.我在制作完软件商务网 http://www.bizsofts.com 的论坛后,发现人们总 ...
如何创建一个用弹出窗口来查看详细信息的超链接列
如何创建一个用弹出窗口来查看详细信息的超链接列出处:www.dotnetjunkie.com 这篇文章来自于一位忠实的DotNetJunkie的建议,他最初发了一封email给我们, 要求我们给出一 ...
MFC静态文本控件设置超链接
有时我们需要在窗口上设置一个超链接,比如在Aboutdlg上设置"我的博客"这样的超链接.具体的设置方法如下. 1.首先我们在窗体上添加一个Static文本控件,修改Caption ...
html生成的超级链接预览功能,超链接特效
功能说明超链接特效功能是基于报表特殊效果功能的一种扩展实现. 报表特殊效果功能的作用是为单元格添加一些特殊的显示效果. 超链接特效可以给超链接添加特殊显示效果,实现超链接功能的扩展增强. 当产品默认 ...
【html】如何解决标签设置成超链接后字体格式及颜色变化的问题
问题描述: 如图所示,将一个标签设置成超链接后字体颜色和格式会发生改变,如果我只想让它保持原来的格式应该怎么办? 解决方法: 在a标签中添加一个属性: style="color:inheri ...

019_html超链接

019_html超链接相关推荐

最新文章

热门文章