RESOURCES  UNSW EDUCATIONAL DEVELOPMENT & TECHNOLOGY WEBSITE
Flexible EducationWeb & Media ProductionWebCT @ UNSWLearning Resource Catalogue
Web & Media Production
UNSW Educational Development & Technology Centre RESOURCES home RESOURCES home
 
    

 

 

Producing Content for the WebWeb Design & ConstructionAccessibility in Web Design

Programming
& construction

HTML
WYSIWYG editors
(in development)
Interactivity & animation
(in development)
Web applications
(in development)
Implementation
(in development)

HTML

TAGS
The document structure
Text formatting
Using images
Links
Page layout
Style sheets
Advanced HTML

What is HTML?

HTML = Hyper Text Markup Language.

HTML is not a programming language, it is a way of annotating text using "TAGS" such that a web browser knows HOW to display it.

HTML documents are text only. When you save an HTML document, you must save only the text, nothing else. The HTML document must also be saved with the correct file extension for it to work in a browser (filename.htm or filemname.html).

(*Note: MS Word and other word processors by default save documents in their own native format. You must go to ‘Save As: Text only’ when saving HTML documents.)

You can write HTML on a word processor, or Notepad, WordPad, or SimpleText. When you have finished creating the HTML document, the document is opened in a web browser, like Internet Explorer or Netscape Navigator. The browser will interpret the HTML tags for you and display the Web page.

It can be useful to have a look at the HTML behind pages that you find on the web, to see how HTML works. You can do this by viewing the "source code":

  1. When you find a page you like, click on VIEW at the top of the screen.
  2. Choose SOURCE or PAGE SOURCE from the menu.
  3. The HTML code of the document will appear on the screen.
  4. Go ahead. Try it with this page. Click on VIEW and then choose the SOURCE.

A web editor, such as Dreamweaver, makes it much easier to generate HTML, but it also makes it harder to learn as the program does most of the work for you. It is useful to know how HTML works, even when using an editor like Dreamweaver, because sometimes it is necessary to tweak the code behind the page to make it display as you wish.

Now find out about TAGS.