怎样在HTML中插入gif格式的图片?

发布网友发布时间：2022-04-23 01:53

我来回答

共6个回答

热心网友时间：2022-04-19 07:15

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

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

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

热心网友时间：2022-04-19 08:33

HTML中插入gif格式的图片有几种简单的方法可以实现：

1、直接插入：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>HTML中插入gif格式的图片</title>

</head>

<body>

</body>

</html>

2、采用css中background-image的属性实现此效果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>HTML中插入gif格式的图片</title>

</head>

<body>

</body>

</html>

3、采用css中background的属性：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>HTML中插入gif格式的图片</title>

</head>

<body>

</body>

</html>

小提示

确保图片的URL地址中包含图片文件的格式（如.jpg、.gif等等）。

在电脑上保留图片的备份文件，以防万一。

GIF图片很适合作为商标或动画出现，而JPEG图片适合作为复杂图像的格式，如产品摄影等。

在大多数情况下，最好一直使用.gif、.jpeg、.jpg或.png等文件格式。其它格式可能无法在所有浏览器中都正确显示出来。

警告

不要将超链接引向他人的网站。这样做会占用他人网站的带宽，而且也无法为其带来访客。除此以外，带有超链接的图片会因链接网址的失效而消失。如果网站主机看到了你的超链接，他甚至可以更改你网站上显示的图片。

热心网友时间：2022-04-19 10:08

<img src="xxx.gif" height="x" width="x" alt="x" />
或者用css的background-image / background 属性

热心网友时间：2022-04-19 11:59

直接将gif图片拖进编辑区就行了，我说的是用dreamweaver

热心网友时间：2022-04-19 14:07

传统方法 <image src=" .gif>
现在可以在css文件中<background-image src=" .gif"/>

热心网友时间：2022-04-19 16:32

http://www.w3school.com.cn/tiy/t.asp?f=html_image 这有教程一般就是用img代码

全部栏目

怎样在HTML中插入gif格式的图片?