Customising Text
Whilst it is obvious what headings are used for, they are important in the WWW environment because some search engines use them as a search parameter
<H1>

Heading 1

</H1>
<H2>

Heading 2

 </H2>
<H3>

Heading 3

 </H3>
<H4>

Heading 4

 </H4>
<H5>
Heading 5
 </H5>
<H6>
Heading 6
 </H6>
Structural Styles
<B>
Bold
</B>
<I>
Italic
</I>
<U>
Underline
</U>
<S>
strikethrough
</S>
<TT>
Teletype
</TT>
<EM>
Emphasis
</EM>
<STRONG>
Strong
</STRONG>
<BLINK>
BLINK
</BLINK>
<CODE>
Code
</CODE>
<VAR>
Variable
</VAR>
<SAMP>
Sample
</SAMP>
<KBD>
Keyboard
</KBD>
<CITE>
Citation
</CITE>
<DFN>
Definition
</DFN>
Defined Styles
<font face="Verdana, Arial, Helvetica, sans-serif" color="#CC0000" size="4" align="center" >The font tag tells the browser to display the enclosed text as a specific font face, colour and size</font>

If you want to display you body copy is a font face other than the default (Times New Roman) you are limited by those which the user has on their own computer. For this reason, we generally nominate a list of fonts in descending order of desirability (see above). If the first font you nominate is not on the user's computer, the browser will look for the second and so on.

* Font names are case sensitive and MUST be written as they are in the users system (again, see above)

The default font size is '3', but the actual 'X' height is relative to the font face. e.g.:

  • Default Times New Roman
  • Helvetica
  • Arial
  • ComicSans MS
  • Verdana

You change the font size either absolutely by specifying a number between 1 and 7 or relative to that which the user has defined as their browser's default size (shortsighted people, for example, often specify a larger default font size) by +1 - +7 or -1 - -7
size 1 size 2 size 3 size 4 size 5 size 6 size 7
size +1 size +2 size +3 size +4 size +5 size +6 size +7
size -1 size - 2 size -3 size -4 size -5 size -6 size -7
Block text tags

Paragraph breaks: like<P>

this

Line Breaks: like <BR>
this

<P align="right" >You can use the <P> tag to right and left justify but you must then close the tag at the end of the text you want aligned.
e.g: </P>

<BLOCKQUOTE>Will indent text in from the margins </BLOCKQUOTE>
List tags

Types of lists

  • numbered lists,
  • bulleted lists,
  • definition lists

UL unordered lists

The previous list, for example, is an unordered list, created with the UL element. You can affect the look of your unordered list by specifying the type of bullet:

<UL>

  • <LI type="disc">disc (default) </LI>
  • <LI type="circle" >circle</LI>
  • <LI type="square" >square</LI>

</UL>.

Numbered or ordered lists

An ordered list, created using the OL element, should contain information where order should be emphasized, as in a recipe or a list of reasons in descending order of importance: e.g. Reasons for hard coding HTML

<OL>

  1. <LI>Makes you independent of knowing any specific bit of editing software</LI>
  2. <LI>Means that when you do use an HTML editor you can adequately troubleshoot</LI>
  3. <LI>HTML editors only reflect the state of HTML when they were written, not as they have since evolved</LI>
  4. <LI>Dreamweaver, for example, does not give you the choice to automatically customise the way the list is being displayed (see below)</LI>

</OL>

Ordered list can be customised using the type attribute:

Type Numbering style
1 arabic numbers (default) 1, 2, 3, ...
a lower alpha a, b, c,
A upper alpha A, B, C, ...
i lower roman i, ii, iii, ...
I upper roman I, II, III, ...

You can specify the starting value of your list E.G <OL START="17" > and/or the specific value of any list item: e.g <LI VALUE="35" >

<OL START="10" >

  1. <LI>makes this list item number 10 </LI>
  2. <LI VALUE="3O" > makes this list item number 30. </LI>
  3. <LI VALUE="40" >makes this list item number 40. </LI>
  4. <LI>makes this list item number 41. </LI>

</OL>

Definition lists

<DL><DT>A definition list</DT>
<DD>looks like this</DD></DL>
 
 
Dweeb
young clueless person who may mature into a Nerd or Geek
Hacker
a clever programmer
Nerd
technically bright but socially inept person
<< home ] [ shiralee saul 2001