欢迎来到天天文库
浏览记录
ID：38395741
大小：554.69 KB
页数：45页
时间：2019-06-11
《轻松学HTML+CSS之链接x》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、第5章链接链接是网站构成的关键环节。链接将网站中不同的网页文件链接在一起。用户通过链接可以很方便找到相关的网页。网页中的内容类型多种多样，链接的类型也不同。本章将详细讲解有关链接的添加，样式设置等内容。5.1认识链接链接是网页设计过程中常用的一种工具。本节将详细介绍有关链接的作用、表现形式等基本内容。5.1.1链接的作用用户通过域名访问网站，默认显示网站的首页。网站的首页通常为Index.htm。但是如果没有链接，会出现什么情况呢？5.1.1链接的作用但是当我们使用了链接之后，就可以访问到网站的
2、首页，通过首页上的其他链接，我们就可以访问该网站中的任何一个页面了，如图5.2所示。5.1.2表现形式在网页中，一般文字上的超链接都是蓝色，文字下面有一条下划线。当移动鼠标指针到该超链接上时，鼠标指针就会变成一只手的形状，这时候用鼠标左键单击，就可以直接跳到与这个超链接相连接的网页或WWW网站上去。5.1.3HTML链接语法通常我们使用标签在HTNL中创建链接。有两种使用标签的方式：5.2链接路径链接路径是构成链接的重要因素。它指定用户单击链接后，跳转的位置。根据链接路径的完整程度，
3、链接分为绝对路径和相对路径。如果路径的引用不正常，会造成文件链接的错误。下面详细介绍有关链接路径。5.2.1绝对路径HTML绝对路径（absolutepath）指带域名的文件的完整路径。如图5.4所示。5.2.1绝对路径绝对路径——目录示例如图5.5所示：5.2.2相对路径所谓HTML相对路径（relativepath），是指Internet上资源相对于当前页面的地址，它包含从当前页面指向目标页面位置的路径。表现形式：(.)表示当前目录；(..)表示当前目录的上一级目录。5.2.2相对路径相对路
4、径——目录示例如图5.6所示：1.同一个目录的文件引用如果源文件和引用文件在同一个目录里，直接写引用文件名即可。我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。假设info.html路径是：c:Inetpubwwwrootsitesabcabcinfo.html假设index.html路径是：c:Inetpubwwwrootsitesabcabcindex.html2.如何表示上级目录../表示源文件所在目录的上一级目录
5、，../../表示源文件所在目录的上上级目录，依次类推。假设info.html路径是：c:Inetpubwwwrootsitesabcabcinfo.html假设index.html路径是：c:Inetpubwwwrootsitesindex.html2.如何表示上级目录假设info.html路径是：c:Inetpubwwwrootsitesabcabcinfo.html假设index.html路径是：c:Inetpubwwwrootindex.html2.如何
6、表示上级目录假设info.html路径是：c:Inetpubwwwrootsitesabcabcinfo.html假设index.html路径是：c:Inetpubwwwrootsiteswowstoryindex.html3.如何表示下级目录引用下级目录的文件，直接写下级目录文件的路径即可。假设info.html路径是：c:Inetpubwwwtootsitesabcabcinfo.html假设index.html路径是：c:Inetpubwwwrootsi
7、tesabcabchtml.index.html3.如何表示下级目录假设info.html路径是：c:Inetpubwwwtootsitesabcabcinfo.html假设index.html路径是：c:Inetpubwwwtootsitesabcabchtmltutorialsindex.html5.3创建超级链接按照链接路径的不同，网页中超链接一般分为以下3中类型：内部链接，锚点链接和外部链接。如果按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超
8、链接，Email链接，锚点链接，多媒体文件链接，空连接等。下面将详细讲解超级链接的创建。5.3.1内部链接内部链接指的是网站内部页面之间创建相互链接关系。制作内部链接是用href属性，内部链接分为以下几种用法：1.同级链接2.下级链接3.上级链接5.3.2外部链接外部链接是指链接的目标是其他网站的网页。这样，当前网页和目标网页就不在同一个网站中了。5.3.3制作目录链接目录链接是指互相链接的网页在不同的文件夹里面。这里需要用到前面我们所讲的上级链接和下级链接，目录链接的地址是写在href属性里面
此文档下载收益归作者所有
