Little Boxes – die HTML-Basics

Zitate mit blockquote und cite auszeichnen

Testen Sie unsere 1931 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
In diesem Video erfahren Sie, wie Sie Zitate mit dem blockquote-Element und Zitatquellen mit dem cite-Element auszeichnen.

Transkript

Zitate sind wörtlich übernommene Stellen aus einem Text oder ein Hinweis auf eine bestimmte Textstelle, wie es hier auf der Wikipedia-Seite heißt, de.wikipedia.org/wiki/zitat. Und im Urheberrecht ist geregelt, dass unter bestimmten Voraussetzungen keine Erlaubnis eingeholt werden muss und auch keine Vergütung gezahlt werden muss. Zitate werden im HTML eingebunden mit einem Element blockquote und die Quelle wird mit dem Element cite angegeben. Das möchte ich Ihnen jetzt kurz einmal zeigen. Dazu öffne ich die vorlage.html im Editor und speichere sie unter einem anderen Namen. Das nennen wir mal blockquote, so schreibt man das, -cite.html. So, title-da wird gesagt: "Zitate erstellen mit HTML" Und die Beschreibung kann bleiben, wie sie ist, weil es kommt nicht in die Suchmaschinen. Eine kleine Überschrift der Vollständigkeit halber, "Zitate mit blockquote" und darunter ein Absatz, in dem einfach nur steht, "Der folgende Absatz ist ein Zitat mit Quellenangabe" So. Einmal speichern. blockquote-cite.html Und jetzt kommt das eigentliche Zitat. Das Element heißt, wie gesagt, blockquote und wird mit /blockquote auch gleich wieder geschlossen. Jetzt fehlt ein Zitat. Dazu gehe ich rüber hier in den Browser und kopiere mir ein Stück hier von dieser Seite, kopieren und füge das im Editor wieder ein und zwar in einem eigenen Absatz. So, da ist es. Weil das noch weitergeht, kommen da am Ende noch Punkte rein. Die Verwendung von Zitaten ist durch das Urheberrecht geregelt. Einmal speichern. Jetzt fehlt uns nur noch die Quellenangabe. Auch das kommt in einem eigenen Element. cite und /cite Und da rein kommt jetzt erstmal das Wort Quelle. Doppelpunkt (:) und dann kommt ein Hyperlink, href zur Wikipedia. So, das ist vielleicht ein bisschen unübersichtlich. Ich hole das hier mal eben in eine eigene Zeile. p und /p cite und /cite c wie in citieren. Quelle: ist ganz normaler Text und dann kommt ein Hyperlink. Jetzt fehlt nur noch die Adresse des Hyperlinks und die kopiere ich am besten. Alles, was man selber tippt, ist ein potenzieller Tippfehler. So, achten Sie darauf. Ich kopiere hier nur "de.wikipedia.org". Und wenn ich das jetzt einfüge hier auf der Seite, dann steht das http da gleich mit bei. Das wird hier also auch noch nicht angezeigt, aber es ist trotzdem da. So, und das muss auch so sein. Jetzt speichere ich das ab und kann mir das im Browser anschauen. Hier ist die Seite, ich klicke dann mal auf öffnen im Firefox. Und hier ist die Seite im Firefox. "Der folgende Absatz ist ein Zitat mit Quellenangabe" und jetzt kommt hier eingerückt das Zitat und hier die Quellenangabe. Das wird kursiv gedrückt. Und wenn ich darauf klicke, komme ich auf die Seite, von der das Zitat stammt. Einrückung und das Kursivsetzen hier, das stammt aus dem Browser-Stylesheet. Sie können in einem Zitat andere Elemente benutzen, wie hier zum Beispiel das p. Gestaltet wird das später per CSS. Da kann man das hübscher machen mit'ner Hintergrundfarbe versehen, so dass es mehr auffällt. Aber im HTML heißen die Elemente blockquote für ein Zitat und cite zur Angabe der Quelle.

Little Boxes – die HTML-Basics

Sehen Sie, wie HTML und CSS funktionieren und lernen Sie die dabei die unabdingbaren Grundlagen der Webprogrammierung kennen.

3 Std. 5 min (41 Videos)
Derzeit sind keine Feedbacks vorhanden...
 
Software:
Exklusiv für Abo-Kunden
Erscheinungsdatum:11.03.2015
Aktualisiert am:28.09.2016

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!