HTML basics

1
HTML basics

• Before you begin
• View source option
• Select file / save and edit a page on your hard
  drive
• From your browser pull up the doc you just saved
• You can now view the file as you edit it

2
Page Structure

• Header
• Title tag
• Meta tags
• CSS content
• Body
• Page content

3
Specific HTML tags 1

• Header tags BIG small
• new paragraph
• 
  new line
• line

4
Specific HTML tags 2

• Barbaro
  Updates anchor text Barbaro Updates
  hyperlinks to timwoolleyracing.com
• Alex
  Brown anchor text Alex Brown activates
  e-mail box to alex.brown_at_gmail.com

5
Specific HTML tags 3

• Alex
  on horse anchor text Alex on horse
  hyperlinks to http//www.udel.edu/alex/alexfp.jpg
• unnumbered list
• numbered list
• Hyperlink within text andchor
  text destination text

6
Design 1

• File size versus graphics
• Site branding
• Options on page versus depth of site
• Page length
• Navigation devices
• Prioritize key information
• Visitor controls information consumption

7
Design 2

• Editorial rigor
• Hook
• Machine