仓酷云

标题: 来讲讲：HTML代码实例：具体解说超等链接 [打印本页]

作者: 愤怒的大鸟 时间: 2015-1-15 23:27
标题: 来讲讲：HTML代码实例：具体解说超等链接
WHATWG版和W3C版的HTML5规范虽然根源相同，在一些领域却已经产生分歧。网页制造WEB文章简介：超等链接是网站中利用对照频仍的HTML元素，由于网站的各类页面都是由超等链接串接而成，超等链接完成了页面之间的跳转。超等链接是扫瞄者和服务器的交互的次要手腕，在前面的手艺中会慢慢深化进修。
超等链接超等链接是网站中利用对照频仍的HTML元素，由于网站的各类页面都是由超等链接串接而成，超等链接完成了页面之间的跳转。超等链接是扫瞄者和服务器的交互的次要手腕，在前面的手艺中会慢慢深化进修。
—注重：图片也能够做链接，将鄙人一章“网页中的图片”具体进修。
4.5.1给笔墨增加链接
超等链接的标签是<a></a>，给笔墨增加超等链接相似于其他润色标签。增加了链接后的笔墨有其特别的款式，以和其他笔墨辨别，默许链接款式为蓝色笔墨，有下划线。超等链接是跳转到另外一个页面的，<a></a>标签有一个href属性卖力指定新页面的地点。href指定的地点一样平常利用绝对地点。
—申明：网站开辟中，文档绝对地点利用更加广泛。
在D:web目次下创立网页文件，定名为a.htm，编写代码如代码4.18所示。
代码4.18超等链接的设置：a.htm
<html>
<head>
<title>超等链接的设置</title>
</head>
<body>
<fontsize="5">
<ahref="ul_ol.htm">进出列表的设置页面</a>

</body>
</html>
在扫瞄器地点栏输出http://localhost/a.htm，扫瞄效果如.19所示。

.19超等链接的设置
读者可从.19中看到超等链接的默许款式，当单击页面中的链接，页面将跳转到统一目次下的ul_ol.htm页面，即上节的列表设置页面。当单击扫瞄器的“前进”按钮，回到a.htm页面时，笔墨链接的色彩酿成了紫色，用于告知扫瞄者，此链接已被会见过。
4.5.2修正链接的窗口翻开体例
默许情形下，超等链接翻开新页面的体例是自我掩盖。依据扫瞄者的分歧必要，读者能够指定超等链接的其他翻开新窗口的体例。超等链接标签供应了target属性举行设置，取值分离为_self（自我掩盖，默许）、_blank（创立新窗口翻开新页面）、_top（在扫瞄器的全部窗口翻开，将会疏忽一切的框架布局）、_parent（在上一级窗口翻开）。
—注重：_top和_parent体例用于框架页面，前面章节有详解。
4.5.3给链接增加提醒笔墨
良多情形下，超等链接的笔墨不敷以形貌所要链接的内容，超等链接标签供应了title属功能很便利地给扫瞄者做出提醒。title属性的值即为提醒内容，当扫瞄者的光标停止在超等链接上时，提醒内容才会呈现，如许不会影响页面排版的整齐。修正a.htm网页文件，编写代码如代码4.19所示。
代码4.19超等链接的设置：a.htm
<html>
<head>
<title>超等链接的设置</title>
</head>
<body>
<fontsize="5">
<ahref="ul_ol.htm"target="_blank"title="读者你好，如今你看到的是提醒笔墨，单击本链接能够新开窗口跳转到ul_ol.htm页面。">进出列表的设置页面</a>

</body>
</html>
在扫瞄器地点栏输出http://localhost/a.htm，扫瞄效果如.20所示。

