网页设计超链接.doc

1、超链接是从一个网页转到另外一个网页的途径
2、超文本链接通常称为为超链接,或者简称为链接
3、链接是指文档中的文字或者图象与另一个文档、文档的一部分或者一幅图象链接在一起超链接的建立


绝对路径与相对路径
1、绝对路径:主页上的文件或目录在硬盘上的真正路径。
C:\website\
C:\website\img\
2、相对路径:自己相对于目标位置的路径。
img\
..\代表上一级目录..\..\代表上上级目录
1、超链接标记
语法:
<a href =“URL或文件名”>链接元素</a>
2、建立文本超链接
语法:
<a href =“链接地址”>
链接文字</a>
3、设置超链接的目标窗口
语法:
<a href =“链接地址” target=目标窗口的打开方式>链接元素</a>
常用的:_blank:新建一个窗口打开
_self:在同一个窗口打开(默认)
4、根据链接对象的不同,可以把超链接归纳为下列几类:
内部链接:链接的对象是在同一个网站中的资源。
建立书签的语法:
<a name=“书签名称”>文字
</a>
书签链接:对网页内容的链接,便于跳转
链接到同一页面的书签的语法:
<a href=“#书签名称”>链接的文字
</a>
链接到不同页面的书签的语法:
<a href=“链接的文件地址#书签名称”>链接的文字
</a>
外部链接:跳转到当前网页之外的资源
外部链接一般书写绝对地址。最常见的是使用URL
(统一资源定位符),最常使用的使用Http协议设置外部链接。还可以通过FTP、链接。
5、图象格式
最常见的图像格式:
gif、
jpg、
Png


6、添加图象
语法:
<img src=“图像文件的地址”>
注:图像文件的地址可以是绝对地址,也可以是相对地址。
7、设置图象属性
1、设置图像高度
语法:
<img src=“图像文件的地址” height=图像的高度>
注:图像的高度的单位是
“像素”

2、设置图像宽度
语法:
<img src=“图像文件的地址” width=图像的宽度>