Verwendung und Verschönerung von HTML-Blockquote-Tags

Definition und Verwendung von Blockquote

Das Tag <blockquote> definiert ein Blockzitat.
Der gesamte Text zwischen <blockquote> und </blockquote> ist vom normalen Text getrennt, oft links und rechts eingerückt (vergrößerte Ränder) und manchmal kursiv gedruckt. Das heißt, Blockzitate haben ihren eigenen Platz.

Es gibt keine Unterschiede zwischen HTML und XHTML.

Tipps und Hinweise:

Tipp: Nutzen Sie das q-Element, um kurze Zitate zu kennzeichnen.

Hinweis: Um die Seite als striktes XHTML zu validieren, muss das Element <blockquote> ein Block-Level-Element enthalten, wie dieses:

Code kopieren

Der Code lautet wie folgt:

<blockquote>
hier ist ein langes Zitat hier ist ein langes Zitat
</blockquote>

<!DOCTYPE HTML PblockquoteBLbC "-//W3C//DTD HTML 4.01 Transbtbonal//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-eqblockquotebv="Content-Type" content="text/html; charset=gb2312"> <title>Erläuterung des Schrifttext-Tags <blockquote></blockquote>-Tag</title> </head> <body> Erläuterung des Schrifttext-Tags &lt;blockquote&gt;&lt;/blockquote&gt;-Tag Der Schrift-Tag definiert die Anzeigewirkung der Schriftart. Einige Tags haben ihre eigene Semantik. &lt;blockquote&gt;-Tag Vielen Dank für Ihre Unterstützung von Baidu Experience Definieren Sie ein Zitat von jemand anderem in einem Artikel. Es wird ein eigener Standplatz im Browser angezeigt und beide Seiten werden näher zur Mitte hin verschoben. <blockquote>Schreiben Sie hier einen Absatz mit Wörtern, die jeder kennt. Schreiben Sie hier einen Absatz mit Wörtern, die jeder kennt. Schreiben Sie hier einen Absatz mit Wörtern, die jeder kennt. Schreiben Sie hier einen Absatz mit Wörtern, die jeder kennt. </blockquote> </html>

Tipp: Sie können einen Teil des Codes vor dem Ausführen ändern

Status im Browser:

CSS-Blockzitat-Verschönerungseffekt

Ich glaube, jeder kennt Blockquote. In Word heißt es „Textfeld“, und tatsächlich kann es auf einer Webseite auch als Textfeld bezeichnet werden. Wenn Sie an beiden Enden eines Textabsatzes Blockquote-Tags hinzufügen, wird der Text angezeigt und der Text darin enthält das Format von Blockquote. Wenn Sie also die verschiedenen Eigenschaften von Blockquote mit CSS definieren, werden Sie feststellen, dass dies eine gute Sache ist. Beachten Sie, dass der Internet Explorer einige der Definitionen in diesem CSS-Code nicht unterstützt. Die besten Ergebnisse werden mit Firefox oder Chrome angezeigt.

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::

Tipp: Sie können einen Teil des Codes vor dem Ausführen ändern

<<: Ein QQ-Chatroom basierend auf vue.js

>>: Detaillierte Erläuterung der Tabellenrückgabe- und Indexabdeckungsbeispiele in MySQL

JavaScript, um den Effekt des Klickens auf das Untermenü zu erzielen

Verwendung und Verschönerung von HTML-Blockquote-Tags

JavaScript, um den Effekt des Klickens auf das Untermenü zu erzielen

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.16 winx64 unter win10

Automatischer Commit-Vorgang für MySQL-Transaktionen

MySQL-Transaktionskontrollfluss und ACID-Eigenschaften

So verwenden Sie Docker zum Erstellen eines Tomcat-Clusters mit Nginx (mit Bildern und Text)

Gründe und Lösungen für das Nicht-Wirksamwerden der MySQL-SQL-Modus-Änderung

Detailliertes Tutorial zur Installation von Hbase 2.3.5 auf Vmware + Ubuntu18.04

Beispiel zum Einrichten eines Linux-Systems zur automatischen Ausführung eines Skripts beim Start

Elementui exportiert Daten in XLSX- und Excel-Tabellen

Eine kurze Analyse des Problems, dass MySQL bei der Bereitstellung mit Docker-Compose nicht zugänglich ist

Artikel empfehlen

So verwenden Sie MySQL, um die Datengenerierung in Excel abzuschließen

Lösung des Konflikts zwischen Linux-Kernel- und SVN-Versionen

Detaillierte Erklärung zu Unique Constraints und NULL in MySQL

Ubuntu führt regelmäßig Beispielcode eines Python-Skripts aus

Beispielcode zur Implementierung einer Anmelde- und Registrierungsvorlage in Vue

Detaillierte Erläuterung der Konfigurationsstrategie für Linux-Umgebungsvariablen

Vue-Überwachungseigenschaften und berechnete Eigenschaften

So verwenden Sie React-Slots

Mehrere Möglichkeiten zur vertikalen und horizontalen Zentrierung in CSS3 mit unbestimmter Höhe und Breite

Implementierungsschritte der objektorientierten Kapselung von js in einer kaskadierenden Dropdown-Menüliste

Node verwendet das Modul async_hooks zur Anforderungsverfolgung

Express-Projektdateiverzeichnisbeschreibung und detaillierte Funktionsbeschreibung

Implementierung einer nicht geheimen SSH-Kommunikation in Linux

HTML lädt dynamisch CSS-Stile und JS-Skripte – Beispiel

Beispielcode für die automatische Aktualisierung von Webseiten und den automatischen Sprung