HTML image code collection

HTML image code includes g> tag, border attribute, attribute, style attribute, d attribute and style attribute.

HTML is one of the most basic languages ​​​​in web design, and pictures are one of the essential elements in web design. Below is a complete collection of image code HTML codes for your reference.

1. Insert the picture

g> tag. The syntax is as follows:

src="图片文件路径" alt="图片描述" width="宽度" 
height="

The height src attribute is used to specify the file path of the image; the alt attribute is used to specify the description text of the image. When the image cannot be loaded, the text will be displayed; the width and height attributes are used to specify the image. The width and height can not be set.

2. Set the picture border

To set the picture border, you can use the HTML border attribute. The syntax is as follows:

src="图片文件路径" alt="图片描述" border="

Border width The border attribute is used to specify the width of the border, in pixels.

src="图片文件路径" alt="图片描述

3. Set the image alignment

attribute. The syntax is as follows:

="对齐方式

ter etc.

4. Set the image style

To set the style of the image, you can use the style attribute of HTML. The syntax is as follows:

src="图片文件路径" alt="图片描述" style="

Style attribute: value; the style attribute is used to specify the style attribute and value, for example:

src="图片文件路径" alt="图片描述" style="border:1px solid red;

5. Set the picture background

dattribute. The syntax is as follows:

d="图片文件路径

d attribute is used to specify the file path of the background image.

6. Set the image size

To set the size of the image, you can use the style attribute of HTML. The syntax is as follows:

src="图片文件路径" alt="图片描述" style="

width: width; height: height; style attribute is used to specify the values ​​of width and height. If only one of the properties is set, the other property will be automatically adjusted according to the proportions of the image.

The above is a complete collection of image code HTML codes, I hope it will be helpful to everyone.

The above is the detailed content of HTML image code collection. For more information, please follow other related articles on the PHP Chinese website!