HTML Images; CSS Color & Text

Chapter 5: HTML Images (pp.94-25)

use <img> to embed image
attributes: src, alt, title
save images in jpeg, gif, or png
use jpeg for images with lots of colors, including subtle differences in color
use gif for illustrations or logos with flat colors
for online images, resolution doesnt matter, only dimensions of img defined in pixels
<figure> and <figcaption> - used to contain images and captions, can have multiple images in same figure if they have the same caption

rgb values - ratio of red, green, blue
hex codes - 6-digit codes for ratio of red, green, blue
saturation - amount of gray in the color, max = no gray in color
- expressed as percentage
brightness - amount of black in the color, max brightness = no black in color
- percentage (50% = normal)
hue - expressed as an angle 0-360
opacity - between 0.0 - 1.0, rgb only affected in element opacity applied to
alpha - transparency, 0-1.0 (0.5 = 50% transparent)

@font-face - lets you use font even if not installed on computer
- requres font-family and src: url(location)
font-weight - bold or normal
font-style - normal, italic, or oblique
text-transformation - upper, lower, capitalize
text-decoration - none, underline, overline, line-through, blink