Bold
When you wish to Bold text on your page for a
heading or to emphasise a word, use the <STRONG> tags.
e.g. <STRONG>Pedagogy</STRONG>
will be displayed as
Pedagogy
Italics
You may wish to use Italics
to emphasise a word or a quote by using the <EM>
tags.
e.g. 'Parents often quote the rule <EM>silence is
golden</EM> to their children' will be displayed as
'Parents often
quote the rule silence is golden to their children'
Line Break
A Line Break tag <BR> is used when you want to start a
new line of text without skipping a line or creating a gap in the page like
a paragraph tag. Note: Only one <BR> tag at a time
is needed for a line break, there is no closing tag.
e.g. You may want a
break<BR>Before the rest of the text<BR> is printed, will be
displayed as
You may want a break
Before the rest of the text
is
printed
Paragraph
The paragraph tag <P> is inserted at the beginning of each
new paragraph. This tag causes a line to be skipped before the following
text is printed.
e.g. You may want a break<P>Before the rest of
the text</P> is printed, will be displayed as
You may want a
break
Before the rest of the text is printed
Align Paragraph
The Paragraph tag can also be used to align a paragraph to the left, centre,
or right of the page.
This is done by inserting ALIGN=CENTER or ALIGN=RIGHT
into the <P> tag.
e.g. <P ALIGN=RIGHT>This text will sit to the
right</P> will be shown as:
This text will sit to the right
and <P ALIGN=CENTER>This text will sit in the centre</P>
will be shown as:
This text will sit in the centre
Spaces between letters and Tabs
In HTML code, only one space is recognised between each letter, so
if you press the space bar a few times like this -
<STRONG>Spaces between letters</STRONG>, it
will still show up on your web page as Spaces between letters,
with only one space.
If you wish to insert more spaces, you must insert
for each space.
e.g.
<P><STRONG>Spaces between
letters</STRONG></P>, will be shown as
Spaces between letters
Similarly, the TAB key on your keyboard will not work in
HTML at all, though tables can be used to position objects.
Lists - Bulleted and Numbered
Bulleted (Unordered) lists
An unordered list tag <UL> creates unordered (bulleted) lists and the
list ends with the </UL> tag.
Each list item in the list
is started with a <LI> tag, but these tags don't need an end tag at
the end of the line. Remember that a list can't contain any other HTML
tags except <LI>, so write the title of the list before you create
it.
e.g. <P>Ways to design a good web page:
<UL>
<LI>
Get someone else to do it
<LI> Ask someone else how to do
it
<LI> As a last resort, do it yourself
</UL>
This will be displayed as:
Ways to design a good web page:
- Get someone else to do it
- Ask someone else how to do it
- As a last resort, do it yourself
Numbered (Ordered) lists
An ordered list tag <OL> creates ordered (numbered) lists and the list
ends with the </OL> tag.
Each list item in the list is started
with a <LI> tag, but these tags don't need an end tag at the end of the
line. If you switch the order of items in the list, the <OL> and
<LI> tags will renumber them for you. Remember to write the
title of the list before you create it.
e.g. <P>Ways to design a good
web page:
<OL>
<LI>> Get someone else to do it
<LI>
Ask someone else how to do it
<LI> As a last resort, do it
yourself
</OL>
This will be displayed as:
Ways to design a good web page:
- Get someone else to do it
- Ask someone else how to do it
- As a last resort, do it yourself
Horizontal Rule
A Horizontal Rule <HR> tag is used to create a line across the page
when you want to divide the page with a line.
e.g. if you insert the
<HR> tag wherever you wish a line to appear, it will appear like this:
|
