- 1、本文档共15页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
;任务8;图像在网页中的运用;图像在网页中的运用;几种常用图像格式介绍;(2)GIF格式
GIF格式,是GraphicsInterchangeFormat(图形交换格式),采用LZW压缩,是以压缩相同颜色的色块来减少图片的大小。
LZW压缩为无损压缩,且压缩效率高,但GIF格式只支持256色。GIF支持动画、背景透明。GIF格式一般用于很小或较简单的图像,比如网站Logo、按钮和表情等。
GIF格式的文件扩展名为.gif。;(3)PNG格式
PNG格式,即PortableNetworkGraphics,是一种网络图形格式,结合了GIF和JPG的优点。
PNG格式采用无损压缩方案存储,能够显示透明度效果,支持48bit的色彩。PNG格式一般用于需要背景透明显示或对图像质量要求较高的网页上,很多PNG图像用作网页背景。
PNG格式的文件扩展名为.png。;图像相关标签;img图像标签;img图像标签;热区定义标签;热区定义标签;例1-17使用img、map、area标签定义图像地图
!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd
htmlxmlns=/1999/xhtml
head
metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/
title使用img、map、area标签定义图像地图/title
/head
body
p请点击图像上的星球,把它们放大。/p
imgsrc=images/eg_planets.jpgborder=0usemap=#planetmapalt=Planets/
mapname=planetmapid=planetmap
areashape=circlecoords=180,139,14href=venus.htmltarget=_blankalt=金星/
areashape=circlecoords=129,161,10href=mercury.htmltarget=_blankalt=水星/
areashape=rectcoords=0,0,110,260href=sun.htmltarget=_blankalt=太阳/
/map
pb注释:/bimg元素中的usemap属性引用map元素中的id或name属性(根据浏览器),所以我们同时向map元素添加了id和name属性。/p
/body
/html;例1-17知识点
img标签usemap属性引用map元素中的id或name属性;
map标签的id或name属性;
area标签的shape属性取值:rect、circle和poly;
rect值对应的coords设置:left、right、top和bottom,即矩形的左上角坐标和右下角坐标;
circle值对应的coords设置:center-x、center-y和半径,即圆心坐标和半径。;
您可能关注的文档
- 课程主题社会政策分析之政策检讨与反馈社区工作课程.pptx
- 课程主题社会政策分析之政策执行社区工作课程.pptx
- 课程主题社会政策分析之政策制定社区工作课程.pptx
- 课程主题社区的概念和类型社会学概论课程.pptx
- 课程主题社区动力分析社区工作课程.pptx
- 课程主题社区互动分析社区工作课程.pptx
- 课程主题社区社区的内涵与功能社区工作课程.pptx
- 课程主题社区社区的要素与类型社区工作课程.pptx
- 课程主题社区体系分析社区工作课程.pptx
- 课程主题社区研究的范围和对象社区工作课程.pptx
- 2020年(生物科技行业)世界著名生物制剂公司 .pdf
- 2020—2021年北师大版八年级数学上册期末考试题及答案【A4版】.pdf
- 2020-2021部编人教版小学数学6六年级下册全册试卷集(附答案).pdf
- 2020大学生心理健康教育考试题及答案 .pdf
- 零售药店自查报告集锦15篇.pdf
- 2020—2021年部编版五年级语文下册期末试卷及答案【可打印】 .pdf
- 科研项目工作总结.pdf
- 2020—2021年人教版九年级数学上册期末考试题及答案【A4打印版】.pdf
- 2020-2021学年苏教版小学数学五年级下册《第7章 解决问题的策略》单元测.pdf
- 2020—2021年人教版一年级数学上册期末试卷及答案【完整版】.pdf
文档评论(0)