## Zitate und Adressen

| Zitate definieren Zitate mit URI-Quellenangabe Adressen definieren Zitate und Adressen formatieren mit CSS Weitere Informationen

## Zitate definieren

Sie können Zitate von Fremdautoren in einem eigenen, anders formatierten (zumeist eingerückten) Absatz hervorheben.

Es handelt sich dabei jedoch um eine logische, inhaltliche Auszeichnung. Wie diese Absätze genau formatiert werden, bestimmt letztlich der Web-Browser. Die Vorgabe ist jedoch, solche Absätze auffällig und vom übrigen Text unterscheidbar anzuzeigen.

### Beispiel:

Anzeigebeispiel: So sieht's aus

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
           "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Text des Titels</title>
    </head>
    <body>
    <h1>Franz Kafka</h1>

    <p>Über die Kr&auml;hen und den Himmel schreibt Franz Kafka:</p>

    <blockquote>
    Die Kr&auml;hen behaupten, eine einzige Kr&auml;he k&ouml;nne
    den Himmel zerst&ouml;ren; das ist zweifellos, beweist aber nichts
    gegen den Himmel, denn Himmel bedeutet eben: Unm&ouml;glichkeit von
    Kr&auml;hen.
    </blockquote>

    </body>
    </html>

### Erläuterung:

`<blockquote>` leitet einen eigenen Absatz für Zitate ein (blockquote = geblocktes Zitat). `</blockquote>` beendet den Absatz.

### Beachten Sie:

Das `blockquote`-Element wird gerne verwendet, um Einrückungen zu realisieren. Da es sich jedoch um eine logische Textauszeichnung handelt, die keine bestimmte Art der Formatierung vorschreibt, ist der Einrück-Effekt nicht garantiert.

## Zitate mit URI-Quellenangabe

Wenn ein Zitat im Internet verfügbar ist, können Sie den URI, also die Internet-Adresse der Quelle angeben.

### Beispiel:

Anzeigebeispiel: So sieht's aus

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
           "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Text des Titels</title>
    </head>
    <body>
    <h1>Die Energie des Verstehens</h1>

    <p>Geben Sie nicht auf, denn Sie haben sie:</p>
    <blockquote cite="http://selfhtml.teamone.de/">
    Die Energie des Verstehens
    </blockquote>

    </body>
    </html>

### Erläuterung:

Mit dem Attribut `cite=` im einleitenden `<blockquote>`-Tag können Sie den URI der zitierten Quelle angeben (cite = Zitat).

### Beachten Sie:

Netscape 4.x und der MS Internet Explorer 4.x visualisieren diese Angabe nicht. Netscape 4.x kennt stattdessen eine Angabe namens `type="cite"`, die einen farbigen Querbalken am linken Rand bewirkt. Diese Angabe gehört allerdings nicht zum HTML-Standard.

## Adressen definieren

Sie können Internet-Adressen von Personen oder Dateien in einem eigenen, anders formatierten (zumeist kursiv dargestellten, eingerückten) Absatz hervorheben. Auch dies ist eine logische Textauszeichnung, für deren tatsächliche Formatierung bei der Ausgabe es keine festen Vorschriften gibt.

### Beispiel:

Anzeigebeispiel: So sieht's aus

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
           "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Text des Titels</title>
    </head>
    <body>
    <h1>Wenn Sie es genau wissen wollen</h1>

    <p>Das HTML-Element f&uuml;r Adressen wird kaum verwendet.
    Wenn Sie es genau wissen wollen, wenden Sie sich an:</p>

    <address>Dave Raggett, dsr@w3.org</address>

    <p>Dave Raggett geh&ouml;rt dem W3-Konsortium an
    und gibt viele Publikationen rund um HTML auf dem W3-Server heraus.</p>

    </body>
    </html>

### Erläuterung:

`<address>` leitet einen eigenen Absatz für Internet-Adressen ein. `</address>` beendet den Absatz.

### Beachten Sie:

Das `<address>`-Element darf keine anderen blockerzeugenden Elemente wie z.B. Überschriften, Textabsätze, Listen, Zitate oder Adressen enthalten.

Das `<address>`-Element ist auch in Verbindung mit E-Mail-Verweisen sinnvoll.

## Zitate und Adressen formatieren mit CSS

Wie Zitate und Adressen genau dargestellt werden, darauf haben Sie mit HTML keinen Einfluss. Die Browser benutzen Default-Formatierungen. Mit CSS Stylesheets können Sie solche Elemente jedoch nach Wunsch formatieren. Bei Verwendung von CSS Stylesheets müssen Sie zunächst wissen, wie man CSS-Formate definieren kann. Anschließend sind Sie in der Lage, CSS-Eigenschaften anzuwenden. Maßgeblich sind im hier beschriebenen Zusammenhang z.B. folgende CSS-Eigenschaften:
Schriftformatierung
Außenrand und Abstand
Innenabstand
Rahmen
Hintergrundfarben und -bilder

### Beispiel:

Anzeigebeispiel: So sieht's aus

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
           "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Text des Titels</title>
    </head>
    <body>
    <h1>Zitat und Adresse</h1>

    <blockquote style="padding:10px; border:thin solid blue;">
    Klarheit ist wenn man so will nur die anschaulichere Variante der Wahrheit.
    </blockquote>

    <address style="color:blue;">
    Stefan M&uuml;nz, selfhtml@teamone.de
    </address>

    </body>
    </html>

### Erläuterung:

Das `blockquote`-Element im Beispiel erhält einen dünnen durchgezogenen blauen Rahmen und der Text darin einen Innenabstand von 10 Pixeln zum Rahmen. Das `address`-Element erhält eine blaue Schriftfarbe.

## Weitere Informationen

In der HTML-Referenz finden Sie Angaben darüber, wo Zitate und Adressen vorkommen dürfen, welche anderen Elemente sie enthalten dürfen, welche Attribute sie haben können und was bei den einzelnen Attributen zu beachten ist:
Element-Referenz für Zitate (`<blockquote>...</blockquote>`)
Attribut-Referenz für Zitate (`<blockquote>...</blockquote>`)
Element-Referenz für Adressen (`<address>...</address>`)
Attribut-Referenz für Adressen (`<address>...</address>`)

| Präformatierter Text (wie im Editor eingegeben)
| Listen

© 2001 selfhtml@teamone.de