HTML 媒体(Media)

在网页开发中,媒体元素是非常重要的一部分,它们可以让网页更加生动和多样化。在 HTML 中,我们可以通过一些标签来嵌入各种类型的媒体内容,如图片、音频、视频等。

图片

在 HTML 中,我们可以通过<img>标签来插入图片。<img>标签有一个src属性,用来指定图片的路径。例如:

---- --------------- -------------

在上面的例子中,src属性指定了图片的路径,alt属性用来定义图片的替代文本,当图片无法加载时,替代文本会显示在页面上。

音频

在 HTML5 中,我们可以使用<audio>标签来嵌入音频文件。<audio>标签有一个src属性,用来指定音频文件的路径。另外,还可以设置controls属性来显示音频播放器控件。例如:

------ --------------- ---------
  ---- ------- ---- --- ------- --- ----- --------
--------

在上面的例子中,src属性指定了音频文件的路径,controls属性显示了音频播放器控件。如果浏览器不支持<audio>标签,那么会显示替代文本"Your browser does not support the audio element."。

视频

类似地,我们可以使用<video>标签来嵌入视频文件。<video>标签也有一个src属性用来指定视频文件的路径,以及controls属性来显示视频播放器控件。例如:

------ --------------- ---------
  ---- ------- ---- --- ------- --- ----- --------
--------

在上面的例子中,src属性指定了视频文件的路径,controls属性显示了视频播放器控件。如果浏览器不支持<video>标签,会显示替代文本"Your browser does not support the video element."。

这就是关于HTML媒体的基本内容,通过以上示例代码,你可以在网页中轻松嵌入图片、音频和视频等媒体内容,让你的网页更加生动和丰富。


上一篇:HTML(5) 代码规范
下一篇:HTML 插件