ACCC Home Page Academic Computing and Communications Center  
Accounts / Passwords Email Labs / Classrooms Telecom Network Security Software Computing and Network Services Education / Teaching Getting Help
 
The ADN Connection, September/October 1994 The A3C Connection
Sept/Oct 1994 Contents Welcome to the New Year and the New ADN ADN Free Public Micro Labs Welcome to the Wonderful World Wide Web The Mosaic/WWW Alphabet Soup A Small Sample of HTML
Do you want to be a WWW server yourself? Meeting the WWW Challenge By Your Netid You Shall Be Known Free Seminars for Fall 1994 About the ADN Connection  

A Small Sample of HTML

 
News and Reviews
WWW Everyone

Let's consider the sample HTML document in the box immediately below. It is similar to a section of the UIC WWW Home Page.

<HTML>
<head>
<title>A Small Sample of HTML</title>
</head>
<body>
<h1>The University of Illinois at Chicago </h1>
<H2> Brought to you by <IMG SRC="http://www.uic.edu/depts/adn/icons/skyline_adn.gif" ALT="The ADN" ALIGN="middle" >lt;/H2>
<p>Follow an item by clicking on the underlined word. Each main category has a few key subcategories listed here. In addition, our complete listing for each category is available by clicking on the word "complete".</p>
<p> <bold>The World </bold> (<A HREF="gopher://gopher.uic.edu/11/world">complete<A> list)
<UL>
<LI>To see a much better HTML guide from NCSA, click
<A HREF="http://www.ncsa.uiuc.edu/demoweb/html-primer.html">here<\A>
<LI>lt;A HREF="http://www.uic.edu/world.html">Visit the Internet</A>
</ul>
</body>
</html>

Click here to see what this HTML file looks like when viewed in your browser.

What it will actually look like for other people depends, of course, on the size of their viewing window and the fonts they are using. (To see the real UIC Web home page, point your browser to the URL http://www.uic.edu/ )

HTML markup tags usually take the form: 

<Tag>text or other stuff here</Tag>
An exception is <p> for the paragraph separator; it does not use </p> to mark the end of a paragraph, nor does the <li> list item tag have an end tag. All tags are case insensitive. Extra white space and line breaks in an HTML document are irrelevant because the browser takes care of rendering the text.

The sample document above includes examples of most of the important HTML tags. Some common examples are:

<title>This is the Title</title>
the document title , often used as the display window's title and for automated searching; all HTML documents should have a title.
<h1></h1> and <h2></h2>
and so on, for headings.
<a href="url">text to click on</a>
which marks hypertext links; the "a" is for "anchor".
<UL><li>first item <li>second item </UL>
which defines and unordered list; likewise, <ol> <li> <l> and so on </ol>, which defines ordered lists.
There are a few other tags, including ones for additional types of lists, preformatted examples, special characters, and several types of emphasis. But the set of all possible HTML tags is not particularly large.

Mosaic allows you to take a look at the source files for the documents you browse; this is sometimes a good way to see how to markup with HTML tags. NCSA's "Beginner's Guide to HTML" has many examples. Its URL is http://www.ncsa.uiuc.edu/demoweb/html-primer.html

 
The ADN Connection, Sept/Oct 1994 Previous:  The Mosaic/WWW Alphabet Soup Next:  Do you want to be a WWW server yourself?

1999-10-4  connect@uic.edu
UIC Home Page Search UIC Pages Contact UIC