html教程–在html文档中签入图片的方法分享


摘要:
下文讲述在html文档中插入图片的方法分享,如下所示:
实验环境:windows



html元素img的用法说明

html元素img功能说明:
使用此标签,可以在html文档中引用外部图片地址,使html文档显示图片信息,如下所示:

html元素img语法说明:

         <img src ="**"  width="**" height="**" alt="**"   />
	 

—参数说明:
img:html元素标识符
src:图片地址
width:图片宽度
height:图片高度
alt:图片说明信息-通常放入图片的功能及用途



html元素img的用法举例

    <!DOCTYPE html>
<html>
<meta charset="UTF-8">
  <head>
    <title>这是maomao365.com的包含html删除线(中横线)标签应用</title>
  </head>
<body>
    
	 <p>这里是maomao365.com html教程中心!</p>
     <br />
     <img   src="http://www.maomao365.com/wp-content/uploads/2019/06/html教程-html斜体-8871.gif"  
	       width="50px" height="50px" alt ="提示信息" 
	     /> 
     
</body>
</html>   


注意事项:
img标签在html中应用非常广泛
img标签需设置合理的width和height属性,避免图片由于大小不一致导致样式失真