HTML的图像标记，多媒体标记与超链接标记

一，图像标记

在网页中加入图像可以使网页更加生动活泼。

功能：在当前位置插入图像。

格式：<img src='image-url'

alt ='替换文字'

title='说明文字'

width='x'

heigth='y'

border='边框长度'

hspace='x'

vspace='y'

align='对齐方式'

/>

属性如下：

1.src：设置要加入的图像文件的url地址。

2.alt：设置当前图像文法显示时显示的替换文字。

3.title：鼠标停留在图像上时显示的说明文字。

4.width，height设置图像的宽度或高度

5.border:设置外围边框宽度。

6.hspace,vspace:设置图像左右或上下留多少空白。

7.align:设置图像在页面中的位置。

说明：<img>是通过路径将图像文件调用到HTML文档中去显示。路径在网页中是一个很重要的概念，路径分为绝对路径和相对路径。

1️⃣绝对路径：指文件在硬盘上真正存在的路径，经常表现为盘符为出发点的路径。还有一种情况就是要调用显示的图片是网络上的，这时必须采用完整的url来指定图片文件在Internet上的精确地点。

2️⃣相对路径：所谓相对路径是指所要链接或嵌入到当前的HTML文档的文件与当前文件的相对位置形成的路径，设置图像文件地址时应尽量使用相对路径以避免文件丢失。

假如HTML文件调用文件名为logo.gif的图像文件，根据HTML文件与图像文件的目录关系，可分为以下四种关系：

1️⃣：假如HTML文件与图像文件在同一个目录中，则<img>的代码应写成<imgsec="logo.gif">;

2️⃣：假如图像文件放在当前HTML文件所在目录的一个子目录（子目录名假设是imges），<imgsrc="images/logo.gif">;

3️⃣：假如图像文件放在当前HTML文件所在目录的上层目录中，则需要在图像文件名前添加"../",因为“.”表示本级目录，“表示”上级目录，“../../”

表示上上级目录，以此类推。这时代码应写成<img="../logo.gif">

4️⃣：假如图像文件放在当前HTML文件所在目录的上层目录中的其他子目录中（假设放在其他一个叫home的子目录中）里，这时代码应写成<imgsrc="../home/logo.gif">。

图像标记的应用

二.背景声音标记

功能：在网页中加入声音，声音文件格式可以为*.wav或*.mid。

格式:<bgsound src="声音文件的url地址" loop='value'> 

注意：这个标签只能在IE浏览器里面使

三.多媒体标记

功能：在页面中放置如SWF动画（既Flash动画），MP3音乐，电影等多种多媒体内容。

格式：<embed src="file_url" height='value' width='value' hidden='hidden_value'

autostart='auto_value'

loop='loop_value'></embed>

属性如下

1️⃣SRC：用于指明多媒体文件所在的路径，可以插入的常见的多媒体文件包括SWF动画，MP3音乐，MPEG格式的食品和AVI格式的视频

2️⃣height和width：设置多媒体播放的区域。

3️⃣hidden：用于控制播放面板的显示和隐藏。当hidden=“true”

时，隐藏面板；当hidden=‘false’时，显示面板

4️⃣autostart:用于控制多媒体内容是否自动播放。当autostart='true'时，自动播放；当autostart='false'时，不自动播放

5️⃣loop:用于控制多媒体内容是否循环播放。当loop='ture'时，无限次播放，当为false时，仅播放一次。

四.HTML的超链接标记

功能：建立超链接

格式：<a href ='file-url' target='value'>承载超链接的文本或图像等于元素</a>

属性如下：

href:设置要链接到的目标的url地址。可用"#"表示创建一个不链接到其他位置的空超链接。

target:用于设置链接目标的打开方式。当target="__self"时，表示在原窗口或框架打开链接的页面，这是target属性的默认值；当target=“__blank”时，表示在一个新窗口打开所链接的页面。

超链接的标记的应用