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

The Document structure

The document opens with a tag defining the markup language, which is closed at the end of the document:

<html>
<head>
<title>Fast Foxes</title>
</head>
<body>

</body>
</html>

The Document HEAD contains information ABOUT the document such as it’s TITLE, which will be displayed in the top window bar when the page is viewed in a browser:

<html>
<head>
<title>Fast Foxes</title>
</head>

<body>

</body>
</html>

The document BODY contains everything that is rendered in the browser window:

<html>
<head>
<title>Fast Foxes</title>
</head>
<body>

<p>The quick brown <em>fox </em>
jumped over the <strong>lazy</strong>dog.</p>

</body>
</html>

Page properties

Attributes that apply to the entire document may be set as attributes of the <body> tag. This includes background colour or image, text colour, link colours and page margins.

(*Note: It is recommended that unless there is a specific reason to do so, link colours should not be changed from the default, as this may adversely affect ease of navigation for users accustomed to the default browser colours.)

eg, for the example above:

<body bg color=#330099 text color=white>

<p>The quick brown <em>fox </em>
jumped over the <strong>lazy</strong>dog.</p>

</body>

Meta tags

Meta tags are located in the <head> of the document, and provide a variety of information about the document. Some of this information is used by search engines in order to catalogue your document.

Eg:

<meta name="description" content="description of the web page content">

<meta name="keywords" content="keyword keyword keyword keyword keyword">

Now find out about formatting text >