Shulou(Shulou.com)06/01 Report--

This article mainly introduces how to define images in HTML, which has a certain reference value, and interested friends can refer to it. I hope you will gain a lot after reading this article.

HTML image

Image label

And source property src

In HTML, images are made up of

Label definition.

Is an empty tag, meaning that it contains only attributes and does not have a closed tag.

To display the image on the page, you need to use the src attribute. Src means "source". The value of the source property is the URL address of the image.

The syntax for defining an image is:

Url is the location where the image is saved.

Alt attribute

The alt property is used to define a string of prepared replaceable text for the image.

The value of the replacement text property is user-defined.

The alternate text is displayed when the browser cannot load the image. At this point, the browser will display the alternative text instead of the image. It is a good habit to add replacement text attributes to all images on the page, which helps to better display information and is very useful for those who use plain text browsers.

Set the height and width of the image

The height and width properties are used to set the height and width of the image.

The default unit of the attribute value is pixels:

It is a good habit to specify the height and width of the image. If the image specifies a height width, the specified size is retained when the page is loaded. If you do not specify the size of the picture, it is possible to destroy the overall layout of the HTML page when the page is loaded.

Basic considerations

Note: if a HTML file contains ten images, 11 files need to be loaded in order to display the page correctly. It takes time to load pictures, so our advice is: use pictures carefully.

Note: when loading a page, pay attention to the path of inserting the page image. If the location of the image is not set correctly, the browser cannot load the image, and the image label will display a broken picture.

HTML commonly used image tags

: define an image

Define image map

Define clickable areas in an image map

Thank you for reading this article carefully. I hope the article "how HTML defines Images" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.