图片和多媒体的使用
网页的基本组成元素是文字, 图片, 音乐和动画.
<img> 插入图片
<img src="图片地址" alt="提示文字" width="图片宽度" height="图片高度" border="图片边框" align="图片对齐方式" hspace="图片水平距离" vspace="图片垂直距离" >
设置图片链接<a>
<a href="URL" target="目标窗口的打开方式"> <img src="图片地址"></a>
href 设置图片的链接地址URL
<img>中还可以添加其他属性,如height,hspace,border等.
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<!实例19-1-8-2代码>
<html>
<head>
<title>设置图片链接</title>
</head>
<body>
<center>
<h2>设置图片链接</h2>
<hr>
<img src="19-1-8-2.jpg">
第二张图片
</center>
</body>
</html>
设置图片热区链接:<html>
<head>
<title>设置图片链接</title>
</head>
<body>
<center>
<h2>设置图片链接</h2>
<hr>
<img src="19-1-8-2.jpg">
第二张图片
</center>
</body>
</html>
<img src="图片地址" usemap="#映射图片名称">
<map name="映射图片名称">
<area shape="热区形状" coords="热区坐标" href="URL">
</map>
<img>标记用来插入图片和引用映射图片名称, 即用usemap属性来引用在<map>标记中所定义的映射图片名称, 并且要在名称前加上#号.
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
添加滚动文字:<marquee>滚动文字</marquee>
也可以设置文字的字体,大小和颜色等.
<html>
<head>
<title>添加滚动文字</title>
</head>
<body>
<center>
<h2>添加滚动文字</h2>
</center>
<hr>
<marquee>
<font face="隶书" size=5>
这里的文字是滚动的效果
</font>
</marquee>
</body>
</html>
<marquee bgcolor="背景颜色" direction="滚动方向" behavior="滚动方式" scrollamount="滚动速度" scrolldelay="滚动延迟">滚动文字</marquee><head>
<title>添加滚动文字</title>
</head>
<body>
<center>
<h2>添加滚动文字</h2>
</center>
<hr>
<marquee>
<font face="隶书" size=5>
这里的文字是滚动的效果
</font>
</marquee>
</body>
</html>
滚动范围: <marquee width="宽度" height="高度">滚动文字</marquee>
滚动空白空间: <marquee hspace="水平范围" vspace="垂直范围">滚动文字</marquee>
滚动循环: <marquee loop="循环次数">滚动文字</marquee>
<embed>插入多媒体文件
<embed src="多媒体文件地址" width=文件宽度 height=文件高度 autostart=true|false loop=true|false></embed>
<bgsound>添加背景音乐
<bgsound src=背景音乐地址 loop=播放次数>
无限循环播放, 设置loop=-1
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)