网页设计概述-HTML.ppt

2、超链接的应用 ⑴ 更改链接文字的颜色 ●格式： body text=“颜色值” link=“颜色值” vlink =“颜色值” alink= =“颜色值” 网页内容 /body ●说明： ①text属性：非可链接文字的颜色，默认为黑色(black)。 ②link属性：可链接文字的颜色，默认为蓝色(blue)。 ③vlink属性：已经被访问过的可链接文字的颜色，默认为栗色(maroon)。 ④alink属性：正被单击的可链接文字的颜色，默认为红色(red) ex2-17 ⑵ 用链接实现发送邮件 ●格式： a href =“mailto: E-mail地址?subject=邮件主题body=邮件正文” 描述文字 /a 图像的处理 1、网页中插入图形 img标签 ●格式： img src =“image-URL” alt=“替代文字” height=“数值” width=“数值” align=“top |middle| bottom | left | right” vspace=“数值” hspace=“数值” ● img是单标签 ●说明： ① src 是用来指定一个图像的文件名或指出 URL的路径名。 ﹡如果图像的显示有问题，应检查以下内容： 文件名是否正确；图像文件是否是bmp、gif、jpg格式；文件的路径是否正确。 ② alt 是用来指定图像的替代文字。即当浏览器不能显示图像或找不到图像时，alt属性中的文字将显示在屏幕上，替代无法显示的图像。 ●说明： ③ height/width 用来指定图像的高度和宽度，两者的单位有“像素”或“百分比”。 (默认单位为像素) ④ border属性可以给图像加一个边框。若border项默认或取值为0时，图像没有边框。 ⑤ align 用来控制图像相对于文字基准线(文字中线)的水平对齐方式。 其取值有：top(上对齐)、middle(居中对齐)、 bottom(下对齐)、 left(左对齐)、 right(右对齐) ⑥ vspace/hspace 属性能够调整图像与其他文字之间的距离，两者均取值像素。 vspace 为调整图像与上下文本的距离； hspace为调整图像与左右文本的距离。 背景音乐标记 bgsound标记用来为网页添加背景音乐，但只适用于IE。 bgsound src=“your.mid” autostart=true loop=infinete Src用来设定音乐文件路径 Autostart设定是否加载完后自动播放 Loop设置是否重复播放，loop=2表示重复两次。 颜色代码表 名称 颜色 名称 颜色 Black(#000000) 黑色 Red (#FF3300) 红色 Gray (#999999) 灰色 Maroon (#993300) 栗色 Navy(#0033CC) 海军蓝 Silver (#CCCCCC) 银白色 Purple(#660000) 紫色 Olive (#336633) 橄榄绿 Aqua (#0066FF) 浅蓝绿 Yellow (#FFFF00) 黄色 Green(#66FF00) 绿色 Blue (#00FFFF) 蓝色 White (#FFFFFF) 白色 Fuchsia(#993333) 紫红色 实例： htmlheadtitlebody的属性实例/title/headbody bgcolor=#FFFFE7 text=#ff0000 link=#3300FF alink=#FF00FF vlink=#9900FFcenterh2设定不同的连接颜色/h2测试body标签pa href=/默认的连接颜色/