html 页设计代码，html 页 *** 模板代码

html 页设计代码

11.图片标签/内联框架/音视频播放

图片标签 img

图片标签用于向当前页面中引入一个外部图片。使用img标签来引入外部图片，它是一个自结束标签

属性：src 指定外部图片的路径（路径规则同超链接）

img src="./img/图片.jpg"

img src="http://....jpg"

属性：alt 图片的描述，用于图片无法加载时显示，有些浏览器会无法显示。主要用于搜索引擎根据alt的内容来识别图片，如果不写alt属性图片将不会被搜索引擎所收录。

img src="./img/图片.jpg" alt="图片的描述"

内联框架 iframe

内联框架，用于向当前页面中引入一个其他页面。

属性：

src 指定要引入的 页的路径frameborder 指定内联框架的边框（0、1）

iframe src="http://www.99.com" width="800" height="600" frameboder="0"/iframe

音视频播放 audio video

audio标签用来向页面中引入一个外部的音频文件

audio src="./audio.mp3"/audio

音视频文件引入时，默认情况下不允许用户自己控制播放停止，所以写完上面的代码，浏览器什么都不会看到。

属性：controls 是否允许用户控制播放

audio src="./audio.mp3" controls/audio

属性：autoplay 音频是否自动播放

audio src="./audio.mp3" controls autoplay /audio

属性：look音频是否循环播放

audio src="./audio.mp3" controls autoplay look/audio

以上，除了通过src来指定外部文件的路径以外，还可以通过source来指定文件

audio controlssource src="./audio.mp3"对不起，您的浏览器不支持播放音频!请升级!/audioaudio controlssource src="./audio.mp3"source src="./audio.mp4"...embed src="./audio.mp3" type="audio/mp3" width="300" height="400"/audio

支持老版本

embed src="./video.webm" type="audio/mp3" width="300" height="400"

video controlssource src="./video.webm"对不起，您的浏览器不支持播放视频!请升级!/videovideo controlssource src="./video%20.webm"source src="./video%20.mp4"...embed src="./video.webm" type="video/webm" width="300" height="400"/video

以上就是与html 页设计代码相关内容，是关于audio的分享。看完html 页 *** 模板代码后，希望这对大家有所帮助！