.20超等链接的提醒笔墨
4.5.4甚么是锚（anchor）
良多网页文章的内容对照多，招致页面很长，扫瞄者必要不休地拖动扫瞄器的转动条才干找到必要的内容。超等链接的锚功效能够办理这个成绩，锚（anchor）是引自于船只上的锚，锚被抛下后，船只就不简单飘走、迷路。实践上锚就是用于在单个页面内分歧地位的跳转，有的中央叫做书签。
超等链接标签的name属性用于界说锚的称号，一个页面能够界说多个锚，经由过程超等链接的href属性能够依据name跳转到对应的锚。在D:web目次下创立网页文件，定名为a_anchor.htm，编写代码如代码4.20所示。
代码4.20超等链接的锚：a_anchor.htm
<html>
<head>
<title>超等链接的设置</title>
</head>
<body>
<fontsize="5">
<aname="top">这里是顶部的锚</a> 
<ahref="#1">第1任</a> 
<ahref="#2">第2任</a> 
<ahref="#3">第3任</a> 
<ahref="#4">第4任</a> 
<ahref="#5">第5任</a> 
<ahref="#6">第6任</a> 
<h2>美国历任总统</h2>
●第1任(1789-1797)<aname="1">这里是第1任的锚</a> 
姓名：乔治·华盛顿 
GeorgeWashington 
生卒：1732-1799 
政党：：联邦 
●第2任(1797-1801)<aname="2">这里是第2任的锚</a> 
姓名：约翰·亚当斯 
JohnAdams 
生卒：1735-1826 
政党：：联邦 
●第3任(1801-1809)<aname="3">这里是第3任的锚</a> 
姓名：托马斯·杰斐逊 
ThomasJefferson 
生卒：1743-1826 
政党：：平易近共 
●第4任(1809-1817)<aname="4">这里是第4任的锚</a> 
姓名：詹姆斯·麦迪逊 
JamesMadison 
生卒：1751-1836 
政党：平易近共 
●第5任(1817-1825)<aname="5">这里是第5任的锚</a> 
姓名：詹姆斯·门罗 
JamesMonroe 
生卒：1758-1831 
政党：平易近共 

</body>
</html>l>
在测试之前，读者从代码4.20能够看到，界说锚也是用的<a></a>标签，锚的称号用name属性界说（称号没无限制，可自界说）。而寻觅锚的链接用href属性指定对应的称号，在称号后面要加个#标记。在扫瞄器地点栏输出http://localhost/a_anchor.htm，扫瞄效果如.21所示。

.21超等链接的锚
当扫瞄者单击超等链接时，页面将主动转动到href属性值称号的锚地位。
—注重：界说锚的标签<aname=""></a>内纷歧定必要详细内容，只是做一个定位。
4.5.5电子邮件、FTP和Telnet的链接
超等链接还能够进一步扩大网页的功效，对照经常使用的有发电子邮件、FTP和Telnet毗连。完成以上的功效只必要修正超等链接的href值。发电子邮件的编写格局为：
<ahref="mailto:邮件地点">给我发email</a>
邮件地点必需完全，如intel@qq.com。
后面提到过，扫瞄网页接纳http协定，而FTP服务器接纳FTP协定毗连，链接格局以下：
<ahref="ftp://服务器IP地点或域名">链接的笔墨</a>
FTP服务器链接和网页链接区分在于所用协定分歧。FTP必要从服务器办理员处取得登录的权限。不外部分FTP服务器能够匿名会见，从而能取得一些公然的文件。一样，毗连Telnet协定的服务器也是接纳相似办法，格局以下：
<ahref="telnet://服务器IP地点或域名">链接的笔墨</a>
telnet协定使用十分少，利用http协定占多数。在D:web目次下创立网页文件，定名为mail.htm，编写代码如代码4.21所示。
代码4.21超等链接的其他设置：mail.htm
<html>
<head>
<title>超等链接的其他设置</title>
</head>
<body>
<fontsize="5">
<ahref="mailto:intel@qq.com"title="读者你好，单击这里能够发电子邮件。">给我发E-mail</a> 
<ahref="ftp://101.22.25.11"title="读者你好，接待进进FTP服务器。">毗连FTP服务器</a> 
<ahref="telnet://101.22.25.11"title="读者你好，接待进进Telnet服务器。">毗连Telnet服务器</a>

</body>
</html>s
在扫瞄器地点栏输出http://localhost/mail.htm，扫瞄效果如.22所示。

.22超等链接的其他设置

Resig在2008年在其博客中介绍过HTML5的data-属性，现如今HTML5在如火如荼地推广，似乎国内的技术有些延迟，这篇博文可以在这里找到。

作者: 活着的死人 时间: 2015-1-16 17:54
标题: 来讲讲：HTML代码实例：具体解说超等链接
直接用代码建立链接，如：可以直接输入<aherf=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

作者: 兰色精灵 时间: 2015-1-18 19:50
Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

作者: 因胸联盟 时间: 2015-1-27 19:40
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

作者: 灵魂腐蚀 时间: 2015-2-5 15:04
布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

作者: 飘飘悠悠 时间: 2015-2-12 12:17
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

作者: 小女巫 时间: 2015-3-3 03:36
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

作者: 仓酷云 时间: 2015-3-11 09:45
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

作者: 爱飞 时间: 2015-3-18 10:48
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

作者: 小魔女 时间: 2015-3-25 22:13
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

欢迎光临仓酷云 (http://ckuyun.com/)