Web网站架构和HTML基础与实验介绍.ppt

Web网站架构与HTML基础和实验介绍;内容提要;内容回顾;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础;HTML基础; 5.图像标记和多媒体标记 （1）图像标记 ：img src=“图像文件名” 将图形文件嵌入到网页文档中的当前位置。 例如，网页文档与图形文件logo.gif在同一个目录下，则可以将代码写成img src=logo.gif。 假如图形文件放在网页文档所在目录的一个子目录(images)下，则代码应为： img src=images/logo.gif。 此外，img标记还有alt（文字代替）、align（对齐）、border（边框）、width（宽度）和height（高度）属性。 ; 假如图形文件放在网页文档所在目录的上层目录(如home)下，则相对路径就必须是准网址，即用“../”表示网站，后边紧跟文件在网站中的路径。 例如，home是网站下的一个目录，则代码应为： img src=../home/logo.gif。 例如， home是网站下的目录king下边的一个子目录，则代码应为： img src=../king/home/logo.gif。 ; [例1-6] 图像标记举例 html head title图像标记示例/title /head body p align=“center”img src=“../logo468_60.gif” alt=“网页制作” width=468 height=60/p /body /html ; （2）多媒体标记 A.设置音乐播放的链接 在Windows中，可播放的音乐文件格式常有au、mid及wav三种。若要提供音乐文件让浏览者播放，则可建立指向音乐文件的超链接。例如： A HREF=sweet.wav甜美音乐/A B.设置影像播放的链接 常见的影像文件有mov、mpg和avi。可建立超链接到影像文件。当浏览者单击超链接时，将会调用Windows Media Player，进行影像文件播放???例如： A HREF=traffic.avi本市交通/A ; C.直接将音乐或影像嵌入网页 可以用EMBED标记，即: EMBED SRC=“音乐或影像文件名称” WIDTH=宽度 HEIGHT=高度 AUTOSTART=TRUE LOOP=播放次数 若“播放次数”设为TRUE，则无限次播放，直到单击关闭或停止。若设为NO（默认值），则只播放一次。 D.播放网页背景音乐 可运用BGSOUND标记，即： BGSOUND SRC=音乐文件名 LOOP=次数 若“次数”设为Infinite，音乐将循环播放，直到网页关闭为止。 ; 6. 表格标记 （用于制作表格或网页结构） （1）table/table（创建一个表格） （2）tr/tr和td/td（创建表格中的每一行和每一格） （3）th/th（创建表格头） 。 [例1-7] 用表格标记创建下列表格。 ; htmlheadtitle表格标记示例/title/head body table border=1 width=80% bgcolor=#E8E8E8“ cellpadding=2 bordercolor=#0000FF“ bordercolorlight=#7D7DFF bordercolordark=#0000A0 tr th width=33% colspan=2 valign=bottom意大利/th th width=36% colspan=2 valign=bo