Академический Документы
Профессиональный Документы
Культура Документы
Introduction HTML
26 April 1995
Jamie Stephens
jamies@math.utexas.edu
Chapter 2: Creating an HTML document 1
This document discusses Web page authoring in the UT-Austin Math Department. The discus-
sion assumes you are familiar with at least one Web browser (e.g. Mosaic).
1 Introduction
The document attempts to answer the following question: "How do I make a personal Web page
in the UT-Austin Math Department?" The current process is simple. Create an HTML document.
Then put it in the right place with the right name. We will discuss each step in turn.
HTML instructions are called elements, and elements are denoted with tags. Like LaTeX,
HTML contains elements for making headings and generating lists. HTML also contains elements
for pointing to other Internet resources. This chapter presents an overview of HTML. For detailed
HTML documentation, look on our Web page, or See Chapter 4 [HTML documentation], page 4.
This example denes the title of the HTML document. The name of the closing tag is the name
of the opening tag prepended with a /. Here's an example of a pair of tags, the rst of which takes
an argument.
<A HREF="http://www.somewhere.ca/file.html"> marked text </a>
2 Introduction HTML
First note that an HTML document has a head and a body. The head begins with a <HEAD>
tag, and it ends with a </HEAD> tag. Similarly for the body. Common elements for the head of the
document include TITLE and BASE. The BASE element should point to the document itself.
<IMG SRC="http://henri.ma.utexas.edu/utseal.gif">
This tag inserts an inline image in the page.
<A HREF="http://henri.ma.utexas.edu/index.html"> Our Home Page </A>
The <A ...> tag makes a hypertext link. The link points to the resource speci-
ed by the HREF argument. The text that the reader sees comes just before the
closing </A>. In this case, the reader can click on "Our Home Page" to view
http://henri.ma.utexas.edu/index.html.
You can also format lists with HTML elements. Lists come in two styles: glossaries and regular
lists. Here's an example of the latter kind:
<UL>
<LI> Item One
<LI> Item Two
<LI> Item Three
</UL>
This code will tell browsers to format a list of three items. The "LI" stands for "List Item" I
guess. Here's an example of a glossary-style list:
<DL>
<DT> Things that are cool
<DL> Fire, anything from or near Seattle, mean dogs, Metallica, money.
<DT> Things that suck
<DD> Axl Rose, things I don't like, orange squares.
</DL>
The text after the <DT> tag must be less than a line long. Text after the <DD> tag can span
many lines. You can nest lists.
Finally, here are a few more elements that change the way browsers present text. Tags for these
elements come in pairs { an opening tag and a closing tag.
EM { emphasis
STRONG { stronger emphasis
CODE { example of typed code
KBD { example of keyboard input
VAR { a variable name
DFN { a dening instance of a term
CITE { a citation
4 Introduction HTML
Again, for complete information see See Chapter 4 [HTML documentation], page 4.
If you have written other pages, you should put them in a directory called `public_html' in
your home directory. You can then point to these pages with the URL
http://henri.ma.utexas.edu/~loginname
If you would like to add non-personal pages or other information to our department's server,
send mail to www@math.utexas.edu. For example, if you want to write a page for number theory,
then www@math.utexas.edu is the contact you want.
4 HTML documentation
The best HTML documentation is written in HTML. The following URL points to excellent
HTML documentation. Use your Web browser of choice to navigate it. The bibliography in this
document contains many pointers to other good sources of HTML documentation.
http://www.utirc.utoronto.ca/HTMLdocs/NewHTML/htmlindex.html
Chapter 4: HTML documentation 5
The following URL points to the Web FAQ. This resource includes lots of pointers about HTML.
http://sunsite.unc.edu/boutell/faq/www_faq.html
Table of Contents
1 Introduction :::::::::::::::::::::::::::::::::::::::::: 1
2 Creating an HTML document ::::::::::::::::::::::: 1
2.1 Basic HTML syntax ::::::::::::::::::::::::::::::::::::::::::::::: 1
2.2 The minimal HTML document :::::::::::::::::::::::::::::::::::: 2
2.3 The body::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 2
2.4 Finding HTML examples :::::::::::::::::::::::::::::::::::::::::: 4
3 Where to put your page ::::::::::::::::::::::::::::: 4
4 HTML documentation ::::::::::::::::::::::::::::::: 4