《网页设计与制作-第2章.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作-第2章.ppt（25页珍藏版）》请在三一办公上搜索。
1、HTML的图象标记 HTML的多媒体标记 HTML的超链接标记,HTML的图象与多媒体标记,插入图像标记,网页常用的图片格式有Gif和Jpg两种,图象使用的原则：1、选择性的使用图象。2、图象要尽量做得小一点，小图象在网上的传输 速度快。3、设计图象一般不要超过450象素。,改变图像的大小属性,图像的边框属性,图像与文本间的距离属性,图像标记的属性,图像的提示文字属性,ALIGN属性标记,ALIGN=TOP ALIGN=MIDDLEALIGN=BOTTOM ALIGN=LEFTALIGN=RIGHT ALIGN=缺省,图像标记的属性,图片与文字之间的排列通过ALIGN属性来设定,例：在网页中插
2、入图像的HTML源文档,插入图片.html,背景音乐标记,该段代码可以插入到或标签之间,背景音乐标记的属性 Loop=“播放次数”省略或取-1将循环播放,背景音乐-loop.html,显示播放条的背景音乐标记,背景音乐标记的属性 Loop=“播放次数”autostart=true loop=true hidden=false,有播放条的背景音乐.html,视频标记,视频标记的属性 Loop=“播放次数”Start=“fileopen(mouseover)Controls:附加AVI文件播放条 Loopdelay=“两次播放的时间间隔”,HTML的超链接标记,链接是一个网站的灵魂超文本链接是指把
3、并不连续的两段文字或两个文件联系起来。通过链接我们把一张张独立的网页组成一个庞大的信息网络系统。,链接的方式：*内部链接*外部链接*链接多媒体文件,链接的标记与属性,链接标记,.,链接标记的属性,Href 指定链接地址Title 给链接提示文字Target 指定链接的目标窗口,链接的路径,绝对路径：链接到其他网站的文件时，必须使用绝对路径。相对路径：链接到同一目录下，可直接输入要链接文件的名称 链接到下一级目录，则输入“目录名/文件名”链接到上一级目录，则输入“./目录名/文件名”,链接文字或图片,内部链接,内部链接是指在同一网站内部，不同HTML页面之间的链接关系。在建立网站内部链接的时候，
4、要使链接具有清晰的导航结构，使用户方便的找到所需的HTM文件。,有序列表与无序列表.html,插入图片.html,内部链接.html,内部链接.html,建立书签链接分两步：一是建立书签，二是为书签制作链接,2、链接文字或图片,1、文字,书签链接,在浏览网页的时候，如果页面内容较多，篇幅过长，就需要不断拖动滚动条，如果要寻找特定内容，就很不方便。这时可利用书签链接的功能在该页面上或另外的页面上建立目录，单击目录就能自动跳到网页相应位置进行阅读。,书签链接示例-链接到同一页面的书签,链接到同一页面的书签.html,1、在被链接的WEB页面上先建立书签 文字2、再做链接到不同WEB页的书签 链接文
5、字,书签链接示例-链接到不同页面的书签,外部链接链接到外部网站,链接文字或图片,链接到外部网站链接到新浪网站,链接到外部网站.html,外部链接链接到外部网站,外部链接发送E-mail,在HTML页面中，可以建立E-mail链接，当浏览者单击链接后，系统会启动默认的电子邮件软件发送E-mail。地址栏会自动添加链接中的邮箱地址。,链接文字,Ab.c 邮件地址Subject 电子邮件主题,发送电子邮件请留下对该课程的建议,外部链接发送E-mail,外部链接发送E-mail,发送电子邮件.html,外部链接下载文件,制作下载文件的链接，需在链接文件地址处输入文件位置，并且提供下载的文件必须先上传到网站上。,下载文件点击这里下载“网页制作第一讲”,链接的文本或图片,声音文件视频文件图片文件,外部链接链接到多媒体文件,在HTML文件中建立外部媒体还是用链接标识格式：,视频文件与声音文件的链接,点击播放视频(ASF)媒体点击播放音频(MIDI)媒体,视频文件与声音文件的链接,媒体播放器,链接媒体的页面,链接到声音文件和视频文件.html,图像的链接,小图片链接到大图片,图像的链接,链接图片.html,
