html超链接到index,HTML基础___超链接 <第四天>

学习内容:

1.超链接的基本知识

2.超链接的建立

3.内部链接

4.书签链接

5.外部链接

1.超链接的基本知识

认清两个概念:

__绝对路径:  是主页上的文件或目录在硬盘上的真正的路径.

绝对路径的缺点:1.输入内容多 2.如果文件移动了,就要重新设置相关的链接.

__相对路径:  是自己相对于目标的位置.

../上一级目录    ../../上上级的目录

相对路径的写法:

同一目录下的文件:只需要输入文件的名称即可.如22.htm.

上一级目录中的文件:在目录名和文件名之前加入"../"

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

下级目录:输入目录和文件名

引用下级目录的文件,直接写下级目录文件的路径即可。

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

2.超链接的建立

语法:链接元素

设置超链接的目标窗口

语法:链接元素

target的值:

_parent   在上一级窗口打开,常在分帧的框架页面中使用

_blank     在新窗口中打开

_self         在同一窗口打开,默认值

_top         在浏览器的整个窗口打开.忽略所有的框架结构

3.内部链接

内部链接是指链接的对象是在同一个网站中的资源.

如有三个文件

/www/index.htm

/www/film/film1.htm

在index加入film1超链接的代码应该这样写:

film1

在film1加index超链接的代码应该这样写:

主页

主要是相对路径的设置.

4.书签链接

建立书签

语法:文字

链接到同一页面的书签(运用)

语法:链接的文字

链接到不同页面的书签

语法:链接的文字  (注意引号和#号)

5.外部链接

外部地址.就要输入它们的绝对地址

链接文字

链接文字

链接文字

链接文字

参数:

cc__抄送收件人__文字

subject__电子邮件主题__文字

bcc__暗送收件人__文字

body__抄送收件人__文字

带几个参数时要用&符号对参数进行分隔

意见建议 a>