<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <title>Gliederung, Bl&ouml;cke - HTML - Workshop Internet-Pr&auml;senz</title>

   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

   <meta name="description"
      content="&Uuml;bung Gliederung und Textbl&ouml;cke.">
   <meta name="keywords" content="HTML, Gliederung">
   <meta name="author" content="Roland Unger">
</head>

<body>

<h1>Internet-Workshop</h1>
<h2 align="left">&Uuml;berschrift 1 (linksb&uuml;ndig)</h2>
<h3 align="right">&Uuml;berschrift 2 (rechtsb&uuml;ndig)</h3>
<h4 align="center">&Uuml;berschrift 3 (mittig)</h4>

<hr>

<h3>Absatzgestaltung</h3>

<p>Ein ganz langer Absatz. Ein ganz langer Absatz. Ein ganz langer Absatz.
Ein ganz langer Absatz. Ein ganz langer Absatz. Ein ganz langer Absatz.
Ein ganz langer Absatz. Ein ganz langer Absatz. Ein ganz langer Absatz.
Ein ganz langer Absatz. Ein ganz langer Absatz. Ein ganz langer Absatz.
Ein ganz langer Absatz. Ein ganz langer Absatz. Ein ganz langer Absatz.
Es folgt eine horizontale Linie der L&auml;nge 70%.</p>

<hr width="70%">

<p align="justify">Blocksatz. Jetzt neue Zeile.<br>
Ein ganz langer Absatz. Ein ganz langer Absatz. Ein ganz langer Absatz.
Ein ganz langer Absatz. Ein ganz langer Absatz. Ein ganz langer Absatz.
Ein ganz langer Absatz. Ein ganz langer Absatz. Ein ganz langer Absatz.
Ein ganz langer Absatz. Ein ganz langer Absatz. Ein ganz langer Absatz.
Ein ganz langer Absatz. Ein ganz langer Absatz. Ein ganz langer Absatz.</p>

<hr>

<div align="center">
  <h2>&Uuml;berschrift 2</h2>
  <p>Ein kurzer Absatz. Ausrichtung diesmal mit &lt;div&gt;.</p>
</div>

<hr>

<h3>Spezielle Block-Kommandos</h3>

<blockquote>Das ist ein Zitat. Das ist ein Zitat. Das ist ein Zitat. Das ist ein Zitat.
Das ist ein Zitat. Das ist ein Zitat. Das ist ein Zitat. Das ist ein Zitat. Das ist ein Zitat.
Das ist ein Zitat. Das ist ein Zitat. Das ist ein Zitat.</blockquote>

<pre>
Das ist ein vorformatierter Text. Gut f&uuml;r Quelltexte geeignet.
Das ist ein vorformatierter Text. Gut f&uuml;r Quelltexte geeignet.
Das ist ein vorformatierter Text. Gut f&uuml;r Quelltexte geeignet.
Das ist ein vorformatierter Text. Gut f&uuml;r Quelltexte geeignet.
Das ist ein vorformatierter Text. Gut f&uuml;r Quelltexte geeignet.
Erspart Zeilenumbr&uuml;che mit &lt;br&gt;
</pre>

</body>
</html>