Hervorgehobenes Zitat in HTML und CSS (Blockquote)
Schreibe das Zitat und den Autor, wähle Stil und Farben. Die Vorschau zeigt das Zitat mitten in einem Text.
So geht’sEin Satz, der den Leser hält
Verfügbar auf: 
Hervorgehobenes Zitat in HTML und CSS (Blockquote): wofür es gut ist
Hebe einen Satz mitten im Text hervor: die Kundenstimme, einen Interviewauszug oder die Kernidee des Beitrags. Schreibe das Zitat, den Autor und die Position und wähle aus fünf Stilen: Seitenrand, große Anführungszeichen, Karte, groß zentriert und farbiges Band, mit Akzentfarbe und Schrift nach Wunsch.
Der Code nutzt figure, blockquote und figcaption, die semantische Art, ein Zitat mit Autor zu markieren, und akzeptiert die Adresse der Quelle im Attribut cite. Die Vorschau zeigt das Zitat zwischen zwei Absätzen, wie es in einem echten Beitrag aussieht.
So geht’s
- Schreibe das Zitat und den Autor.
- Wähle Stil, Farbe und Schrift.
- Kopiere den Code in die Website.
Wann nutzen
- Hervorgehobene Kundenstimme auf der Startseite.
- Interviewauszug im Blog.
- Ein markanter Satz mitten im Beitrag.
Häufige Fragen
Was ist der Unterschied zwischen blockquote und q?
blockquote ist für ein Blockzitat, vom Text abgesetzt, wie die, die dieses Tool erzeugt. q ist für ein kurzes Zitat innerhalb eines Satzes, und der Browser setzt die Anführungszeichen selbst.
Wie gebe ich den Autor richtig an?
Umgib das Zitat mit einem figure und setze den Autor in ein figcaption direkt darunter, wie im erzeugten Code. Der Name des Autors steht nicht im blockquote, weil er nicht Teil des Gesagten ist. Stammt das Zitat von einer Seite, nutze das Attribut cite mit ihrer Adresse.
Kann ich es als Kundenstimme nutzen?
Ja, für eine hervorgehobene Kundenstimme. Nutze echte Sätze, mit Erlaubnis der Person. Für mehrere Kundenstimmen zusammen nutze den Referenzen-Generator für Websites.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.