Scribd
Upload
3 views

HTML Images Research

The document provides an overview of HTML images, covering topics such as basic syntax, image file path options, supported image formats, and responsive images. It includes details about the <img> tag, attributes, and CSS properties for image sizing and background images. Additionally, it offers styling tips and mentions various image formats like JPEG, PNG, and SVG.

Uploaded by

Vhien Anuta
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

HTML Images Research

The document provides an overview of HTML images, covering topics such as basic syntax, image file path options, supported image formats, and responsive images. It includes details about the <img> tag, attributes, and CSS properties for image sizing and background images. Additionally, it offers styling tips and mentions various image formats like JPEG, PNG, and SVG.

Uploaded by

Vhien Anuta
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

HTML Images

Others:
I. Introduction 1. APNG
Purpose 2. JP2/JPEG 2000
3. PXR
Brief history 4. DDS
5. EXR
Applications
V. Image Sizing
II. Basic Syntax Application of <width> and
<img> tag <height> properties in HTML and
Required attributes: CSS:
1. <src> Common values:
2. <alt> 1. px
2. %
Common optional attributes: 3. vw, vh
1. <width> 4. auto
2. <height>
3. <title> VI. Responsive Images
4. <loading> <srcset> tag
<sizes> tag
Global attributes: ✓
<picture> tag
Event attributes: ✓
VII. Background Images
III. Image File Path Options <background-image> property
HTML file paths [value of <src>
attribute] Other CSS background properties
1. Source from a folder used alongside background-image:
2. Source from the Web 1. <background-position>
3. Absolute file paths 2. <background-size>
4. Relative file paths 3. <background-repeat>
4. <background-origin>
IV. Supported Image Format 5. <background-clip>
Raster Format 6. <background-attachment>
1. JPEG/JPG
2. PNG VIII. Common Application and Styling TIps
3. GIF Image with link (clickable)
4. WebP <border-radius> property
5. ICO <box-shadow> property
hover event
Vector Format
1. SVG
IX. Live Demo

You might also like