Home >Web Front-end >HTML Tutorial >How to insert pictures in html
How to insert pictures in html
- php中世界最好的语言Original
- 2017-11-23 17:39:2426778browse
In HTML we often insert pictures, so how do we insert pictures? Is there anything I need to do to make HTML display images? Today we will talk about how to insert pictures in HTML
Inserting pictures in html to display pictures requires HTML tag , just use img tag accomplish.
htmlImage tagSyntax
height="60" /> ;
img introduction:
src is followed by the image path address
width Set the image width
height Set the image height
Specific HTML image display example
We insert three images into the html source code, one is originally large, one has the width and height changed to small, and one has the width and height changed to large.
1. Example complete html code:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图片插入html 在线演示</title> </head> <body> <p>原始大图片</p> <p> <img src="1.gif" width="165" height="60" /> </p> <p>改小图片</p> <p> <img src="2.gif" width="105" height="30" /> </p> <p>改大图片</p> <p> <img src="3.gif" width="365" height="120" /> </p> </body> </html>
The above are the steps for inserting pictures into HTML. For more exciting information, please pay attention to php Chinese website Other related articles!
The above is the detailed content of How to insert pictures in html. For more information, please follow other related articles on the PHP Chinese website!