Read 05 “HTML images; CSS color & text”

HTML book

ch. 5 Images pp.94-125

• img element to start
• then the src tells the browser where to find the image
• then alt
• title
• img src alt title
• dont crop imags the wrong way (landscape or portrait)
• enclose a img element with FIGURE in order to include a description
  • use figcaption to state the caption
• Save as JPEGS or GIFS

  ch. 11 Color pp. 246-263

• colors come in certian formats
  • RGB, HEX, and color names
• You can change background color as well
• OPACITY = white wash
• Make sure there is enough contrast or else you wont be able to read

ch. 12 Text pp.264-299

• serif
• sans-serif
• monospace
• There are ways to style the text too.
  • Weight
  • style
  • stretch
• bold
• italic
• uppercase, lowercase, capitalize
• underline & strike
  • none
  • underline
  • overline
  • line-through
  • blink
• Leading line-height
• letter-spacing, word-spacing
• alignment
  • text-align
• vertical alignment
  • vertical-align
• You can use pseudo-classes that change style when users hover over or clicks the text

Blog post JPEG vs PNG vs GIF

• Use JPEG for natural scene or photograph where variation in colour is smooth
• Use PNG for images that need tranparency or have text
• jpeg is lossy compression
• PNG is lossless formate

• JPEG support more colros

• Duckett, J.(2014). JAVASCRIPT & JQUERY , HTML&CSS Indianapolis, IN: John Wiley & Sons, INC