Click to edit Master title style
Download
Report
Transcript Click to edit Master title style
4
chapter
MARKING UP WITH HTML
A Hypertext Markup Language
Primer
HTML Summary
HTML tag’s 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
<html>
</html> Surround document
<title>
</title> Contents of title bar
<head>
</head> Preliminary material
<body>
</body> Surrounds main content
<p>
</p>
Surrounds paragraphs
<h1>…
</h1>… Headings up to 8
<b>
</b>
Bold
<i>
</i>
Italic
<a href='fn'> </a>
Anchor reference for link
<img src='fn'>
Image source reference
<br>
Break
The Web page resulting from interpreting
the file paradoxes.html by a browser
Pathnames for Anchor and Image Tags
Two kinds of paths
– Absolute: <a
href='http://www.moma.org/index.htm'>
– Relative: <a href='magrittebio.html'>
Path names can refer to files at
– Same level, <a href='mirobio.html'>
– Deeper levels, <a
href='artists/20thC/mirobio.html'>
– Higher
<afiles
href='../../catalog.html'>
Use
relative levels,
paths for
on same site as the page
HTML source for paradoxes.html
Completed version of paradoxes.html
The HTML
source for the
completed Web
page
A Web page with links as text
The HTML for the Thoreau page
A page with the links organized as a table
The HTML
for the
Steinbeck
page
A comparison of the Thoreau and Steinbeck pages