<img> 标签
<img>标签是用来在网页中显示图像的最基本方式。下面是一个简单的示例,展示了如何在网页中显示一张图片:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Image Example</title> </head> <body> <h1>我的照片</h1> <img src="https://fc1tn.baidu.com/it/u=1731280564,3409770116&fm=202&mola=new&crop=v1" alt="我的照片"> </body> </html>
在这个示例中,我们使用标签将一张线上图片嵌入到网页中。其中,src属性指定了图片的线上路径,而alt属性则提供了图片的替代文本,用于在图片无法加载时显示。
<audio> 标签
<audio>标签可以让您在网页中播放音频文件。下面是一个简单的示例,展示了如何在网页中添加一段音频:
<audio>标签可以让您在网页中播放音频文件。下面是一个简单的示例,展示了如何在网页中添加一段音频:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Audio Example</title> </head> <body> <h1>我的音频</h1> <audio controls> <source src="example.mp3" type="audio/mp3"> Your browser does not support the audio element. </audio> </body> </html>
在上面的示例中,我们使用了<audio>标签来插入一个名为"example.mp3"的音频文件。在<audio>标签内,我们使用<source>标签来指定音频文件的路径和类型。controls属性添加了音频播放控制器,允许用户控制音频的播放、暂停和音量。
标签来插入一个名为"example.mp3"的音频文件。在标签内,我们使用标签来指定音频文件的路径和类型。controls属性添加了音频播放控制器,允许用户控制音频的播放、暂停和音量。
<video> 标签
<video>标签可以让您在网页中播放视频文件。下面是一个简单的示例,展示了如何在网页中添加一段视频:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Video Example</title> </head> <body> <h1>我的视频</h1 <!-- 记得改视频地址怕--> <video controls width="400" height="300"> <source src="example.mp4" type="video/mp4"> Your browser does not support the video element. </video> </body> </html>
在上面的示例中,我们使用了<video>标签来插入一个名为"example.mp4"的视频文件。与音频标签类似,我们使用<source>标签来指定视频文件的路径和类型,并添加了controls属性来启用视频播放控制器。此外,我们还指定了视频的宽度和高度。