HTML web page image tag_HTML/Xhtml_web page production

Insert image tag
The colorful web pages you see today are all because of the use of images. If you think about the past, all the web pages on the Internet were plain text web pages, which were very boring, and you will understand the importance of images in web design. Images can be inserted into html pages. There are two commonly used image formats on web pages: JPEG and GIF:
JPEG (Joint Photographic Experts Group) is a file format specially designed for photo images. JPEG supports millions of colors. JPEG is a lossy format, which means that some image data is lost during compression, which reduces the quality of the final file. However, the image data is discarded so little that there is no very noticeable difference in quality.
Graphics Interchange Format GIF is a very popular format for web images. Although it only includes 256 colors, GIF provides excellent image compression with almost no loss. And GIF can contain transparent areas and multiple animations. It compresses by scanning rows of pixels horizontally to find fixed color areas, and then reducing the number of pixels in the same area. Therefore, GIF is usually suitable for cartoons, graphics, logos, graphics with transparent areas, animations, etc.
Inserting pictures into the page can beautify it. There is only one mark for inserting pictures, and that is the mark. When inserting pictures, just using the tag is not enough. It needs to be completed with other attributes, as shown in the table below.
src The source file of the image                                                                  alt Prompt text                                                   width,height                           Width, Height                                     border border                                     vspace Vertical spacing                                     hspace                         Horizontal spacing                                     align Arrangement                                     dynsrc ​​​​Set the playback of avi files                                     loop ​ ​ ​Set the number of loop playback times of avi files                                     loopdelay ​ ​ ​Set the avi file loop playback delay                                     start ​ ​ ​Set the avi file playback method                                     lowsrc                             Set low resolution images                                     usemap Image map                   ​ The image source file attribute SRC
and the src attribute specify the path where the image source file is located, and the image insertion can be completed.

• Basic syntax

Syntax explanation
Specify the path through the src attribute, and File＿name is the path to insert the image. File example: 9-1.htm
Insert pictures through the src attribute of the tag.
01
02
03
04
05 File description
Line 11 inserts a JPEG format image file.