|
Web Page Creation
Basic Requirements
HTML (HyperText Markup Language) is a set of keywords called tags that tell a browser program like Mosaic or Netscape what to display on the screen. Tags are given between the bent brackets < and >. Creating a web page requires that
you create a text-only (not Word, WordPerfect etc.) file, and place that text file on a server where others have access to it. The name of the file should end with .html or .htm.
Always view your document on your own computer before placing it on the server. I recommend doing this by using a WEB editor such as WebEdit.
HTML Document Requirements
Each text file that defines a web page should have the following skeleton:
|
<HTML> - This identifies the document as HTML
<HEAD> - This begins the header info section
<TITLE> - This begins the title
Type title of page here - This text will appear at the top of the browser window
</TITLE> - This ends the title - a "/" means "end"
</HEAD> - End of the header
<BODY> - Begins the body of the page
Other HTML tags that define the page go here
</BODY> - Yep, ends the body
</HTML> - End of HTML document
|
Text Commands
Text is formatted by the browser, following certain commands. First, the browser does not see blank lines, or even more than one space between characters. It must be told where lines end. Furthermore, creating bold text, headings, etc requires s
pecial tags as well. The following table will illustrate some of the most basic text-handling tags.
Example 1: Basic text commands
| HTML tag(s) | Browser output
| | Regular text<BR> with line and<P> paragraph breaks
| Regular text
with line and paragraph breaks
| | <B>Bold</B> and <I>Italic</I> text
| Bold and Italictext
| <H1>Level 1 Heading</H1>
<H6>Level 6 Heading</H6>
| Level 1 HeadingLevel 6 Heading
|
You can also make both unnumbered and ordered lists:
Example 2: Lists
| HTML tag(s) | Browser output
| <UL>
<LI>A list item
<LI>Another item
</UL>
|
| <OL>
<LI>First list item
<LI>Second item
</OL>
| - First list item
- Second item
|
Links
Links are highlighted items, either text or images, that may be clicked on to jump to another file. This other file can either be another HTML document that defines another web page, or be a file that will be downloaded and possibly viewed in anot
her "helper" application. Links are created using the anchor tag, which has the following format:
<A HREF = "mode://URL">Highlighted item</A>
There are three parts of this tag that must be customized:
- mode - the two most common options are
- http - for another HTML document (web page)
- file - for a different type of file.
- URL - one of two types:
- Absolute - the full path to the file, including machine name and directory tree, ending with the filename
- Relative - replace the current filename with the new one given in the URL part of the anchor tag
- Highlighted item - this is a piece of text or inline image that appears in the page and, when clicked on, causes the browser to jump to the URL described above
Example 3: Links
| HTML tag | Browser outuput
| | Click <A HREF = "HTMLtutr.HTM">here</A> to go to the HTML Tutorial homepage.
| Click here to go to the HTML Tutorial homepage.
|
Images
Images may be placed in the document. The image must be in either GIF or XBM format for a browser to be able to display it. Make sure you save the image on your server so that it is available just like your HTML document. Images are called for display
in a page using the following tag:
<IMG SRC = "URL">
URL gives the URL of the image file. See the above discussion of links for more specifics.
Example 4: Inline images
| HTML tag | Browser output
| | <IMG SRC = "hdlogosm.GIF"> | 
|
|
