HTML图片与声音标志使用教程

需积分: 9 1 下载量 181 浏览量更新于2024-10-02 收藏 663KB DOC 举报

身份认证购VIP最低享 7 折!

30元优惠券

试读

6页

"该文档是关于HTML中图片和声音标志使用的教程，主要涵盖了HTML标准中的<img>和<embed>标签，以及它们的相关属性。通过案例分析和实践练习，帮助学习者掌握如何在网页中插入图片和声音。" 在HTML中，图片的插入通常使用`<img>`标签来实现。`<img>`标签是自闭和的，它的`src`属性用于指定图片的路径和文件名，确保浏览器能正确找到并加载图片。例如，`<img src="0374.jpg">`将插入名为"0374.jpg"的图片。 `align`属性用于设置图片与周围文字的对齐方式，可以取值如`left`、`right`、`middle`等。`border`属性定义图片的边框宽度，`vspace`和`hspace`分别用于设置图片与文字的垂直和水平间距。`width`和`height`属性则用于调整图片的显示尺寸。`alt`属性至关重要，当图片无法加载时，浏览器会显示`alt`属性设定的文字，提供替代信息。例如，以下代码将插入一个宽度400像素、高度280像素，并且垂直居中的图片： ```html <img src="0374.jpg" width="400" height="280" align="middle"> ``` 此外，文档还提到了将图片设为背景的方法，通过`background`属性设置在`<body>`标签中，如`<body background="11.gif" bgproperties="fixed">`，这里的`bgproperties`属性可用来设定背景图片是否固定。对于声音的插入，HTML5引入了`<audio>`标签，但在早期版本中，可能会使用`<embed>`标签结合`dynsrc`属性来实现。例如： ```html <img dynsrc="1.wmv" width=""> ``` 然而，这并不是标准做法，现代网页开发更多使用`<audio>`标签配合`src`属性来插入音频文件。这个教学项目旨在让学生理解和熟练运用HTML中的图片和声音标记，通过实际操作提升其在网页设计中的应用能力。

资源详情

资源推荐