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

Images can be used to set the tone for a site in less time than it takes to read a description

Storing Images on Your Site

if you are building a site from scratch, it is good practice to create a folder for all of the images the site uses

Adding Images

chapter-05/adding-images.html HTML 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).

Height & Width of Images

heightThis specifies the height of the image in pixels.

width This specifies the width of the image in pixels.

Where to Place Images in Your Code

1: before a paragraphThe paragraph starts on a new line after the image.

2: inside the start of a paragraph The first row of text aligns with the bottom of the image.

3: in the middle of a paragraphThe image is placed between the words of the paragraph that it appears in

Old Code: Aligning Images Horizontally

Old Code: Aligning Images Verticall

---

Colors

Foreground Color

1. RGB

2. HEX

3. Color Names

Background Color

CSS treats each HTML element as if it appears in a box, and the background-color property sets the color of the background for that box.

Understanding Color

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

---

Text

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

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

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)

Choosing a Typeface for your Websit

When choosing a typeface, it is important to understand that a browser will usually only display it if it’s installed on that user’s computer

Techniques That Offer a Wider Choice of Typefaces

There are several ways to use fonts other than those listed on the previous page. However, typefaces are subject tocopyright, so the techniques you can choose from are limited bytheir respective licenses

Specifying Typefaces

The font-family property allows you to specify the typeface that should be used for any text inside the element(s) to which a CSS rule applies

Size of Type

1. Pixels

2. Percentage

3. EMS