How does html display pictures?

Editor to share with you how to display html pictures, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

The method of displaying pictures in html: 1. Use img tags and syntax. "

Add "background-image:url (image file address);" style to the specified element.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

The method of displaying pictures in html

Method 1: insert a picture using the img tag

In HTML, you can use the img element to embed an image into a web page.

Please note that technically speaking

The tag does not insert the image into the page, but links the image from the page.

The tag creates a placeholder for the referenced image.

Method 2: use the css background-image attribute

You only need to add the "background-image:url" style to the specified element.

Div {width: 500px; height: 300px; background-image: url (img/1.jpg); background-repeat: no-repeat; background-size: 400px;}

Effect picture:

The above is all the contents of the article "how to display pictures in html". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!