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

HTML-strukturierte Implementierungsmethode

Verwendung und Verschönerung von HTML-Blockquote-Tags

HTML-strukturierte Implementierungsmethode

Implementierungsschritte zur Installation von RocketMQ im Docker

Eine kurze Erläuterung des Sperrbereichs der MySQL-Next-Key-Sperre

Detaillierte Erklärung zur Implementierung des sekundären Caches mit MySQL und Redis

Detaillierte Erläuterung der Methode zur Optimierung der MySQL-Datenbanktabellenstruktur

Detaillierte Erläuterung der MySQL-Optimierung für Schreibprobleme im großen Maßstab

Beispielcode zur Implementierung eines reinen CSS-Popup-Menüs mit Transform

Detaillierte Erläuterung der Konfiguration und Optimierung des statischen Nginx-Dateidienstes

Entwickeln Sie Beispielcode für einen Taschenrechner mit nativem JavaScript

Was tun, wenn Sie Ihr MySQL-Passwort vergessen?

Artikel empfehlen

Analyse der Verwendung von MySQL-Abfragesortierung und Abfrageaggregationsfunktionen

Implementierungsbeispiel für die Bereitstellung von Docker rocketmq

jQuery implementiert den Fall der Schriftgrößenanpassung

MYSQL METADATA LOCK (MDL LOCK) Theorie und Sperrtyptest

Legen Sie in der HTML-Tabelle für jede Zelle unterschiedliche Farben und Breiten fest

Einfaches Beispiel für den Grenzwertparameter der MySQL-Paging

Lösung für das Problem „Tabelle mysql.plugin existiert nicht“ beim Deployment von MySQL

Zwei einfache Beispiele für Menünavigationsleisten

Beispieloperation MySQL Kurzlink

jQuery realisiert die Shuttle-Box-Funktion

Navicat für MySQL-Tutorial

Vue ElementUI Form-Formularvalidierung

Lösen Sie das Problem des Mac Docker x509-Zertifikats

Beheben Sie das Problem, dass der Docker-Container das externe Netzwerk nicht anpingen kann

Javascript-Grundlagen: Detaillierte Erklärung der Operatoren und der Flusskontrolle