HTML: The language used to author web pages

Headings

<h1>Large Heading</h1>
<h2>Medium Heading...</h2>
<h3>Small Heading...</h3>
      

Paragraphs

<p>This is the paragraph content ... </p>

<p>This is another paragraph ... </p> 
      

Bulleted List

<ul>
  <li> item text ... </li>
  <li> item text ... </li>
</ul>
     

Definition List

<dl>
  <dt> label text ...</dt>
    <dd> content ...</dd>
  <dt> label text ...</dt>
    <dd> content ... </dd>
</dl>
      

Comments

<--  A comment will not be 
 visible on a web page.  -->
      

Tables

How to build tables using HTML (provided by Netscape)

Images

  <img src="myPhoto.jpg" alt="Portrait photo of Joe Bloggs">
  <img src="UoK/compSciEntrance.jpg" 
          alt="Photo of the main entrance to the Computer Science building">
  <img src="http://www.cs.kent.ac.uk/images/spacer.gif" alt=" ">
      

Links

Named Anchor and link:

  named anchor            or        ID
  <a name="top"> ... </a>            <h2 id="top"> ... </h2>
  <a name="tutorial"> ... </a>       <p id="tutorial"> ... </p>
  <a name="middle"> ... </a>         <ul id="middle"> ... </ul>

  link to a named anchor or ID
  <a href="#top"> go to the top of the current page </a>
  <a href="#tutorial"> go to HTML Tutorials on the current page </a>
  <a href="someotherpage.html#middle"> go to the middle section of
                                                   some other page </a>

Relative Link

   <a href="lecture3.html"> CO320 Lecture 3 <a>
   <a href="CO/3/20/lecture3.html"> CO320 Lecture 3 </a>
   <a href="../../CO/3/20/lecture3.html"> CO320 Lecture 3 </a>

Absolute Link

   <a href="/teaching/05/modules/CO/3/20/lecture3.html">
      CO320 Lecture 3 </a>

Link using Complete URL

   <a href="http://www.cs.kent.ac.uk/teaching/05/modules/CO/3/20/lecture3.html">
      CO320 Lecture 3 </a>