如何用html标签来显示gif图片

html-css015

如何用html标签来显示gif图片,第1张

1、html插入图片要用到img标签。具体的用法,首先新建一个html文件,写入基本的html结构,导入一张gif格式的图片:

2、接着给img标签一个class属性,命名为img,在head标签中设置style标签,在style标签设置“.img”的属性,这里设置图片的长度和高度,并且设置图片的对齐方式为中心对齐,最后按下crtl+S键保存文件:

3、打开浏览器,可以看到网页中的gif图片的内容。以上就是使用html标签显示gif图片的方法:

1、html中可以用img标签插入图片也可以用css的background插入。具体方法是首先新建一个html文件,里面新建两个div标签,第二个标签中插入img标签并插入图片:

2、然后在上方的style标签中设置第一个div的样式,先给div长度和高度,接着是用background属性引入图片,设置图片不重复以及图片的显示位置j即可:

3、最后打开浏览器就可以看到用两种方法引入的gif的图片了:

只用 object 的方法。这种方法的名字叫做 Flash satay,最早是2002年由 Drew McLellan 发表在 A List Apart 上,后来又经过了几次完善:

<object type="application/x-shockwave-flash

data="c.swf?path=movie.swf"

width="400" height="300">

<param name="movie"

value="c.swf?path=movie.swf" />

<img src="noflash.gif"

width="200" height="100" alt="" />

</object>

扩展资料

HTML embed标签的属性设置

1、自动播放:

语法:autostart=true、false

说明:该属性规定音频或视频文件是否在下载完之后就自动播放。

true:音乐文件在下载完之后自动播放;

false:音乐文件在下载完之后不自动播放。

示例:

代码如下:

<embed src="your.mid" autostart=true>

<embed src="your.mid" autostart=false>

2、循环播放:

语法:loop=正整数、true、false

说明:该属性规定音频或视频文件是否循环及循环次数。

属性值为正整数值时,音频或视频文件的循环次数与正整数值相同;

属性值为true时,音频或视频文件循环;属性值为false时,音频或视频文件不循环。