Home >Web Front-end >HTML Tutorial >Examples of inserting pictures in html and adding pictures in html
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:
<img src="pcss5-logo-201305.gif" style="max-width:90%" style="max-width:90%" / alt="Examples of inserting pictures in html and adding pictures in html" >
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 在线演示 www.vcss.com >原始大图片
<img src="pcss5-logo-201305.gif" style="max-width:90%" style="max-width:90%" / alt="Examples of inserting pictures in html and adding pictures in html" >
改小图片
<img src="pcss5-logo-201305.gif" style="max-width:90%" style="max-width:90%" / alt="Examples of inserting pictures in html and adding pictures in html" >
改大图片
<img src="pcss5-logo-201305.gif" style="max-width:90%" style="max-width:90%" / alt="Examples of inserting pictures in html and adding pictures in html" >
2. Screenshot of the example of inserting the picture into the html
html image insertion display example screenshot
For more examples of html inserting images and html adding images, please pay attention to the PHP Chinese website!