5; XHTML图像

旧街凉风 提交于 2021-02-20 05:43:25

1.背景图案的设置

2.将图片插入到网页中去

3.用图像作为超链接

4.使用工具建立地图索引

5.切片索引

6.为网站添加图标

5.1 背景图案的设置

格式:<body background=URL>

5.2 将图片插入到网页中去

格式:<img src="URL">

功能:将图片插入到网页中去 ,单一标签

<img>下的属性

属性名称 属性值 说明

src URL 图片的路径

图片的注解

属性名称 属性值 说明

alt 字符串 给图片做注解

图象大小的设置

属性名称 属性值 说明

width 像素 绝对设置,

百分比 相对设置,

height 像素 绝对设置,

百分比 相对设置,

图象边框的设置

属性名称 属性值 说明

border 数字 图象边框

文字图象的排列

属性名称 属性值 说明

align left 图象靠左,文字靠右

right 图片靠右,文字靠左

top 文字往上靠

middle 文字靠中

bottom 文字靠下

空隙的设置

属性名称 属性值 说明

vspace 像素 垂直上下两端与物件的距离

hspace 像素 水平左右两段与物件的距离

5.3 用图像作为超链接

格式:<a href="URL"><img src="URL"></a>

注意点:边框的问题.

5.4 地图索引

格式:<map name="图象名称" id="图象名称">

<area shape="选取区块的形状" coords="坐标" href="URL" alt="

字说明">

</map>

<img src="URL" USEMAP="#图象名称">

<map>声明整张图使用地图链接方式进行连接.

name,id指此图的名称.

<area>表示我们所要链接其中一点的区快

shape表示我们所选择的形状,:rect矩形 circlepoly多边形

coords 表示地图的坐标位置!!

5.5 切片索引

使用Firework来进行!!用表格进行定位 !!

5.6 为网站添加图标

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!