Topic 1
A webpage's appearance and design can be improved with images. When embedding an image in HTML, the <img> tag serves as a placeholder; images are linked to the webpage rather than being directly included. This element has two necessary attributes—alt to offer alternate text in the event that the picture cannot be displayed and src to specify the image path—and it doesn't require a closing tag. The width and height of the picture can be specified using the style tag, and HTML allows animated images like GIFs.
Topic 2
RGB, HEX, HSL, RGBA, and HSLA are examples of values that can be used to specify colors in web design, as can preset color names. A color can be applied to the background, text, or borders of HTML components in CSS by using a specified color name. Simple CSS rules can be used to change an element's background color, giving you more options for improving the visual attractiveness of a webpage.
Topic 3
Background effects can be added to items using CSS background attributes. Background-color, background-image, background-repeat, background-attachment, and background-position are some of these characteristics. Combining several background properties into a single line of code is made easier by the background shorthand property. Furthermore, CSS provides the opacity property to regulate the transparency of elements and permits color specification using various formats.