img标签是种什么标签,img是单标签还是双标签

首页 > 实用技巧 > 作者:YD1662024-01-19 12:49:25

1.img标签(非常重要)

Img元素可以向网页插入一副图像,支持的图片格式:jpg,bmp,gif,png

语法:

<img src=”图片的路径” alt=”对图片说明的文字” width=”” height=”” title=”说明文字”/>

实例:

<body>

<!--

img:图片标签,行内标签

src:图片的相对路径

alt:图片加载失败时的说明

title:鼠标悬停时提示说明

width:宽 px %

height:高 px %

-->

<div>

<img src="//img.yd166.com/imgs/1.jpg" width="200" alt="这是第一个手机" title="这是第一个手机"/>

<img src="//img.yd166.com/imgs/2.jpg" width="200" alt="这是第二个手机" title="这是第二个手机"/>

</div>

</body>

img标签是种什么标签,img是单标签还是双标签(1)

注意事项:

1. img 是行内标签,是单标签。

2. 多种图片格式都可以(jpg,bmp,png,gif)

3. 当我们修改图片宽度时,高度会根据图片宽度等比例缩放(反之亦然)

2.audio标签

1.2.1 定义和用法

<audio>定义网页中的声音

语法:

<audio src=”音频文件的路径” autoplay=”autoplay”>

您的浏览器不支持audio标签

</audio>

实例:

<audio src="//img.yd166.com/imgs/成功.mp3" autoplay="autoplay" controls="controls">

您的网页不支持音频播放,请升级您浏览器

</audio>

img标签是种什么标签,img是单标签还是双标签(2)

img标签是种什么标签,img是单标签还是双标签(3)

3.Video标签

语法:

<video src=”视频文件路径” controls=”controls”>

您的浏 览器不支持video标签,请升级

</video>

<!--

src:视频文件的路径

controls:视频播放器的控制条

height:视频控件的高度

poster:视频下载或加载时显示的图像

autoplay:页面加载及播放

-->

<video src="//img.yd166.com/imgs/video.mp4" controls="controls" height="400" poster="imgs/1.jpg" autoplay="autoplay">

你的浏览器不支持

</video>

支持的格式:MPEG4、ogg、MebM

img标签是种什么标签,img是单标签还是双标签(4)

首页 12下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.