第4章图像多媒体与超链接

第4章图像、多媒体与超链接网页基础--HTML上章回顾strike标签为其中的文本加上删除线，格式标签基本上是一种视觉效果。br标签用于在HTML文档中设定换行，此标签不需要结束标签。marquee标签用于设置一种特殊的文本显示效果，使元素呈现动态的、滚动的特效。HTML文档中的列表类型有三种：无序列表、有序列表、定义列表。start属性指定列表的起始编号。了解HTML文档中常用图像格式掌握图片在HTML文档中的应用在网页中添加多媒体理解绝对路径与相对路径掌握HTML文档中的超链接本章进阶网页中常用的图像格式能够被大多数浏览器接受的主流图片格式有三种GIF图像JPEG图像PNG图像GIF图像GIF图像的特点支持背景透明支持动画支持图形渐进支持无损压缩最大的缺点是只有256种颜色JPEG图像JPEG图像的特点支持上百万种颜色，适合照片。使用更有效的有损压缩算法。高压缩比，方便了网络传输和磁盘交换文件。有损压缩对图像会产生不可恢复的损失，不支持图形渐进、背景透明、动画。PNG图像PNG图像的特点支持256种颜色的彩色图像允许连续读出和写入图像数据逐次逼近显示特性支持透明平台无关性使用无损压缩在网页中插入图像img标签用于将图片插入HTML文档中，此标签没有结束标签。htmlheadtitle在HTML文档中使用图像/title/headbodyh1fontcolor=greenb小狗的家/b/font/h1hrpimgsrc=dogs.jpgwidth=260height=200hspace=5vspace=5border=2align=topalt=可爱的小狗顶部对齐/p/body/html图形标签图形标签的主要属性src指定图像文件的位置。width、height设定图片大小，此宽度、高度一般采用像素作单位。hspace、vspace设定图片边沿空白，以免文字或其它图片过于贴近，采用像素作单位。border用于设定图片边框的厚度，以像素作单位。align调整图片旁边文字的位置。alt用以描述该图片的文字。使用背景图像通过使用body标记的background属性可以将图片设置为文档的背景。htmlheadtitle在HTML文档中使用图像/title/headbodybackground=GreenGrass.jpgh1align=centerfontcolor=redb关于人生/b/font/h1hrp  今天看书，看到康熙皇帝在二十三岁的时候已经贵为一国之君，绩伟功丰，我很沮丧。但又看到同治皇帝在二十三岁时已经死了四年了，我平衡了。/p/body/html如果图像小于文档的显示区域，则会以平铺图像的形式填充显示区域。网页中的背景音乐在网页中经常使用的音频格式MIDI格式HTML文档中音乐文件的标准格式，具有很好的声音品质。WAV格式作为最经典的Windows多媒体音频格式，应用非常广泛，声音品质较好。MP3格式是一种压缩格式，可以缩小声音文件的容量，其声音品质非常好。网页中的背景音乐bgsound标签可以用于插入背景音乐，但只有IE浏览器支持。例如，bgsoundsrc=StudyForThreeHands.mp3loop=infiniteautostart=true。使用embed标签添加声音到网页上，是一种使用内嵌对象的方式。例如，embedalign=centerwidth=400height=300src=01.wavautostart=true网页中的背景音乐embed标签的主要属性align嵌入对象的对齐方式width、height嵌入对象的宽度、高度src声音文件的路径autostart音频文件下载后是否自动播放loop是否循环播放hidden是否显示嵌入对象IE浏览器支持embed标签播放次数的属性是playcount在网页中插入视频htmlheadtitle在HTML文档中插入视频/title/headbodyembedalign=centerwidth=400height=300src=9.wmvautostart=true/body/html网页中的超链接超链接允许用户在不同计算机中的文档之间及文档内部漫游。创建超链接，需要指定两个重要部分提供链接的对象（链接的起点）目标文件的完整地址或URL（链接到达终点的途径）绝对路径与相对路径计算机中表示文件位置的方式就是路径绝对路径与相对路径硬盘上磁盘根目录下，完整的描述文件位置的路径就是绝对路径。例如：“D:\图片\歌星\周杰伦.jpg”相对路径就是指由一个文件（或文件夹）所在的路径引起的跟其它文件(或文件夹)的路径关系。例如：如果当前目录是“图片”文件夹，则文件“周杰伦.jpg”的相对路径为“歌星\周杰伦.jpg”。对于URL，也有绝对和相对的概念。超链接标签a锚标签用于标识HTML文档中提供链接的对象（文本或图片）href属性用于指定到达目标对象的路径锚标签指定了需要创建超链接的两个部分文档的超链接从一个文档到另一个文档htmlheadtitle文档的超链接/title/headbodybrp周杰伦无疑是一个成功的歌手，但近日，美国最新一期ahref=end.html《FastCompany》杂志/a策划“商场中最有创意的100人”特刊，却看上了他，将他与LadyGaga、jay-z三名歌手入榜。周董同时也是唯一上榜的华语艺人。/p/body/htmlstart.html文档的超链接htmlheadtitle文档的超链接/title/headbodybrp《FastCompany》：美国最富盛名和最具影响力的商业杂志之一，与《财富》、《商业周刊》、《华尔街日报》等媒体成为美国乃至世界商业（经济）领域的主流媒体。《FastCompany》杂志每年会在全球范围内寻找具有创造性商业理念、增长速度快、具备一定社会公益性的企业（或个人）通过资深的专业记者的投票评选出50名年度企业或个人，称为“Fast50”。/ppahref=start.html返回/a/p/body/htmlend.html文档的超链接从文档的一个部分到另一个部分命名锚标签name属性aname=主题标识主题名称/ahref属性用于标识路径ahref=#主题标识主题名称/a链接地址中的#说明该链接是文档中的命名点，由于#号之前未指定任何文档，浏览器就可以识别出该链接是在同一文档内。文档的超链接htmlheadtitle文档的超链接/title/headbodyahref=#owl猫头鹰/abrbrahref=#flamingo火烈鸟/abrbrahref=#redfox红狐/abrbr文档的超链接aname=owl猫头鹰/abrp北美和南美最普通的猫头鹰——巨角猫头鹰是任劳任怨的好丈夫和勤勤恳恳的好父亲。冬末时分，雌性巨角猫头鹰会一直呆在巢里孵化2到3枚卵，这时雄性巨角猫头鹰负责寻找食物，喂养伴侣，它经常从很远的地方把老鼠、田鼠和松鼠带回巢穴，供负责孵卵的雌鸟享用。幼鸟破壳而出以后，它的任务变得更加艰巨，从此它还要肩负起喂养幼鸟的工作。/paname=flamingo火烈鸟/abrp雄火烈鸟既是忠诚的丈夫，又是关心后代的好父亲。它们经常许许多多聚集在一起生活，但是火烈鸟通常一生都遵守一夫一妻制。雄火烈鸟在配偶的领导下，挑选出筑巢位置，然后用泥巴筑巢。雌鸟一次只产一枚卵，它们轮流孵卵和保卫家园，它们共同承担养育后代和孵化小鸟的责任。/paname=redfox红狐/abrp雄性红狐是一个非常警觉的父亲，它们经常陪幼崽一起玩耍，并独自一人承担寻找食物，养活家人的任务。小狐狸出生3个月后，父亲的养育任务结束，年轻小狐狸开始自己寻找食物。然而父亲不会眼睁睁看着它们挨饿，它会把食物藏在小狐狸附近，教它们如何发现食物。/pbrbrbrbrbr/body/html文档的超链接从一个文档到另一个文档的某个位置htmlheadtitle文档的超链接/title/headbodyahref=content.html#owl猫头鹰/abrbrahref=content.html#flamingo火烈鸟/abrbrahref=content.html#redfox红狐/abrbr/body/htmltitle.html文档的超链接htmlheadtitle文档的超链接/title/headbodyaname=owl猫头鹰/abrp北美和南美最普通的猫头鹰——巨角猫头鹰…幼鸟破壳而出以后，它的任务变得更加艰巨，从此它还要肩负起喂养幼鸟的工作。/paname=flamingo火烈鸟/abrp雄火烈鸟既是忠诚的丈夫，又是关心后代的好父亲…它们共同承担养育后代和孵化小鸟的责任。/paname=redfox红狐/abrp雄性红狐是一个非常警觉的父亲…教它们如何发现食物。/pbrbrbrbrbr/body/htmlcontent.html超链接与电子邮件htmlheadtitle使用电子邮件/title/headbodybrpahref=mailto:[e-mail]我的E-MAIL/a/p/body/html超链接与文件下载htmlheadtitle文件下载/title/headbodybrp电子书/ppahref=“myfile.doc”《动物世界-十大杰出的父亲》/a/p/body/html图片与超链接htmlheadtitle图片与超链接/title/headbodybrahref=gardens.htmlimgsrc=fj.jpg/a/body/html内部链接和外部链接内部链接是指同一网站页面之间的互相链接，所以也可以称之为站内链接。外部链接是到其它网站或服务器上的页面的链接。链接的页面以什么样的形式展现出来，是由target属性指定的。本章总结HTML文档中被大多数浏览器接受的主流图片格式有三种GIF图像、JPEG图像、PNG图像。使用body标记的background属性可以实现网页背景。通过bgsound、embed等标签可以为网页添加背景音乐、视频等多媒体。创建超链接需要指定两个重要部分：提供链接的对象；目标文件的完整地址或URL。文档链接有三种：一个文档到另一个文档、文档的一个部分到另一个部分、一个文档到另一个文档的不同位置。链接可分为内部链接与外部链接。