Examples of inserting pictures in html and adding pictures in html-HTML Tutorial-php.cn

Insert pictures in html. To display pictures, you need HTML tags. You can use the img tag.

1. HTML image tag syntax

The code is as follows:

Copy after login

img introduction:

src is followed by the image path address

width Set the image width

height Set the image height

2. Specific html image display example -TOP

We are in the html source code Insert three pictures respectively, one with the original size, one with the width and height changed to small, and one with the width and height changed to large.

1. The complete html code of the example:

The code is as follows:

         图片插入html 在线演示 <a href="http://www.vcss.com</title">www.vcss.com</title</a>> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script>
</head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div>
         
          
           
          
         
         
          
           
          
         
原始大图片
改小图片
改大图片