Teach you step by step how to use the img tag to add image effects (knowledge)

In the previous article "How to use HTML to create a simple and beautiful navigation bar (detailed code explanation)", we introduced how to use HTML to create a navigation bar. The following article will show you how to add image effects to the img tag. Let’s see how to do it together.

## Tag

<img  src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg"    style="max-width:90%"  style="max-width:90%" alt="Teach you step by step how to use the img tag to add image effects (knowledge)" >

• JPEG: high compression

• GIF: dynamic pictures

• PNG: lossless compressed bitmap graphics format

• SVG: vector image

#SRC: Specify the image storage address and where to store it. Without this attribute, the browser will not know.
Width and Height: Specify the width and height of the image. It is recommended to use CSS to achieve this.
Recommended learning:

The above is the detailed content of Teach you step by step how to use the img tag to add image effects (knowledge). For more information, please follow other related articles on the PHP Chinese website!