In order to make your course more visually appealing, use some of the
following tags. They have been summarised in the table. More information
is provided for some of the tags.
| Tags |
Displays |
|
To Bold a word to show emphasis use the <strong> tag.
For example,
The title of the book is <strong>Return to
Oz</strong>.
|
The title of the book is Return to Oz.
|
|
Italics are useful for highlighting
a piece of text or a quote. Italics are hard to read on screen
and should not be used extensively. Use the <em></em> tag.
For example,
The title of the book is <em>Return to Oz</em>.
|
The title of the book is Return to Oz.
|
|
The paragraph <p> </p> tag
is used to divide your content into paragraphs. It adds a double
line space between your content. For example,
<p>You might like to print this table out as
a quick reference.</p>
<p></p>
|
You might like to print this table out as a quick reference.
Each of these tags is explained in more detail further on.
|
|
Use the line break <br> tag
if you want a new line but not a new paragraph. It inserts a single
line break. Note: This tag does not have a closing
tag.
Step 1: Type in your details.<br>
Step 2: Click on print for a hard copy.<br>
Step 3: Click submit to send the form.
|
Step 1: Type in your details.
Step 2: Click on print for a hard copy.
Step 3: Click submit to send the form.
|
|
Use the 'ordered list' <ol><li></li></ol> tag
to create a numbered list.
<ol>
<li>President</li>
<li>Vice President</li>
<li>Chair</li>
</ol>
|
- President
- Vice President
- Chair
|
|
Use the 'unordered list ' <ul><li></li></ul> tag
to create a bulleted list.
<ul>
<li>President</li>
<li>Vice President</li>
<li>Chair</li>
</ul>
|
- President
- Vice President
- Chair
|
|
The tags H1, H2, … H6 are used for headings. H1 <h1></h1> is
the most significant and is displayed in large font. H2 to H6 are
displayed progressively smaller. Spacing is inserted before and
after each heading.
<h1>Huge</h1>
Use the <h1> tag for your top level heading.
Note: The size indicated is not exact — it
is representative of what the heading can look like.
|
Huge
Use the <h1> tag for your top level heading. |
|
Add images to your content by using the image
tag.
<img src='wetlands.gif' alt='Boondall Wetlands'>
|
|
|
The hyperlink tag is used to add links to other
websites.
<a href='insert the url here'>
Insert meaningful link word
</a>
<a href='http://www.google.com'>
Search Engine - Google
</a>
|
Search Engine - Google |
|
The mailto is used with the hyperlink tag to create an email link.
<a href='mailto:john.citizen@qed.
qld.gov.au'>
John Citizen
</a>
|
John
Citizen |
Other languages