html网页设计教程(推荐).pptVIP

例 a href=“mailto:wsh09@yahoo. cn?cc=benbenmao@163.comSubject=新年好bcc=sangsang@ Body= 新年好, 祝你春节快乐！ 向桑桑发送邮件 图片的插入 网页中图像的插入，使得网页内容丰富多彩。 本节主要内容： 图片的格式 图片的插入 图片的超链接 图像映射 图片的格式 JPG（JPEG）：通常用来显示照片等颜色丰富的图像。可以高效地压缩，并且丢失的是人眼不易觉察的部分图像，使图像文件变小的同时基本不失真。 GIF：在网页中大量用于站点图标Logo,广告条Banner和网页背景图像等。它可以图像变得非常小，也可以在网页中以透明方式显示，而且可以包含动态信息，是网页上大量使用的图片格式之一。 PNG：便携网络图像。既有GIF透明显示的特点，又具有JPEG处理精美图像的优势，且可包含图层等信息，常用于制作网页效果图，目前已逐渐成为网页图像的主要格式 插入图片标记Img 格式：img ….. img的属性 Src：插入图像的路径。 Alt：提示文字。提示文字有两个作用：一是当浏览该网页时，如果图像下载完成，鼠标放在该图像上，鼠标旁会出现提示文字；二是当图像没有被下载时，在图像的位置会出现提示文字。 Width、Height：图像的宽度和高度，单位为像素或百分比。 Align：图像和文字的对齐方式。 Border：默认图片无边框。可用此属性设置边框线的宽度，单位为像素。 Vspace：图像的垂直间距。指图像垂直方向上和文字的距离。 Hspace：图像的水平间距。指图像水平方向上和文字的距离。 图片的超链接 图片的超链接标记与文字超链接相同，都是a 格式： a href=“url” img src=*,…… /a 图像映射 一张图片可以有多个超链接 一张图片被切分成不同的区域，每一个不同的区域可以链接到不同的地址，这称为图像的热区。 每一个热区可以有各自的链接地址。浏览者单击热区后，就会跳转到相应的地址，这 就是图像映射。 图像映射标记 ??图像映射由map定义 影像地图（Image Map）标签的使用格式： ?img src=图形文件名 usemap=#图的名称????map name=图的名称???????????area shape=形状 coords=区域座标列表 href=URL资源地址?????????area shape=形状 coords=区域座标列表 href=URL资源地址?????/map 可根据需要定义多少个热点区域 图像映射例子 img src=bear.jpg usemap=#Map map name=“Map area shape=rect coords=46,29,253,164 href=“ area shape=circle coords=76,510,59 href=“ area shape=poly coords=219,482,253,448,310,462,297,527,220,523 href=“11.html /map 图像映射标记 area标记属性 Shape :定义图像映射区的形状。有三种：rect(矩形 )、circle(圆)、poly(多边形)。 Href：链接地址。 Coords：设定区域坐标。 图像映射标记 coords -- 定义区域点的坐标? a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标??例：area shape=rect coords=100,50,200,75 href=URL?b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度例：area shape=circle coords=85,155,30 href=URL ??c.任意图形（多边形）：将图形之每一转折点座标依序填入 例：area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href=URL TABLE表格 表格在网站应用中非常广泛,可以方便灵活的排版,很多动态大型网站也都是借助表格排版,表格可以把相互关联的信息元素集中定位,使浏览页面的人一目了然. 本节主要内容 制作表格 表格的标题和表头 行标记属性 单元格属性 制作表格 表格的三个标记 表格标记 table…/table 行标记 tr…./tr 单元格标记 td…./td Border=n ,n为像素值，表示表格边框的粗细，默认 n为0 基本语法 table tr td…/td td…/td …… /tr tr td…/td td…/td …… /tr /tab