怎么用HTML编程带图的简介表格

在html插入图片让图片显示需要HTML标签来实现，使用img标签即可实现。
img介绍：
src 后跟的是图片路径地址
width 设置图片宽度
height 设置图片高度

代码如下：

图片插入html 在线演示</title> <br /></head> <br /><body> <br /><p>原始大图片</p> <br /><p> <br /><img src="divcss5-logo-201305.gif" width="165" height="60" /> <br /></p> <br /><p>改小图片</p> <br /><p> <br /><img src="divcss5-logo-201305.gif" width="105" height="30" /> <br /></p> <br /><p>改大图片</p> <br /><p> <br /><img src="divcss5-logo-201305.gif" width="365" height="120" /> <br /></p> <br /></body> <br /></html> </div> <div class="tags"> </div> <div class="clear"> <div class="shares"> <b>声明：你问我答网所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流。若您的权利被侵害，请联系fangmu6661024@163.com</b> <div id="share" class="share-component social-share" data-sites="weibo,qzone,qq,wechat"> </div> </div> <div class="act"> <a href="JavaScript:" onclick="zan('1888512818720902708')" class="zan" title="赞"> <i class="iconfont bx bx-like"></i> <span id="zan">0</span> </a> </div> </div> <div class="clear"></div> </div> <div class="ny-ad"> </div> <div class="ny-ad"> </div> <div class="like"> <h3 class="title">最新文章</h3> <div class="piclist likep"> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/942589595637809572.html" title="惠普（HP）LaserJet MFP M436n打印怎么总提示纸盘1没纸，纸盘2设置保存了也不打印，怎么设置"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/10" class="cat">科技 </a> <h3> <a href="https://w.sf024.com/info/942589595637809572.html" title="惠普（HP）LaserJet MFP M436n打印怎么总提示纸盘1没纸，纸盘2设置保存了也不打印，怎么设置">惠普（HP）LaserJet MFP M436n打印怎么总提示纸盘1没纸，纸盘2设置保存了也不打印，怎么设置</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 04-15 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 2.5万阅读 </span> </div> </div> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/709929852732135965.html" title="如何做好把一个新产品推向市场"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/10" class="cat">科技 </a> <h3> <a href="https://w.sf024.com/info/709929852732135965.html" title="如何做好把一个新产品推向市场">如何做好把一个新产品推向市场</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 04-16 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 86阅读 </span> </div> </div> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/1309089613027686979.html" title="西门子冰箱"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/10" class="cat">科技 </a> <h3> <a href="https://w.sf024.com/info/1309089613027686979.html" title="西门子冰箱">西门子冰箱</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 04-16 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 112阅读 </span> </div> </div> <div class="clear"></div> </div> </div> <div class="ny-ad"> </div> </div> <div class="sidebar"> <div class="widget postlist"> <h3>猜你喜欢</h3> <ul class="hasimg"> <li> <a href="https://w.sf024.com/info/1888512818720902708.html" title="怎么用HTML编程带图的简介表格" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="怎么用HTML编程带图的简介表格"> </a> <a href="https://w.sf024.com/info/1888512818720902708.html" target="">怎么用HTML编程带图的简介表格...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-10 </span><span> <i class="iconfont bx bx-show"></i> 38阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/333140462686726085.html" title="数控车床编程实例带图的" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="数控车床编程实例带图的"> </a> <a href="https://w.sf024.com/info/333140462686726085.html" target="">数控车床编程实例带图的...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-08 </span><span> <i class="iconfont bx bx-show"></i> 141阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/199626787907037005.html" title="轮胎规格怎么看带图的" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="轮胎规格怎么看带图的"> </a> <a href="https://w.sf024.com/info/199626787907037005.html" target="">轮胎规格怎么看带图的...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 08-27 </span><span> <i class="iconfont bx bx-show"></i> 86阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/2206206709073849988.html" title="带字带图的图片怎么做" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="带字带图的图片怎么做"> </a> <a href="https://w.sf024.com/info/2206206709073849988.html" target="">带字带图的图片怎么做...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-22 </span><span> <i class="iconfont bx bx-show"></i> 78阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/506417263.html" title="吊坠挂绳伸缩结怎么编,带图的" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="吊坠挂绳伸缩结怎么编,带图的"> </a> <a href="https://w.sf024.com/info/506417263.html" target="">吊坠挂绳伸缩结怎么编,带图的...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-07 </span><span> <i class="iconfont bx bx-show"></i> 72阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/205829575.html" title="QQ空间怎么发送带图的说说?" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="QQ空间怎么发送带图的说说?"> </a> <a href="https://w.sf024.com/info/205829575.html" target="">QQ空间怎么发送带图的说说?...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 09-24 </span><span> <i class="iconfont bx bx-show"></i> 73阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1759527256091558548.html" title="怎么设置带字带图的锁屏密码？？" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="怎么设置带字带图的锁屏密码？？"> </a> <a href="https://w.sf024.com/info/1759527256091558548.html" target="">怎么设置带字带图的锁屏密码？？...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 07-26 </span><span> <i class="iconfont bx bx-show"></i> 106阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/590949541.html" title="军衔等级和肩章标志怎么看出来要带图的" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="军衔等级和肩章标志怎么看出来要带图的"> </a> <a href="https://w.sf024.com/info/590949541.html" target="">军衔等级和肩章标志怎么看出来要...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 10-28 </span><span> <i class="iconfont bx bx-show"></i> 106阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1926653020175966747.html" title="漫画人物怎么画？是女生啊！最好是带图的！" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="漫画人物怎么画？是女生啊！最好是带图的！"> </a> <a href="https://w.sf024.com/info/1926653020175966747.html" target="">漫画人物怎么画？是女生啊！最好是...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-07 </span><span> <i class="iconfont bx bx-show"></i> 123阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1387440761312287340.html" title="机箱散热风扇怎么装带图的，装在哪里" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="机箱散热风扇怎么装带图的，装在哪里"> </a> <a href="https://w.sf024.com/info/1387440761312287340.html" target="">机箱散热风扇怎么装带图的，装在哪...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 08-07 </span><span> <i class="iconfont bx bx-show"></i> 96阅读 </span> </p> </li> </ul> </div> </div> </div> </section> <footer class="footer"> <div class="container"> <p class="copyright">COPYRIGHT 2013 - 2024 你问我答网®. ALL RIGHTS RESERVED. | <a href="https://beian.miit.gov.cn/" target="_blank">豫ICP备2020035127号</a></p> </div> </footer> <script> let search_type="1"; var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?752ceaa2e03e39366ceff9a414a1f6a7"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();</script> <script type="text/javascript" src="https://w.sf024.com/assets/js/jquery.share.min.js"></script> </body> </html>