行级标签1超链接

3.1超链接3.2图像3.3表单元素3.4范围标签<span>3.5换行标签<br/>3.6实训——制作什锦果园联系信息表单第3章行级标签HTML页面中的块和行HTML标签分类〔方便后续的布局设计〕：块级标签：显示为“块〞状，前后换行行级标签：按行逐一显示分类好处：方便后续的布局设计块级：块内包含多行行级：包括文字、图片等块级标签：默认情况下占据一整行〔不同的块自动换行〕具有一定的宽度和高度常用来做容器，容纳其他的块级标签或行级标签。行级标签：不独占一行一般用来组织内容，如文字，图片，超链接等。3.1.1超链接的根本概念URL(UniversalResourceLocator，统一资源定位器)——表示Web上资源的一种方法，通常可以理解为资源的地址组成协议代码装有所需文件的计算机地址具体的文件路径和文件名。例如：协议协议说明应使用何种方法获得所需的信息超文本传输协议：HTTP(HyperTextTransferProtocol)。

使用形式：://webhostname.somedomain/path/filename.htm文件传输协议：FTP(FileTransferProtocol)。

使用形式：ftp://ftphostname.somedomain/path/filename.htm电子邮件协议：mailto。

使用形式：mailto:username@somedomain3.1超链接3.1.1绝对URLInternet上资源的完整地址，包括完整的协议种类、计算机域名和包含路径的文档名其形式为：协议://计算机域名/文档名例如：表示用来访问文档的协议的名称表示文档所在计算机的域名public/HTML/example.htm表示文档名如果在网页中需要指定外部Intemet资源，应使用绝对URL说明省略了最后局部文件名的URL通常也认为是绝对URL，因为它能够完全定位资源的位置例如，就是一个绝对URL3.1.1相对URL

Internet上资源相对于当前页面的地址，它包含从当前页面指向目的页面位置的路径例如：public/example.htm使用相对URL的好处在于当用户需要移植站点时，只要保持站点中各资源的相对位置不变，就可以确保移植后各页面之间的超链接仍能正常工作。用户在编写网页时，通常使用的都是相对URL(除非需要引用外部网页)如果在网页中需要指定内部资源，应使用相对URL相对URL本身并不能唯一地定位资源，但浏览器会根据当前页面的绝对URL正确地理解相对URL。说明：在URL中，总是使用正斜杠(/)作为路径分隔符，而不是使用Windows或DOS中的反斜杠(\)。在客户端，点击不同类型的链接时，会自动启动相应的客户端软件来访问相应的资源。句点(.)——当前目录双重句点(..)——上一级目录(父目录)例如./image.gif表示当前目录中的image．gif文件，相当于image.gif；../public/index.htm表示与当前目录同级的public目录下的index.htm文件，也就是当前目录上一级目录下的public目录中的index.htm文件3.1.2超链接的应用1．锚点标签<a>…</a><ahref="URL"target="翻开窗口方式">热点</a>Target属性：_blank浏览器总在一个新翻开、未命名的窗口中载入目标文档。_self这个目标的值对所有没有指定目标的<a>标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。3.1超链接3.1.2超链接的应用【演练3-1】制作网络鞋城页面之间的链接，当前页3-1.html中包含两个链接分别指向注册页和登录页，如图3-1所示。3.1超链接3.1.2超链接的应用3．指向书签的链接〔锚点链接〕用于对同一网页的不同局部或不同网页的不同局部进行链接锚点链接必须先定义锚点，然后才能定义链接。定义锚点<aname=“锚点名">目标文本附近的字符串</a>定义链接〔1〕指向页面内书签的链接<ahref=“#锚点名">热点文本</a>【演练3-2】制作指向页面内书签的链接。3.1超链接3.1.2超链接的应用3．指向书签的链接〔锚点链接〕<aname="锚点名">目标文本附近的字符串</a>〔2〕指向其他页面书签的链接<ahref="目标文件名.html#锚点名">热点文本</a>即单击“热点文本〞，将跳转到目标页面“锚点名〞开始的网页元素。【演练3-3】制作指向其他页面书签的链接。3.1超链接3.1.2超链接的应用4．指向下载文件的链接如果链接到的文件不是HTML文件，那么该文件将作为下载文件。指向下载文件的链接格式为：<ahref=“下载文件相对URL">热点文本</a>3.1超链接3.1.2超链接的应用5．指向电子邮件的链接单击指向电子邮件的链接，将翻开默认的电子邮件程序，如FoxMail、OutlookExpress等，并自动填写邮件地址。指向电子邮件链接的格式为：<ahref="mailto:E-mail地址">热点文本</a>3.1超链接3.1.2超链接的应用6.设置链接样式<bodylink="#FF0000"alink="#00CC00"vlink="#666666">……</body>link=“未被访问的链接颜色"alink=“正在被访问的链接颜色"vlink=“已经被访问过的链接颜色"3.1超链接3.1.3案例——制作网络鞋城购物向导【演练3-4】制作网络鞋城购物向导及下载的页面，