Organisational Elements

Contents

1. Headings
2. Lists
   • Ordered Lists
   • Unordered Lists
   • Definition List
3. Paragraphs and Line Breaks
4. Preformatted Text

• Headings
  

  There are 6 levels:

   

This is an H1 header

This is an H2 header

This is an H3 header

This is an H4 header

This is an H5 header

This is an H6 header

The header is surrounded by <H?> and </H?> tags, where ? = 1, 2, 3, 4, 5, or 6.

• Lists

  Ordered List (automatic numbering)

  WWW View

  1. Start with an opening list <OL> tag.
  2. Enter the item in between <LI> and </LI> tags.
  3. End with an closing list </OL> tag.

  HTML Code

  <OL>
  <LI>Start with ...</LI>
  <LI>Enter the ...</LI>
  <LI>End with ...</LI>
  </OL>
      

  Unordered List (with bullets or other markers)

  WWW View

  • cerial
  • dairy
    • milk
    • yoghurt
  • orange juice

  HTML Code

  <UL>
  <LI>cerial</LI>
  <LI>dairy</LI>
      <UL>
      <LI>milk</LI>
      <LI>yoghurt</LI>
      </UL>
  <LI>orange juice</LI>
  </UL>
      

  Definition List (with bullets or other markers)

  WWW View

  Rectangle

  area = a b, where a and b are the side lenghts.

  Parallelogram

  area = b h, where b is the length of the base side, h is the height.

  HTML Code

  <DL>
  <DT><STRONG>Rectangle</STRONG></DT>
  <DD>area = a b, where ....</DD>
  <DT><STRONG>Parallelogram</STRONG></DT>
  <DD>area = b h, where ....</DD>
  </DL>
      

• Paragraphs and Line Breaks
  

  Spaces and carriage returns in HTML are not significant. Normal text just flows with the width of the WWW browser. Lines breaks are done explicitly by <BR> tags. New paragraphs are started when the WWW browser reaches a <P> tag. Formatting options for paragraphs are available. For example, you can center a paragraph by the <P ALIGN=CENTER> tag (default: left-adjusted). An example:

  WWW View

Memo

To:
Anne Kaldeway, Tom Koornwinder

Subject:
Maple + HTML Course

André Heck and Leendert van Gastel

HTML Code

<P ALIGN=CENTER>
Memo
</P>
<P>
To:<BR>
Anne Kaldeway,
Tom Koornwinder
</P>
<P>
Subject:<BR> Maple + HTML Course
<P ALIGN=RIGHT>
Andr&ampeacute; Heck      and      Leendert van Gastel 
</P> 
   

• Preformatted Text
  

  Use the <PRE> tag, which stands for "preformatted", to generate text in a fixed-width font and preserve spaces and carriage returns.

  WWW View

F := 
proc(n)
  if n=1 or n=2
  then 1
  else F(n-1) + F(n-2)          
  fi
end:
        

HTML Code

<PRE>
F := 
<STRONG>proc</STRONG>(n)
  if n=1 or n=2
  then 1
  else F(n-1) + F(n-2)          
  fi
<STRONG>end</STRONG>:
</PRE>
    

Back to HTML Course Contents