DE Oracle @ UMUC Banner
How-To

Search

Understand Basic HTML (HyperText Markup Language)

 

HTML stands for Hyper Text Markup Language. HTML pages can be as simple or as complex as you would like them to be. This how-to will walk you through the steps of creating a basic HTML web page.

A basic HTML file is a text file that contains markup tags and can be created using a simple text editor such as Notepad or Wordpad. The markup tags tell the Web browser how to display the page in the browser window.  An HTML file must have an htm or html file extension. 

Links to HTML resources
graphic - man working on computer

WHAT TO DO

Create a Simple HTML Document

1.  Open Wordpad Text Editor (Start -->Programs -->Accessories  -->Wordpad)

2.  Enter the following text:
 

<html>
<head>
<title>My Practice Document Title</title>
</head>
<body>
This is the body text of my <b>practice document</b>.
</body>
</html>
Every document in HTML format (Web page), MUST contain the following code:

    <HTML>
    <HEAD>
    <TITLE></TITLE></HEAD>
    <BODY>
    </BODY>
    </HTML>

    1.<HTML> - Declares this an HTML document. 
    2.<HEAD> - The Head contains optional information about the document. 
    3.<TITLE> - The Title is what displays in browser title bar.
    4. </HEAD> - Closes the Head. 
    5. <BODY> - Body contains the document's displayable content. 
    6.</BODY> - Closes the Body. 
    7. </HTML> - Closes the HTML. 

Because the document that we will be pasting into already contains all of the items above, we only need to insert the HTML coding that belongs inside the body tags.
3.  Save the document to your A: drive or hard drive.  Name the document practice.htm 
4.  Open Netscape Navigator, select File --> Open File. Navigate to your practice.htm file to view practice.htm in Netscape Navigator. (take notice of the document title and bold text).
5.  Using Wordpad, open practice.htm.  Look at the HTML Cheatsheet to add more markup tags and text. After you have the page the way you want it, test your web page in the Netscape browser.

Blank Image


Welcome Page  How-To Page  Guidelines for Contributors
  WebTycho Login Academic Departments Directory
Administration Directory Faculty Services  Library Services 

Created and Maintained by the Center for Support of Instruction
© University of Maryland University College.