HTML Help file
Just as time-shared computer systems have permitted groups of hundreds of individual users to share hardware and software resources with one another, networks connecting dozens of such systems will permit resource sharing between thousands of users. Each system, by virtue of being time-shared, can offer any of its services to another computer system on demand. The most important criterion for the type of network interconnection desired is that any user or program on any one of the networked computers can utilize any program or subsystem available on any other computer without having to modify the remote program.
---- Resource Sharing Computer Networks, Lawrence G Roberts June 1968 - original proposal to create the ARPAnet, pre-cursor of the Internet. Available from http://www.archive.org/arpanet/
Basic HTML layout
All HTML files generally have the following minimum set of tags:
<HTML>
<HEAD><TITLE>The title of your page here</TITLE></HEAD>
<BODY>
The rest of your HTML goes here
</BODY>
</HTML>
HTML tag notes
- <A> - the
A
tag allows you to set up a link to another place. Examples:
- <A HREF="Bookmark">Bookmark</A>
- <A HREF="#Bookmark">Go To Bookmark</A>
- <A HREF="http://www.faqs.org">Link To External Site</A>
- <A HREF="links.htm">Internal Link to Other Page</A>
- <A HREF="javascript:history.back(1);">Link to javascript item</A>
- <B> - Change following text to bold. End with </B>
- <BODY> - Start of body text. end with </BODY>. Options:
- BGCOLOR - e.g. BGCOLOR='#B3C4FF'
- <BR> - Prints a carriage return
- <BLINK> - If you use this tag, I'll come round to your house and burn it down. End with </BLINK>
- <CENTER>Center the following text, or whatever. End with </CENTER>
- <FONT> - Change following text to use the specified font settings. End with </FONT>. Examples:
- <FONT SIZE=1>Tiny tiny font</FONT>
- <FONT FACE="Blade Runner Movie Font,Stop,Times New Roman,serif">Font choice depends on local users fonts, Blade Runner being preferred but will use one of the others if it doesn't exist on the local drive</FONT>
- <FONT SIZE="+1">Show font one bigger than the BASEFONT. Relative sizing is recommended, rather than absolute
- <HR> - Prints a horizontal line
- <I> - Change following text to italic. End with </I>
- <BIG> - (rare) Change following to be larger. End with </BIG>
- <SMALL> - Change following to be smaller. Large-scale usage of this tag is not recommended because those with large display sizes won't be able to read it. End with </SMALL>
- <IMG> - Image. Often surrounded by <A> tag for a hyperlinked image.
- e.g. <IMG ALIGN="CENTER" BORDER="0" ALT="Intercity Spinning Logo" Height="72" WIDTH="66" SRC="./images/imc5.gif">
- ALIGN - horizontally aligns within the size specified
- VALIGN - as ALIGN but vertically instead
- BORDER - specifies a border width to go around the image
- ALT - specifies an alternative description for those using a text-only browser
- HEIGHT/WIDTH - specifies height and width of the image. Specifying these are sometimes useful because page-load time is quicker with these
- SRC - the source of the image
- <Q> - Change following text to be quoted. End with </Q>. Doesn't seem to work on IE though. Hum.
- <STRONG> - Change following text to be
strong
. Don't use. End with </STRONG>
- <TABLE> - A topic for another time!!!
- <U> - Change following text to underlined. End with </U>
- <SUP> - Super-script text. e.g. Pythagoram theorem: a2 + b2 = c2</SUP>
- <SUB> - Subscripted text. e.g. Sulphuric Acid, H2SO4</SUB>
- <CODE> - For formatting monospaced text on a single line. For multiple lines use <PRE>, e.g.
for(int i = 0; i <= 10; i++){ . End with </CODE>
- <PRE> - pre-formatted monospaced text on several lines. End with </PRE>
- <UL> - Unordered list. To put an entry in the list you'll need a <LI> tag and it's corresponding closer </LI>. To end an unordered list use </UL> For an example, view the source of this file!