\documentclass[12pt]{article}
\usepackage{html}
\usepackage[latin1]{inputenc}
\usepackage{alltt}

\newenvironment{listwithhead}[1]%
  {\medskip {\bf #1:} \begin{itemize}}%
  {\end{itemize}}

\begin{document}

\section{Einleitung}
\label{ref:index}

  \begin{listwithhead}{Geschichte}
  \item
      Ich bin die erste Tabelle:

    \begin{tabular}{cl}
        Bezeichnung  &     Bedeutung \\
    \hline
           cm     &       Zentimeter \\
           mm     &       Millimeter \\
           in     &       Inch (2.54 cm) \\
           pt     &       Point (1/72 in) \\
           pc     &       Pica (1/6 in)
    \end{tabular}
  \end{listwithhead}
 
  \begin{listwithhead}{absolute Größenangaben}
  \item
      Ich bin die zweite Tabelle

    \begin{tabular}{cl}
        Bezeichnung  &     Bedeutung \\
    \hline
           cm     &       Zentimeter \\
           mm     &       Millimeter \\
           in     &       Inch (2.54 cm) \\
           pt     &       Point (1/72 in) \\
           pc     &       Pica (1/6 in)
    \end{tabular}

  \item
     Komma-Angaben in englischer Schreibweise (2.5 statt 2,5)
  \end{listwithhead}

  \begin{listwithhead}{relative Größenangaben}
  \item
      Ich bin die dritte Tabelle

    \begin{tabular}{cl}
        Bezeichnung &   bezogen auf \\
    \hline
           em       &     Gesamt-Schrifthöhe \\
           ex       &     Höhe des Buchstaben x \\
           px       &     Pixelgröße des Bildschirms \\
           \%       &      Prozent der normalen Größe
    \end{tabular}
  \end{listwithhead}

  \begin{listwithhead}{Beispiel}
  \item
    \hyperref{von vorne}{s.o.}{}{ref:index}
  \end{listwithhead}


\end{document}