Building HTML

HTML is a first-class way to present information to users. We're going to look at a little bit of HTML basics and then pound out some programs to present data. Some preliminary information:

Viewing HTML

Its almost alway possible to view the HTML document in its original form.
For example, in the netscape menu, View->page source.
In many many pages like yahoo, cnn, www.tigr.org, the page you view is described as a series of frames, and viewing the source of those pages becomes problematic.
You may find viewing the pages in this tutorial is a good idea, because they have very basic HTML commands in them.

Loading HTML

Its almost alway possible to load the HTML document in its original form.
For example, in the netscape menu, File->open.
The bazillions of pages out on the web pretty much exactly the same kind of file. As you know, they get loaded in other ways besides the Open menu option.

A Basic HTML File

Suppose these lines of text are in a file:

<HTML>

Hello MBL!

If you wrote that file correctly, it would look like this in a web browser.

Note the use of <TAG>
Most tags are case-insensitive: <hmtl> also works.

Observe there are more complex things that can get stuck in tags:

<HTML>

<BODY bgcolor="#ffffff">

Hello MBL!

Looks like this in a web browser.

Bold

Suppose you'd like to see something in bold, Like this

That would be written as:

Suppose you'd like to see something in bold, <B>Like this</B>

Horizontal rule

Each of these sections is split by a horizontal rule, or <HR>

Line break

Suppose you wanted to force the text to
put a line break in the text.

Suppose you wanted to force the text to<BR>
put a line break in the text.

Unformatted text

Suppose      you    
      want spaces    and formatting
 in lots     of places.

<PRE>
Suppose      you    
      want spaces    and formatting
 in lots     of places.
</PRE>

Images.

To include pictures into html:

Tables

Tables can be displayed as follows:

Item	Price	Color
Apple	$0.03	Red
Pear	$0.05	Yellow

<TABLE border = 1>
 <TR>
    <TH>Item</TH><TH>Price</TH><TH>Color</TH>
 </TR>
 <TR>
    <TD>Apple</TD><TD>$0.03</TD><TD>Red</TD>
 </TR>
 <TR>
    <TD>Pear</TD><TD>$0.05</TD><TD>Yellow</TD>
 </TR>
</TABLE>

Hot links

To hot link another page, like CNN.

To hot link another page, like <A HREF = "http://www.cnn.com">CNN</A>.

Most of these examples have been put into one more example file.