images

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

before add an image make suer make a file to but all tha images in your wep page in it

Adding Images u can add an image by useing this element < img > and this element must carry the following two attributes:

• < src = this will tell the browser where to find the img u add in another why its the path of the img

• < alt =
  this one uesd to descrip ur img in a few words

• Height & Width of Images we can do that by < height > and < width > attribute inside the < img > element

Three Rules for Creating Images

• Save images in the right format
• Save images at the right size
• Use the correct resolution

HTML5: Figure and Figure Caption

• Images often come with captions. HTML5 has introduced a new < figure > element to contain images and their caption so that the two are associated. You can have more than one image inside the < figure > element as long as they all share the same caption

• The < figcaption > element has been added to HTML5 in order to allow web page authors to add a caption to an image. Before these elements were created there was no way to associate an < img > element with its caption.

color

coler will bring your page to life

The color property allows you to specify the color of text inside an element. You can specify any color in CSS in one of three ways:

rgb values These express colors in terms of how much red, green and blue are used to make it up

HEX These are six-digit codes that represent the amount of red, green and blue in a color, preceded by a pound or hash #

-color name There are 147 predefined color names that are recognized by browsers

Color pickers can help you find the color you want

It is important to ensure that there is enough contrast between any text and the background color (otherwise people will not be able to read your content

text

Typeface Terminology

serif font were traditionally used for long passages of text because they were considered easier to read.

Sans-Serif Screens have a lower resolution than print. So, if the text is small sans-serif fonts can be clearer to read.

Monospace

commonly used for code because they align nicely, making the text easier to follow.

There are properties to control the choice of font, size, weight, style, and spacing