Reading-Notes

Class 05: HTML Images; CSS Color & Text

Chapter 5: “Images” (pp.94-125)


The image element is used to add an image to a web pages. The image element needs to have a src, attribute and a title.

Images can load faster if you adjust the size of the picture.

Photographs are best saved as jpegs

Chapter 11: “Color” (pp.246-263)


Color is split up into three values; color names, hex code and RBG values.

-hexacode: six digits codes that represent colors that are used

Saturation: the amount of gray in a color.

Make sure the colors are matching in theme and contrast

Color is what makes your website either appealing or ugly. Color conveys emotion.


Chapter 12: “Text” (pp.264-299)

Typeface terminology include serif, san serif,  monospace

Text has weight, style and stretch.

Css contains a lot of useful elements that overall make it easier to clean your webpage. There are limited amounts of fonts that others will have installed. You can control the whitespace on the page.

There are properties to control the choice of font, size,

weight, style, and spacing