HTML-Zitatformatierung mit

Einführung

In diesem Lab werden Sie das HTML <cite>-Tag kennenlernen, das verwendet wird, um eine Zitation in einem anderen Format als normaler Text anzuzeigen. In diesem Lab werden Sie lernen, wie Sie das <cite>-Tag zusammen mit dem <blockquote>-Tag verwenden, um den Autor einer Zitat in Ihrer HTML-Dokument zu zitieren.

Hinweis: Sie können in index.html programmieren und lernen, wie Sie HTML in Visual Studio Code schreiben. Klicken Sie bitte auf 'Go Live' in der unteren rechten Ecke, um den Webdienst auf Port 8080 auszuführen. Anschließend können Sie die Registerkarte Web 8080 aktualisieren, um die Webseite anzuschauen.

Dies ist ein Guided Lab, das schrittweise Anweisungen bietet, um Ihnen beim Lernen und Üben zu helfen. Befolgen Sie die Anweisungen sorgfältig, um jeden Schritt abzuschließen und praktische Erfahrungen zu sammeln. Historische Daten zeigen, dass dies ein Labor der Stufe Anfänger mit einer Abschlussquote von 100% ist. Es hat eine positive Bewertungsrate von 100% von den Lernenden erhalten.

Fügen Sie das -Element hinzu

Um das <cite>-Element zu verwenden, muss es in Ihrem HTML-Dokument enthalten sein. Die erforderliche Syntax dazu ist unten angegeben:

<cite>... </cite>

Fügen Sie Inhalte innerhalb des -Elements hinzu

Um eine Zitation anzuzeigen, wird der zu zitierende Inhalt in das <cite>-Tag eingebettet.

<cite>The text to be cited</cite>

Verwenden Sie die
- und -Elemente zusammen

Um den Autor eines Zitats zu zitieren, verwenden wir das <blockquote>-Tag zusammen mit dem <cite>-Tag.

<blockquote>
  "The text to be quoted."
  <cite>Author Name</cite>
</blockquote>

Hinweis: Der zitierte Text ist in Anführungszeichen eingeschlossen und der Name des Autors ist in das <cite>-Tag eingeschlossen.

Wenden Sie CSS auf das -Tag an

Standardmäßig ist der Text innerhalb des <cite>-Tags kursiv formatiert. Wir können auch zusätzliche CSS-Stile auf das <cite>-Tag anwenden, um das Aussehen der Zitation zu ändern. Hier ist ein Beispiel:

<style>
  cite {
    color: blue;
    font-size: 1.2em;
  }
</style>

<blockquote>
  "The text to be quoted."
  <cite>Author Name</cite>
</blockquote>

Zusammenfassung

In diesem Lab haben wir gelernt, wie man das HTML <cite>-Tag verwendet, um eine Zitation in einem anderen Format als normalen Text anzuzeigen. Wir haben auch gelernt, wie man das <cite>-Tag zusammen mit dem <blockquote>-Tag verwendet, um den Autor eines Zitats in unserem HTML-Dokument zu zitieren. Schließlich haben wir diskutiert, wie man CSS-Stile auf das <cite>-Tag anwendet, um das Aussehen der Zitation zu ändern.

HTML-Zitatformatierung mit dem <cite>-Tag