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

Lösung für die Baidu-Site-Suche, die https nicht unterstützt (getestet)

Artikel empfehlen

JavaScript-Flusskontrolle (Verzweigung)

Inhaltsverzeichnis 1. Prozesskontrolle 2. Sequent...

Detaillierter Prozess zur Installation von Docker, zum Erstellen von Images, zum Laden und Ausführen von NodeJS-Programmen

Systemumgebung: Windows 7 1. Docker installieren ...

Verwendung und Verschönerung von HTML-Blockquote-Tags

Lösung für die Baidu-Site-Suche, die https nicht unterstützt (getestet)

Codebeispiel für die Linux-SSH-Serverkonfiguration

Verwendung von Provide und Inject in Vue3

Eine kurze Analyse des Funktionsaufrufprozesses unter der ARM-Architektur

Implementierung des Vue-Zählers

Detailliertes grafisches Tutorial zur Installation der entpackten Version von MySQL unter Windows 10

Beispiel für die Implementierung einer Ankerpositionierungsfunktion beim WeChat-Applet

Codebeispiele für den Import und Export von Docker-Images

4 Lösungen für CSS-Browserkompatibilitätsprobleme

Detaillierte Erklärung zum MySQL-Datenarchivierungstool mysql_archiver

Artikel empfehlen

JavaScript-Flusskontrolle (Verzweigung)

Detaillierter Prozess zur Installation von Docker, zum Erstellen von Images, zum Laden und Ausführen von NodeJS-Programmen

So kompilieren Sie den Linux-Kernel

So implementieren Sie den neuen Operator von JavaScript selbst

So installieren Sie Redis im Docker, legen das Kennwort fest und stellen eine Verbindung her

So installieren und konfigurieren Sie WSL unter Windows

So installieren Sie MySQL in Docker

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.27 winx64

V-Bind in Vue verstehen

CSS3-Animation – Erläuterung der Funktion „Steps“

JavaScript-Implementierung des Verifizierungscode-Falls

Detaillierte Analyse von Javascript-Datenproxys und Ereignissen

JS erzielt Fünf-Sterne-Lobeffekt

Prioritätsanalyse von und/oder Abfragen in MySQL

Detailliertes Tutorial zum Minimieren der Installation der virtuellen CentOS 8.1-Maschine in VirtualBox