Html

HTML tutorial

Purpose:
Introduce you to basic web page coding. This is a basic tutorial which will prepare you for the use of more sophisticated HTML editing tools.

Importance: Very few people code HTML by hand anymore. There are a multiplicity

of programs such as DreamWeaver and Microsoft Front Page which help make the process of web page creation easier. BEFORE you learn to use these tools, it is important to learn the basic structure and components of the code/language. This will come in handy when you need to troubleshoot code which editing tools can't fix. After this activity, you will be able to:
• • • • •

Goals:

Set up your server account to serve your personal web page Build a basic text web page Format and stylize your web page font Add images to your web page Add and control hyperlinks

STEP 1: SETTING UP YOUR SERVER ACCOUNT TO HOST YOUR WEB FILES
You will be creating HTML (Hyper Text Markup Language) documents. These are the files/instructions a browser (i.e. Netscape/Internet Explorer) reads and uses to show web pages. In order to create your own home you need to place your HTML (Hyper Text Markup Language) documents in a world readable directory named "www" in your home directory (on your server account). This directory is automatically created for new accounts, so in most cases you should not need to create it. If it DOES NOT exist (You do not have to do this right now, but can hop over on one of the server machines if you would like to check/do this), open the server and create this directory, using the following commands: cd mkdir -p www fs sa www system:anyuser rl This creates a directory named www into which you will place all file relating to your homepage. Now, within that directory, you have to create a file (home.html) written in html format. Note that HTML documents MUST end in ".html" or ".htm". We will use ".html" as our standard. Once you have created your home.html file, the URL for that page (your home page) would...