第7讲 网站设计基础 ---HTML语言.ppt

1、绝对路径 绝对路径：包含了标识INTERNET上的文件所需要的所有信息。文件的链接是相对原文档而定的。包括完整的协议名称，主机名称，文件夹名称和文件名称 其格式为 ： 通讯协议 ：//服务器地址：通讯端口/文件位置....../文件名。 2、相对路径 相对路经是以当前文件所在路径为起点，进行相对文件的查找。一个相对的URL不包括协议和主机地址信息，表示它的路径与当前文档的访问协议和主机名相同，甚至有相同的目录路径。通常只包含文件夹名和文件名。甚至只有文件名。可以用相对URL指向与源文档位于同一服务器或同文件夹中的文件。此时，浏览器链接的目标文档处在同一服务器或同一文件夹下。 如果链接到同一目录下，则只需输入要链接文件的名称。 要链接到下级目录中的文件。只需先输入目录名，然后加/，再输入文件名。 要链接到上一级目录中文件，则先输入../，再输入文件名。 3、根路径 根路径目录地址同样可用于创建内部链接，但大多数情况下，不建议使用此种链接形式。 根路径目录地址的书写也很简单，首先以一个斜杠开头，代表根目录，然后书写文件夹名，最后书写文件名。如果根目录要写盘符，就在盘符后使用│,而不用:??与DOS的写法不同。 如：/web/highight/shouey.html??? ? d│/web/highight/shouey.html 思考：链接本地机器上的文件时，应该使用相对路径还是根路径？ 在绝大多数情况下使用相对路径比较好，例如，用绝对路径定义了链接，当把文件夹改名或者移动之后，那么所有的链接都要失败，这样就必须对你的所有html文件的链接进行重新编排，而一旦将此文夹件移到网络服务器上时，需要重新改动的地方就更多了，那是一件很麻烦的事情。而使用相对路径，不仅在本地机器环境下适合，就是上传到网络或其他系统下也不需要进行多少更改就能准确链接。 三、超链接的应用 1书签链接 链接文档中的特定位置也叫书签链接，在浏览页面时如果页面很长，要不断的拖动滚动条给浏览带来不便，要是浏览者可以从上头阅读到尾，又可以选择自己感兴趣的部分阅读，这种效果就可以通过书签链接来实现，方法是选者一个目标定位点，用来创建一个定位标记，用a标签的属性name的值来确定定位标记名 a name=定位标记名 。然后在网页的任何地方建立对这个目标标记的链接标题，在标题上建立的链接地址的名字要和定位标记名相同，前面还要加上#号，a href= #定位标记名。单击标题就跳到要访问的内容。 ???书签链接可以在同一页面中链接，也可以在不同页面中链接，在不同页面中链接的前提是需要指定好链接的页面地址和链接的书签位置 。 格式： 在同一页面要使用链接的地址：a href=#书签名称 target=窗口名称超连链标题名称/a 在不同页面要使用链接的地址：a href=URL地址#书签名称 target=窗口名称超链接标题名称/a 链接到的目的地址：a name=书签名称目标超链接名称/a name的属性值为该目标定位点的定位标记点名称，是给特定位置点(这个位置点也叫锚点)起个名称。 2在站点内部建立链接 所谓内部链接，指的是在同一个网站内部，不同的html页面之间的链接关系，在建立网站内部链接的时候，要明确哪个是主链接文件（即当前页），哪个是被链接文件。在前面介绍链接路径时，已经给大家介绍了内部链接概念，内部链接一般采用相对路径链接比较好。下面我们根据如图示，来看看相对路径的具体的链接方法: 3 外部链接 所谓外部链接，指的是跳转到当前网站外部，与其它网站中页面或其它元素之间的链接关系。这种链接的URL地址一般要用绝对路径，要有完整的URL地址，包括协议名，主机名，文件所在主机上的的位置的路径以及文件名。 最常用的外部链接格式是：a href=http://网址,还有其他的格式如下表所示： 4 发送E-mail 在HTML页面中，可以建立E-mail链接。当浏览者单击链接后，系统会启动默认的本地邮件服务系统发送邮件。 基本语法：a href=mailto:E-mali 地址:?subject=邮件主题描述文字/a 在实际应用中，用户还可以加入另外的两个参数?cc=E-mali地址和body=?,这分别表示在发送邮件的同时把邮件抄送给第三者和设定邮件主题内容。如果希望同时写下多个参数，则参数之间使用分隔符。 图像的处理 一、背景图像的设定 在网页中除了可以用单一的颜色做背景外，还可用图像设置背景。 设置背景图像的格式： body background= image-url 其中 image-url 指图像的位置。 二、网页中插入图片标签img 网页中插入图片用单标签img，当浏览器读取到img标签时，就会显示此标签所设定的图像。如果要对插入的图片进行修饰