5-6节《网站开发》课程地位、目标及章节.pptVIP

第5-6节 超级链接与图像标签 上节回顾 掌握标题字标记 掌握段落标记 掌握有序、无序列表及定义列表 上节案例学生展示 学生展示完善后的上节案例 本节目标 了解超级链接的基本知识 掌握内部链接 掌握锚点链接 掌握外部链接 了解图像的格式 掌握插入图像的方法 掌握图像的超级链接 本节案例 设置锚点链接 超级链接的基本知识 相对路径 绝对路径 内部链接 锚点链接 外部链接 链接到外部网站 链接到E-mail 链接到FTP 链接到Telnet 下载文件 图像的格式 GIF格式 JPEG格式 PNG格式 插入图像的方法 Src属性 Alt属性 Width属性 Height属性 Border属性 Hspace属性和vspace属性 图像的超级链接 图像的超级链接 图像热区链接 图像热区链接 总结 案例扩展 产品销售网络地图 5个问题 什么是相对路径、绝对路径？ 如何点击链接后将会打开一个新的浏览器窗口？ 解释什么情况下使用锚点？ 插入图像标记是什么？ 解释热区链接有什么作用？ 下节预习 表格基本结构 图像的超级链接 图3.6 路径 图2.6 段落标记 图2.7 一个例子 了解超级链接的基本知识 掌握内部链接 掌握锚点链接 掌握外部链接 了解图像的格式 掌握插入图像的方法 掌握图像的超级链接 相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系，使用相对路径可以为我们带来非常多的便利。 同一个目录的文件引用： html超链接的代码应该这样写：c:\Inetpub。 如果源文件和引用文件在同一个目录里，直接写引用文件名即可。 我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\index.htmlhtml文件作为超链接。c:\Inetpub\wwwroot，表示源文件所在目录的上一级目录，在info.html加入index.html超链接的代码应该这样写：index.html 如何表示上级目录：../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。 在info.html加入index.html超链接的代码应该这样写：a href=“../index.html”index.html 绝对路径(absolute path)指带域名的文件的完整路径。表示源文件所在目录的上上级目录，以此类推。正确地引用文件，我们需要学习一下HTML路径。 假设你注册了域名，并申请了虚拟主机，你的虚拟主机提供商会给你一个目录，比如www，这个www就是你网站的根目录。 假设你在www根目录下放了一个文件index.html，这个文件的绝对路径就是： /index.html。.html，这个文件的绝对路径就是http://www！ 假设你在www根目录下建了一个目录叫html_tutorials，然后在该目录下放了一个文件index.html，这个文件的绝对路径就是/html_tutorials/index.html。 内部链接是指链接的对象是在同一个网站中的资源。我们使用标记a及a href=“”/a格式在网页中加入一个超级链接。本标志对的属性href是无论如何不可缺少的，标志对之间加入需要链接的文本或图像(链接图像即加入img src=标志)。href的值可以是URL形式，即网址或相对路径，也可以是mailto:形式，即发送E-Mail形式。对于第一种情况，语法为a href=URL/a，这就能创建一个超文本链接了，还具有target属性，此属性用来指明浏览的目标帧，我们将在讲帧标志时作详细的说明，这里您只要知道如果不使用target属性，当浏览者点击了链接之后将在原来的浏览器窗口中浏览新的Html文档，若target的值等于“_blank”，点击链接后将会打开一个新的浏览器窗口来浏览新的Html文档。target属性值：_self 在当前页面中打开链接； _blank，在一个全新的空白窗口中打开链接 _top，在顶层框架中打开链接 _parent，在当前框架的上一层里打开链接 html head title内部链接目标/title /head body 脑筋急转弯 p1.a href=1.html target=_blan