网页设计与制作-第3讲.pptVIP

* * HTML的图象标记 HTML的多媒体标记 HTML的超链接标记 HTML的图象与多媒体标记 插入图像标记 IMG SRC=“图像文件名” 网页常用的图片格式有Gif和Jpg两种 图象使用的原则： 1、选择性的使用图象。 2、图象要尽量做得小一点，小图象在网上的传输 速度快。 3、设计图象一般不要超过450象素。 改变图像的大小属性 HEIGHT=…... WIDTH=…… 图像的边框属性 BODER=…... 图像与文本间的距离属性 VSPACE=…... HSPACE=…... 图像标记的属性 图像的提示文字属性 ALT=“提示文字” ALIGN属性标记 ALIGN=TOP ALIGN=MIDDLE ALIGN=BOTTOM ALIGN=LEFT ALIGN=RIGHT ALIGN=缺省 图像标记的属性 图片与文字之间的排列通过ALIGN属性来设定 例：在网页中插入图像的HTML源文档 插入图片.html 背景音乐标记 BGSOUND SRC=“音乐文件名” 该段代码可以插入到body/body或 head/head标签之间 背景音乐标记的属性 Loop=“播放次数” 省略或取-1将循环播放 背景音乐-loop.html 显示播放条的背景音乐标记 EMBED SRC=“音乐文件名” 背景音乐标记的属性 Loop=“播放次数” autostart=true loop=true hidden=false 有播放条的背景音乐.html html body img dynsrc=Once upon a day.asf loop=2 width=750 /body /html 视频标记 IMG DYNSRC=“视频文件名” 视频标记的属性 Loop=“播放次数” Start=“fileopen (mouseover) Controls:附加AVI文件播放条 Loopdelay=“两次播放的时间间隔” HTML的超链接标记 链接是一个网站的灵魂 超文本链接是指把并不连续的两段文字或两个文件联系起来。通过链接我们把一张张独立的网页组成一个庞大的信息网络系统。 链接的方式： * 内部链接 * 外部链接 * 链接多媒体文件 链接的标记与属性 链接标记 A….../A 链接标记的属性 Href 指定链接地址 Title 给链接提示文字 Target 指定链接的目标窗口 链接的路径 绝对路径：链接到其他网站的文件时，必须使用绝对路径。 相对路径： 链接到同一目录下，可直接输入要链接文件的名称 链接到下一级目录，则输入“目录名/文件名” 链接到上一级目录，则输入“../目录名/文件名” A HREF=“被链接的文件名”链接文字或图片/A 内部链接 内部链接是指在同一网站内部，不同HTML页面之间的链接关系。在建立网站内部链接的时候，要使链接具有清晰的导航结构，使用户方便的找到所需的HTM文件。 有序列表与无 序列表.html 插入图片.html 内部链接.html 内部链接.html 建立书签链接分两步：一是建立书签，二是为书签制作链接 2、A HREF=“# 书签名”链接文字或图片/A 1、A NAME=“书签名” 文字/A 书签链接 在浏览网页的时候，如果页面内容较多，篇幅过长，就需要不断拖动滚动条，如果要寻找特定内容，就很不方便。这时可利用书签链接的功能在该页面上或另外的页面上建立目录，单击目录就能自动跳到网页相应位置进行阅读。 书签链接示例 ---链接到同一页面的书签 链接到同一页面的书签.html 1、在被链接的WEB页面上先建立书签 a name=“书签名”文字/a 2、再做链接到不同WEB页的书签 a href=“文件名.HTML#书签名”链接文字/a 书签链接示例--链接到不同页面的书签 外部链接—链接到外部网站 A HREF=“URL”链接文字或图片/A html head title链接到外部网站/title /head body a href=“”链接到新浪网站/a /body /html 链接到外部网站.html 外部链接—链接到外部网站 外部链接—发送E-mail 在HTML页面中，可以建立E-mail链接，当浏览者单击链接后，系统会启动默认的电