Learning HTML

1
Learning HTML

• Day 2

2
HTML Review

• lthtmlgt
• ltheadgt
• lttitlegtExample page!lt/titlegt
• lt/headgt
• ltbodygt
• Hi.
• lt/bodygt
• lt/htmlgt
• What does this display?

3
More lttaggts

• ltbr /gt - line break
• ltpgtparagraphlt/pgt - creates an indented paragraph
• ltpregttextlt/pregt - displays text as it appears in
  the html file (spacing)
• lth1h6gttextlt/h1h6gt

4
ltfontgt

• Attributes size, face, color
• Exampleltfont size2 faceTimes New Roman
  color00ccffgttextlt/fontgt
• Times New Roman, Verdana, Tahoma, Courier,
  common on all systems

5
Color

• Colors in html are represented as a 6 character
  hexidecimal string.
• In the web there are 65,535 colors available for
  use.
• http//www.w3schools.com/html/html_colors.asp
• Or you can use photoshop

6
More attributes

• bgcolor, background, vlink, alink
• Examplesltbody bgcolorffcc00gt
• ltbody backgroundwave.gifgtltbody
  alinkbluegtltbody vlink909090gt
• Or all togetherltbody bgcolorblue
  backgroundwave.gif alinkred
  vlink000000gt lt/bodygt

7
Comments

• lt!-- this is a comment --gt
• Everything displayed inside the comment
  separators (this is a comment) will not be
  rendered and displayed by the browser

8
Tables

• Tables are composed of rows and columns
• Where the row and the column meet is called a
  cell
• lttablegt lt/tablegt
• lttrgt - create a row
• lttdgt - create a cell

9
Table attributes

• bgcolor, cellpadding, cellspacing, border, width
• lttable bgcolorcccccc cellpadding1
  cellspacing1 border2 width100gt
  lt/tablegt

10
Cell Attributes

• valign, align, bgcolor, colspan
• lttablegt lttrgt lttd valigntop alignleft
  bgcolorblue colspan2gtlt/tdgt lt/trgt lttrgt
  lttdgtlt/tdgtlttdgtlt/tdgt lt/trgtlt/tablegt

11
HTML tag list

• http//www.w3schools.com/html/html_quick.asp