12、网页多媒体与表格的运用

网页多媒体与表格的运用

1. 网页多媒体元素

在网页设计中，多媒体元素如图片、音频和视频能让页面更加生动有趣。不过，使用这些元素时需要考虑文件大小对页面加载时间的影响。

1.1 图片格式选择

为了在保证图片质量的同时减小文件大小，建议使用 JPEG、GIF 或 PNG 格式。
- JPEG ：适合用于摄影图片和具有颜色渐变的图形。
- GIF 和 PNG ：适合用于纯色图片。

以下是一个添加图片的示例代码：

<h1>Icons</h1>
<p>Here is an icon used to represent a diary.</p>
<img src="images/diary.gif" alt="Diary" width="150" height="120" >
<p>Here is an icon used to represent a picture.</p>
<p>Here is an icon used to represent a news item.</p>

1.2 音频和视频嵌入

可以使用 <audio> 和 <video> 元素将音频和视频文件嵌入到网页中。最简单的方法是借助第三方服务，如 YouTube。此外，还可