  
Programming
& construction
|
|
WYSIWYG editors
(in development)
|
Interactivity & animation
(in development)
|
Web applications
(in development)
|
Implementation
(in development)
|
 |
TAGS
Tags USUALLY come in pairs, an opening tag <TAG> and a closing </TAG>.
Most are very easy to understand because the tag is obvious. Here are a few
and what they do to text:
|
Effect
|
Code
|
Code in use
|
What It Does
|
|
Bold
|
b
|
<b>Bold</b>
|
Bold
|
|
Italic
|
i
|
<i>Italic</i>
|
Italic
|
|
Underline
|
u
|
<u>Underline</u>
|
Underline
|
|
Strong
|
strong
|
<strong>Strong</strong>
|
Bold (usually)
|
|
Emphasis
|
em
|
<em>Emphasis</em>
|
Italic (usually)
|
(*Note: <strong> and <em> are ‘phrase elements’ rather
than ‘font elements’, in that they refer to the level of impact desired,
rather than simply an alteration of font style. The appearance of both font elements
and phrase elements can be designated in a Style sheets (see 8. Style sheets).
Tags may be nested to apply multiple formats:
<B><I><TT>Text Text</TT></I></B>
Tags may apply to blocks of text (eg <p> or <div> tags), individual
text elements (eg making a single word bold), or the entire document (eg <head>,
<title> and <body> tags).
Deprecated HTML
The tags that can be used in HTML are constantly changing with technology.
Some layout and appearance tags are now ‘deprecated’, meaning that the
use of them will be phased out in favour of more efficient coding solutions, such
as Cascading Style Sheets (CSS) (see 8. Style sheets).
Some deprecated HTML tags still in use such are:
<font></font> = type face and attributes
<i></i> = italics
<b></b>= bold
Browser technology is behind current standards and still supports deprecated
tags, while inconsistently supporting Style sheet settings. Web page editing tools
(such as Dreamweaver) still create deprecated tags but support and edit CSS. It
is worth becoming familiar with the tags that are deprecated and the alternatives.
The <font> tag in particular is very useful particularly with regard
to WebCT, as it can be inserted into titles and text blocks within WebCT to change
the appearance of the type.
Block level tags, eg:
Paragraph (creates new paragraph): <p>The quick brown fox jumped
over the lazy dog.</p>
Quotation (Indents text from both sides): <blockquote> The quick
brown fox jumped over the lazy dog.</blockquote>
Inline tags, eg:
Emphasis, strong: <p>The quick brown <em>fox </em>jumped
over the<strong>lazy</strong>dog</p>
(The word FOX will be displayed in Italics and that the word LAZY will be displayed
in Bold)
Document tags, eg:
HTML, head, title, body:
<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>
Some Tags are single ended such as:
- <br> starts new line
- <hr> is a horizontal line
- <img> inserts an image
Tag attributes
Some tags support attributes which change the behaviour of the tag, eg:
Here is a range of HTML tags
and their attributes.
Explore TAGS
Now find out about the document structure >
|
