Images

There are many reasons why you might want to add an image to a web page: you might want to include a logo, photograph, illustration, diagram, or chart.

There are several things to consider when selecting and preparing images for your site, but taking time to get them right will make it look more attractive and professional.

You can also use CSS to include images in your pages using the background-image property

How Choosing Images for Your Site

A picture can say a thousand words, and great images help make the difference between an average-looking site and a really engaging one.and the image should be .

• Be relevant
• Convey information
• Convey the right mood
• Be instantly recognisable
• Fit the color palette

How to Adding Images

To add an image into the page you need to use an <img> element. This is an empty element (which means there is no closing tag). It must carry the following two attributes:

1. src : This tells the browser where it can find the image file. This will usually be a relative URL pointing to an image on your own site. (Here you can see that the images are in a child folder called images
2. alt: This provides a text description of the image which describes the image if you cannot see it.
3. title: You can also use the title attribute with the <img> element to provide additional information about the image. Most browsers will display the content of this attribute in a tootip when the user hovers over the image.

you can read more about images in this book Chapter 5: “Images” (pp.94-125)

colors

Every color on a computer screen is created by mixing amounts of red, green, and blue. To find the color you want, you can use a color picker.

types of colors values

1. RGB Values Values for red, green, and blue are expressed as numbers between 0 and 255. like {rgb(102,205,170)}
2. Hex Codes Hex values represent values for red, green, and blue in hexadecimal code. like {#66cdaa}
3. Color Names Colors are represented by predefined names. However, they are very limited in number.like {MediumAquaMarine}

if you want to read more about color you can go to the same book Chapter 11: “Color” (pp.246-263)

texts

The properties that allow you to control the appearance of text can be split into two groups:

1. Those that directly affect the font and its appearance(including the typeface, whether it is regular, bold or italic, and the size of the text)
2. Those that would have the same effect on text no matter what font you were using (including the color of text and the spacing between words and letters)

   The formatting of your text can have a significant effect on how readable your pages are. to know how to editing and format texts you have to read in the same book Chapter 12: “Text” (pp.264-299)