[HTML]

Header

Effect raw HTML
(the effect does not relate to markup as such) <HTML>
<HEAD> <TITLE>HTML Tutorial</TITLE>
</HEAD>
(sets colours. NB.spelling!) <BODY BGCOLOR="#fbfbfb" TEXT="#000000" LINK="#0000ff" VLINK="400090">
... also a link to [parent] but see later ...

Headings

Effect raw HTML

HTML Tutorial

<H1>HTML Tutorial</H1>

L. Allison

<H2>L. Allison</H2>

Dept. Computer Science, Monash University

<H3 ALIGN=center>Dept. Computer Science, Monash University</H3>

Australia 3168

<H4 ALIGN=right>Australia 3168</H4>

Text

Effect raw HTML

This is a tutorial on basic Hyper-Text Markup Language (HTML) and illustrates the most useful HTML tags.

<P> introduces a paragraph of text.
<BR> causes a line break.

<P>
This is a tutorial on basic Hyper-Text Markup Language (HTML) and illustrates the most useful HTML tags.
<P>
&lt;P&gt; introduces a paragraph of text.
<BR>
&lt;BR&gt; causes a line break.
Plain font, italic, bold, strong, emphasis Plain font, <I>italic</I>, <B>bold</B>, <STRONG>strong</STRONG>, <EM>emphasis</EM>

Hyper Links

Effect raw HTML
Some text containing an embedded hyper link specifying protocol (http), server and page fully. Some text containing an embedded <A HREF="http://www.csse.monash.edu.au/"> hyper link</A> specifying protocol (http), server and page fully.
A link relative to this server. A <A HREF="/~lloyd/README.html"> link </A> relative to this server.
A link relative to this directory. A <A HREF="./"> link </A> relative to this directory.
A link within this page. A <A HREF="#text"> link </A> within this page.
This link should open a new window. This <A HREF="http://www.csse.monash.edu.au/" TARGET="_blank"> link </A> should open a new window.

Images

Effect raw HTML
Cartoon <IMG SRC="...../somefile.gif" ALT="Cartoon">
Cartoon <A HREF="...some URL..."> <IMG SRC="...../somefile.gif" ALT="Cartoon"> </A>
cartoon <IMG SRC="...gif" ALIGN=top>cartoon
cartoon <IMG SRC="...gif" ALIGN=middle>cartoon
cartoon <IMG SRC="...gif" ALIGN=bottom>cartoon

Lists

Effect raw HTML
Unnumbered Lists
  • item 1
  • item 2
  • item 3
    • item 3a
    • item 3b
<UL>
<LI> item 1
<LI> item 2
<LI> item 3
<UL>
<LI> item 3a
<LI> item 3b
</UL>
</UL>
Ordered Lists
  1. item 1
  2. item 2
  3. item 3
<OL>
<LI> item 1
<LI> item 2
<LI> item 3
</OL>
Indented Lists
item 1
title for 2
item 2
item 3
<DL>
<DD> item 1
<DT> title for 2
<DD> item 2
<DD> item 3
</DL>

Tables

Effect raw HTML
item 1 aitem 1 b
item 2 aitem 2 b
item 3
 <TABLE BORDER=1>
<TR><TD>item 1 a</TD> <TD>item 1 b</TD></TR>
<TR><TD>item 2 a</TD> <TD>item 2 b</TD></TR>
<TR><TD COLSPAN=2>item 3</TD></TR>
</TABLE>
item 1 a item 1 b
item 2 a
<TABLE BORDER=2>
<TR><TD> item 1 a </TD><TD ROWSPAN=2> item 1 b </TD><TR>
<TR><TD> item 2 a </TD></TR>
</TABLE>

Footer

Effect raw HTML
Copyright © L. Allison / 1997
<HR NOSHADE>
<ADDRESS> <A HREF="../../../README.html">Copyright</A> &copy;
<A HREF="../../../">L. Allison</A> / 1997
</ADDRESS>

</BODY>
</HTML>

Created with "vi (Linux + IRIX)",   charset=iso-8859-1