<img src="images/**.jpg" /> src="这里是图片的路径"
1、html插入图片要用到img标签。具体的用法，首先新建一个html文件，写入基本的html结构，导入一张gif格式的图片：
2、接着给img标签一个class属性，命名为img，在head标签中设置style标签，在style标签设置“.img”的属性，这里设置图片的长度和高度，并且设置图片的对齐方式为中心对齐，最后按下crtl＋S键保存文件：
3、打开浏览器，可以看到网页中的gif图片的内容。以上就是使用html标签显示gif图片的方法：
<html><head>
<title>hello word</title>
<style type="text/css">
*, ul, li { margin: 0 border: 0 padding: 0 box-sizing: border-box }
ul { list-style: none }
.ul,.ul1{display:inline-block float:leftmargin:0 auto}
img{height:200px width:200px}
.ul li:nth-of-type(2),.ul1 li:nth-of-type(2){text-align:center}
</style>
</head>
<body>
<div class="ul">
<ul>
<li> <img src=...></li>
<li>这图片很好看</li>
</ul>
<ul>
<li> <img src=...></li>
<li>这图片很好看</li>
</ul>
</div>
<div class="ul1">
<ul>
<li> <img src=...></li>
<li>这图片很好看</li>
</ul>
<ul>
<li> <img src=...></li>
<li>这图片很好看</li>
</ul>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）