MARKING UP WITH HTML

1
MARKING UP WITH HTML
chapter4

• A Hypertext Markup Language Primer

2
HTML Summary

• HTML tags meaning, not their form give the form
  of Web pages, white space is ignored
• Tags mostly come in pairs use lower case

Start tag End tag Meaning lthtmlgt
lt/htmlgt Surround document lttitlegt
lt/titlegt Contents of title bar ltheadgt
lt/headgt Preliminary material ltbodygt
lt/bodygt Surrounds main content ltpgt
lt/pgt Surrounds paragraphs lth1gt
lt/h1gt Headings up to 8 ltbgt lt/bgt
Bold ltigt lt/igt
Italic lta href'fn'gt lt/agt Anchor
reference for link ltimg src'fn'gt
Image source reference ltbrgt
Break
3
The Web page resulting from interpreting the file
paradoxes.html by a browser
4
Pathnames for Anchor and Image Tags

• Two kinds of paths
• Absolute lta href'http//www.moma.org/index.htm'gt
  
• Relative lta href'magrittebio.html'gt
• Path names can refer to files at
• Same level, lta href'mirobio.html'gt
• Deeper levels, lta href'artists/20thC/mirobio.html
  'gt
• Higher levels, lta href'../../catalog.html'gt

Use relative paths for files on same site as the
page
5
HTML source for paradoxes.html
6
Completed version of paradoxes.html
7
The HTML source for the completed Web page
8
A Web page with links as text
9
The HTML for the Thoreau page
10
A page with the links organized as a table
11
The HTML for the Steinbeck page
12
A comparison of the Thoreau and Steinbeck pages