Appearance Formatting

DEFINITIONS:

SERIF — Times New Roman is a font that defines a line with the extra curls on the bottom and tops of letters. Sans-serif fonts are easier to read when printed than on computer screens.

SANS-SERIF — Arial is a font without (sans) curls. Sans-serif fonts are easier to read on computer screens than when printed.

NEW TAGS:

These new attributes for the body tag will effect the entire document:

<body

bgcolor="color" — the entire html page will have this color
text="color" - this will be the default color for the text
link="color" - this will be the default link color
alink="color" - this will be the link color when the user clicks
vlink="color" - this will be the link color after the user visits
background="image.gif" - this will override "bgcolor" and create a pattern by repeating a single image
>

The default text style can be overridden by using the font tag

<font

size="# " - from 1 — 7, 3 is normal
color="color" - color should contrast the background
face="style" - name more than one
>

Common font face listings:

Note: The <font> tag will eventually be phased out in favor of style sheets. Once you learn style sheets, then you should stop using the <font> tag.

 

COLORS

  1. There are 216 colors that are considered "Web safe". This means they will be rendered on all browsers on both Mac and PC as the same.
  2. Colors for images are defined in values of red, green and blue. Web safe values in base 10 and hexadecimal are as follows:
BASE 10 HEX

0
00
51 33
102 66
153 99
204 CC
255 FF

SAMPLE COLORS IN HEX

white = FFFFFF
black = 000000
red = FF0000
purple = CC00CC
gray = A1A1A1
aqua = 3CB8D6

 

 

EXERCISE: Reformat the Ashmole University pages using these new tags.