why use the image in the web site ? Using the image for many things, the most important of which is to decorate your website, add a logo to your website, use graphics, display products on the site. how write this code ? write tag img this tag contain attribut called src="" The value for this attribute is the image link.
Image Formats: GPGE :When you have many different colors in a picture you should use a JPEG.
when use img that have a few color uses the gif and png
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.
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: 1- write the name of color .
2-RGB :RGB color values are supported in all browsers,An RGB color value is specified with: rgb(red, green, blue).
3-hex codes:Simply type the 6 digit color code in the box above and hit enter.
4-Saturation: is the intensity of a hue from gray tone (no saturation) to pure, vivid color (high saturation).
5- Hue: refers to the origin of the colors we can see. Primary and Secondary colors (Yellow, Orange, Red, Violet, Blue, and Green) are considered hues; however, tertiary colors (mixed colors where neither color is dominant) would also be considered hues.
6-Brightness: is the relative lightness or darkness of a particular color, from black (no brightness) to white (full brightness). Brightness is also called Lightness in some contexts, in particular in SQL queries.
tag: is defined as a set of characters commonly constituting a formatted command for a Web page. At the core of HTML, tags provide the directions or recipes for the visual content that one sees on the Web.
other programs, such as screen readers or search engines, can use this extra information For example, the voice of a screen reader may add emphasis to the words inside the em tag element.
The strong tag is used to define text with strong importance. The content inside is typically displayed in bold.
the blockquote tag specifies a section that is quoted from another source.Browsers usually indent blockquote elements (look at example below to see how to remove the indentation).
the cite tag defines the title of a creative work (e.g. a book, a poem)
.
Specifying Typefaces: 1- The font-family: property specifies the font for an element.
There are two types of font family names:
family-name - The name of a font-family, like "times", "courier", "arial", etc.
generic-family - The name of a generic-family, like "serif", "sans-serif", "cursive", "fantasy", "monospace".
The font-size
property enables you to specify a size for the font.
@font-face allows you to use a font, even if it is not installed on the computer of the person browsing, by allowing you to specify a path to a copy of the font, which will be downloaded if it is not on the user's machine.
The font-weight: property sets how thick or thin characters in text should be displayed. that have many values : bold
normal.
number sach as 300
lighter;
text-transform: is used to change the case of text: uppercase.
lowercase. capitalize This causes the first letter of each word to appear capitalized.
text-decoration: enable us to add line under word or above that or a line through words. 1-none no line .
2-underline .
3-overline .
4-line-through.
5-blink.
use this to reduce the size of data ,ensure faster transmission.
there are tow type of commpression
1- When reconstructing the original image from a compressed image, when using lossless algorithms the image does not lose its size and returns to it.
2-lossy When reconstructing the original image from a compressed image, when using lossy algorithms the image lose same px .
notecompression ratio (the ratio of size of compressed image to original image)
- Quoted JPEG is a lossy compression specification that takes advantage of human perception. It can achieve compression ratios of 1:10 without any perceivable difference in quality.
- PNG is a lossless image format using DEFLATE compression. No data is lost during compression and no compression artefacts are introduced in the image