<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
  "http://www.w3.org/TR/REC-html40/strict.dtd"
<HTML>


 <HEAD>
  <TITLE>
Headers, Layout and Emphasis
  </TITLE>
 </HEAD>

 <BODY>
Hypertext Skills Group
  <H1 ALIGN=Center>

  </H1>

Headers, Layout and Emphasis

  <H4>

  </H4>

Headers

  <P>





  </P>

It is important to understand that HyperText Mark-up Language (HTML) is only a guide to how a browser will display your text or content. Generally the header tags H1 to H6 will display headers with H1 being the largest, H6 the smallest and H4 being about the size of normal text. Additionally, headers may be justified to the left, centre or right of the screen, with left as the default.

  <HR>

  <H4>

  </H4>

Text Layout

  <P>

  </P>

Paragraph tags (<P> and </P>) are the most frequently used to display and format text.

  <BLOCKQUOTE>


  </BLOCKQUOTE>
Using the BLOCKQUOTE tag will display text indented to the left and right compared to text in paragraph tags.
  <PRE>





  </PRE>
Sometimes it can be useful  (   The PRE tag  will preformat
to have gaps in text,  for   )  text,  using  a  monospaced
instance,  when trying  to  (   font  and   respects  extra
display columns of figures.  )  spaces and carriage returns.
                  
  <P>

  </P>

The HR tag draws a line across the page, which is useful in laying out content. The width and thickness of the line can be varied and it can be justified right, left or centre.

  <HR WIDTH="50%" SIZE=10>
                        

  <H4>

  </H4>

Text Emphasis

  <P>


  </P>

Each of the following paragraphs has been emphasised using different tags. Once again, how they appear will vary as browsers (and fonts) do not all support all the possible tags.

  <P>
   <EM>
   </EM>
  </P>

This should display emphasis using the EM tag.

  <P>
   <STRONG>
   </STRONG>
  </P>

STRONG emphasis often appears in bold type.

  <P>
   <BIG>
   </BIG>
  </P>

BIG will increase font size.

  <P>
   
   
  </P>

SMALL will reduce font size

  <HR ALIGN=Center WIDTH="25%"
      SIZE=20 NOSHADE>

  <P ALIGN=Center>
   <A HREF="contents.htm">

   </A>
  </P>

Contents

 </BODY>
</HTML>