如何将<img>图片插入html元素中

本章节简单介绍一下如何将一个图片插入html元素中，这个属于最基础的html知识，适合于初学者，下面做一下简单介绍。

代码如下:

 
          < 
          div 
          >< 
          img 
          src 
          = 
          "mytest/demo/tree.jpg" 
          width 
          = 
          "100" 
          height 
          = 
          "100" 
          border 
          = 
          "1" 
          /></ 
          div 
          > 
         

以上代码可以在div中插入一个图片，并设置图片的尺寸和边框宽度，图片的尺寸和边框宽度最好用css设置。

完整代码如下:

 
          <!DOCTYPE html>      
         
 
          < 
          html 
          >      
         
 
          < 
          head 
          >      
         
 
          < 
          meta 
          charset 
          = 
          " utf-8" 
          >      
         
 
          < 
          meta 
          name 
          = 
          "author" 
          content 
          = 
          "http://www.softwhy.com/" 
          />      
         
 
          < 
          title 
          >蚂蚁部落</ 
          title 
          >   
         
 
          < 
          style 
          type 
          = 
          "text/css" 
          > 
         
 
          img{ 
         
 
             
          width:100px; 
         
 
             
          height:100px; 
         
 
             
          border:1px solid blue; 
         
 
          } 
         
 
          </ 
          style 
          > 
         
 
          </ 
          head 
          >  
         
 
          < 
          body 
          >  
         
 
          < 
          div 
          >< 
          img 
          src 
          = 
          "mytest/demo/tree.jpg" 
          /></ 
          div 
          > 
         
 
          </ 
          body 
          >  
         
 
          </ 
          html 
          > 
         

更推荐使用以上方式设置设置图片的样式。

原文发布时间为：2017-2-13

本文作者：admin

本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落

原文链接：如何将<img>图片插入html元素中

如何将图片插入html元素中