View on GitHub

reading-notes

Learning Notes Repo for Code Fellows

Images, Color, Text

Images

A picture is better than a thousand words. There are many situations that an image is needed, a logo, photograph, illustration, diagram, or chart.

We need <img> to add an image, along with src to indicate where to find the image, alt to provide a text dexcription if the image counld not show up, and title to provide additional information about the image.


There are things need to be taking cared of:

  • the height and width of image
  • the location of image in the page
  • how to aligne images
  • the right format of image
  • the right size of image
  • the correct resolution
  • transparency
  • testing how it looks on your page

Color

The right color will make your site way more attractive and stand out. There are things to focus on:

  • there are three ways to specify colors:
    • RGB values
    • Hex codes
    • Color names
  • use color pickers to find the desired color
  • making sure there is enough contrast between text and background color
  • opacity will allow specify the opacity of an element and its child elements

Text

  • the font, size, weight, style, and spacing of the text can be modified
  • only a limited options of fonts was installed for most people
  • need the right license to access more font options
  • use the space between lines, letters, and words wisely

<==Back