HTML+CSS+JavaScript第二章幻灯片.pptVIP

建立锚点链接时，将“#”符号和锚点名称添加到文件名或URL的末端，就可以直接链接到锚点所在的节。语法格式如下： 链接到同一网页上的锚点： a href=#锚点名称锚点链接名称/a 链接到站内不同网页上的锚点： a href=路径/文件名#锚点名称 锚点链接名称/a 链接到外部站点网页上的锚点： a href=url#锚点名称锚点链接名称/a 2.3.5电子邮件链接 电子邮件链接是一种特殊的超链接形式。在浏览网页时，单击电子邮件链接后会启动本地计算机中的邮件服务系统客户端（如OutLook），打开一个编写邮件的窗口，编写好邮件后可以直接发送。 创建电子邮件链接的语法格式如下： a href=mailto:收件人E-mail地址？cc=抄送人E-mail地址subject=邮件主题body=邮件正文邮箱链接名称/a 其中，收件人E-mail用“？”符号与后面的内容分开，其他内容之间用符号“”分隔。 2.4 图片元素 一个生动的网页离不开图片。用户看到的网页丰富多彩，在很大程度上要归功于图片。图片在网页中具有画龙点睛的作用，它能装饰网页，表达个人的情调和风格。在网页中适当放置图片可以美化网页，增强网页的表现力。 2.4.1 网页中图片的格式 网页中使用的图片格式有GIF、JPEG、BMP、TIFF和PNG等。最常用的是JPEG和GIF格式。 GIF图片最多只能使用256种颜色，即只能保存为8位颜色，而JPEG格式可保存为24位，对具有连续色调的图片效果最佳。GIF图片虽然在图像质量上不及JPEG图片，但其却有占用存储空间小、下载速度快、支持动画效果、背景色可透明等特点。 2.4.2 图片的添加与设置 在HTML中使用插入图片标签img可以将图片文件导入HTML文档中显示。img标签单独出现，当浏览器读取img标签时，会直接显示此标签所代表的图片。img标签有src、alt、height、width、border和align等可选属性。 img标签的语法格式如下： img src=image-URL 其中，src属性用于设置图片文件的路径。 如果在同一个网页文件中需要反复使用同一个图片，最好在img标签中使用相对路径，而不是使用绝对路径。因为使用相对路径，浏览器只需将图片文件下载一次，再次使用这个图片时，只要重新显示一遍即可。如果使用绝对路径，则每次显示图片时，都要重新下载，这会大大降低图片的显示速度。 1．设置图像的替代文字 img标签的alt属性用来设置图像的替代文字。当用户将鼠标指针移动到图像上时，鼠标指针旁边会出现图像的替代文字。当浏览器不能显示图像时，替代文字将在浏览器中显示，代替看不到的图像。设置图像替代文字的语法格式如下： img src= image-URL alt=图片的替代文字 2．设定图像的高度和宽度 img标签中的height和width属性用来设定图像的高度和宽度，参数值可取像素值或百分比。设置图像高度和宽度的语法格式如下： img src= image-URL width=参数值 height=参数值 设置img标签的height和width属性，可以通过调整图像宽度和高度来缩放图像。为图像设置height和width属性后，浏览器在加载网页时会为图像预留空间。 3．设置图像与文本的对齐方式 img标签的align属性定义了图像与文本的对齐方式。img标签的align属性值有left、right、top、middle和bottom（默认值）。设置图像与文本对齐方式的的语法如下： img src=image-URL align=参数值 通过在br标签中使用clear属性，可以使文本还没有填满图片周围空间时，就从图像下面另起一行。在换行标签br中不使用clear属性时，文本只能在图像旁边另起一行，而不能把文本排到图像下面。clear属性的语法格式如下： br clear=left：文本在图像下面另起一行，用于图像在左边的情况。 br clear=right：文本在图像下面另一行，用于图像在右边的情况。 br clear=all：文本在图像下面另起一行。 2.4.3 图片超链接 如果将img标签放在a和/a之间，img标签所指定的图片将被设置为超链接 2.5 多媒体对象 如果整个页面都由文字组成，则会显得十分呆板与枯燥。在页面中添加声音、视频、动画等多媒体素材，以及滚动文字等动态效果，可以使网页生动、活泼，给浏览者留下深刻的印象。 2.5.1插入多媒体文件 在HTML网页中加入多媒体文件的方法有：用bgsound标签来设置网页的背景音乐、用embed或img标签插入多媒体文件等。 1．插入背景音乐 添加背景音乐可以使浏览者在浏览网页的同时欣赏到背景音乐。可以使用bgsoun