11.图片标签/内嵌框架/音频和视频播放
图像img
image标签用于将外部图像引入当前页面。使用img标签引入外部图像,这是一个自结束标签。
属性:src指定外部图片的路径(路径规则同超链接)。
Img=’。/img/picture.jpg ‘
img src=’http://.’ jpg ‘
属性:alt图片的描述,用于图片无法加载时显示。一些浏览器将无法显示它。主要被搜索引擎用来根据alt的内容识别图片。如果不写alt属性,图片将不会被搜索引擎收录。
Src=’。/img/picture.jpg’ alt=’图片说明’
内嵌框架iframe
嵌入式框架,用于将另一个页面引入当前页面。
属性:
Src指定要导入的网页的路径。frameborder指定内嵌框架的边框(0,1)。iframe src=’ 3358 www . 99 . com ‘ width=’ 800 ‘ height=’ 600 ‘ frame boder=’ 0 ‘/iframe
播放音频音频视频
音频标签用于将外部音频文件引入页面。
音频src=’。/audio.mp3’/audio
引入音视频文件时,默认不允许用户控制播放停止,所以写了上面的代码后,浏览器什么也看不到。
属性:控件是否允许用户控制回放。
音频src=’。/audio.mp3 ‘控件/音频
属性:自动播放音频是否自动播放。
音频src=’。/audio.mp3 ‘控制自动播放/音频
属性:看音频是否循环播放。
音频src=’。/audio.mp3 ‘控制自动播放外观/音频
以上,除了通过src指定外部文件的路径,还可以通过source指定文件。
音频源src=’。/audio.mp3 ‘对不起,您的浏览器不支持播放音频!请升级!/audioaudiocontrols sourcesrc=’。/audio.mp3’ sourcesrc=’。/audio.mp4 ‘.embedsrc=’。/Audio . MP3 ‘ type=’ Audio/MP3 ‘ width=’ 300 ‘ height=’ 400 ‘/Audio支持旧版本。
嵌入src=’。/video . webm ‘ type=’ audio/MP3 ‘ width=’ 300 ‘ height=’ 400 ‘
VideoControls源src=’。/video.webm ‘对不起,您的浏览器不支持播放视频!请升级!/videovideo controlssource src=’。/视频。webm“source src=”。/video .mp4 ‘.嵌入src=’。/video . webm ‘ type=’ video/webm ‘ width=’ 300 ‘ height=’ 400 ‘/video
010-350000
010-350000