Wie man es in Worten fett macht. Wie man es in HTML fett macht. Ändern Sie den Hintergrund hinter dem Text
Nachdem Sie eine Schriftart ausgewählt haben, können Sie Text am einfachsten dekorieren, indem Sie ihn hervorheben. Fett gedruckt, kursiv oder unterstreichen. Um diese Stile anzuwenden, können Sie Tastaturkürzel und Schaltflächen in der Formatleiste verwenden - sehr praktisch.
Um Text fett darzustellen, drücken Sie
Wenn Sie Text kursiv schreiben möchten, klicken Sie auf
Um Text zu unterstreichen, verwenden Sie die Tastenkombination <Сtrl+U> , oder klicken Sie auf die Schaltfläche unterstrichen befindet sich auf der Formatierungssymbolleiste.
Um die Aufmerksamkeit auf bestimmte Wörter zu lenken, heben wir sie heute kursiv hervor. Aber wenn Sie Unterstreichen besser mögen, habe ich nichts dagegen.
- Alle oben aufgeführten Zeichenformatierungsstile gelten für ausgewählten Text. Wenn Sie zuerst einen dieser Stile angewendet und dann mit der Eingabe fortgefahren haben, wird der neue Text in dem von Ihnen festgelegten Stil eingegeben.
- Um den Zeichenformatierungsstil rückgängig zu machen, verwenden Sie den Stilbefehl erneut. Zum Beispiel, wenn Sie die Tasten gedrückt haben
- Sie können verschiedene Zeichenformatierungstechniken kombinieren; z. B. Text gleichzeitig fett, unterstrichen und kursiv darstellen. Drücken Sie dazu die entsprechenden Tasten, um die gewünschten Formate zu aktivieren, und geben Sie dann den Text ein. Wenn Sie darauf klicken, wird Text mit drei Stilen gleichzeitig hervorgehoben
- Um die Formatierung auf ein einzelnes Wort anzuwenden, platzieren Sie den Cursor darauf und führen Sie den Formatierungsbefehl aus. Zum Beispiel, wenn Sie den Cursor auf das Wort „Zeichen“ positioniert und gedrückt haben
- Die Schaltflächen Fett, Kursiv und Unterstrichen in der Formatierungssymbolleiste zeigen an, welcher Stil auf den Text angewendet wird. Wenn sich der Cursor beispielsweise auf einem fett gedruckten Wort befindet, sieht die Schaltfläche „Fett“ „gedrückt“ aus.
Unterschied zwischen Fett und Fett
Die Windows-Umgebung bietet dem Benutzer neben Fettschrift beispielsweise auch spezielle Fettschriftarten an Ari al Rounded MT Bold. Das mag auf den ersten Blick wild erscheinen, aber da wir es mit Computern zu tun haben, müssen wir uns mit deren sogenannter „Logik“ abfinden.
Tatsache ist, dass fette Schriftarten (ihre Namen enthalten normalerweise das Wort Fett gedruckt) sind speziell auf Fettdruck ausgelegt. Sowohl auf dem Bildschirm als auch auf Papier sehen sie besser aus als eine normale Schriftart, die auf Befehl Fett gedruckt wird dicker und dunkler. Mannschaft Fett gedruckt ist gut, aber das Ergebnis ist qualitativ schlechter als eine spezielle, anfänglich fette Schriftart.
Um ein oder mehrere Wörter auszuwählen, ist es natürlich bequemer, den Befehl zu verwenden Fett gedruckt als zu einer anderen Schriftart zu wechseln. Aber in manchen Fällen, zum Beispiel bei der Gestaltung von Überschriften oder in Anzeigentexten, empfehle ich die Verwendung spezieller Schriftarten.
Es gibt drei Möglichkeiten, Text auf einer HTML-Seite fett hervorzuheben, aber beeilen Sie sich nicht, sofort eine zu verwenden, die Ihnen gefällt, da eine solche Fettschrift unterschiedliche Bedeutungen haben und die Optimierung der Website für die Suchmaschine beeinträchtigen kann.
Fettschrift mit starkem Tag
Diese Methode eignet sich, wenn Sie einen wichtigen Teil des Textes fett darstellen möchten. Das HTML-Tag ist ein logisches Formatierungs-Tag und seine Essenz besteht darin, die Wichtigkeit des ausgewählten Fragments "hervorzuheben".
Es gibt andere logische Formatierungs-Tags in HTML. Beispielsweise hebt das Tag Text in Kursivschrift hervor und gibt die Betonung auf den ausgewählten Satz an.
Andere Arten der Textauswahl werden im Artikel beschrieben:.
Klartext wichtige Textstelle hervorgehoben. Klartext.
Fetter Text mit b-Tag
Klartext fetter Text. Klartext.
Fette CSS-Stile
Fetter Text kann nicht nur mit Hilfe spezieller HTML-Tags erstellt werden. Sie können jeden Tag fett darstellen, indem Sie die Eigenschaft font-weight: bold; (funktioniert nicht für alle Schriftarten).
Eine solche Auswahl wird stilistischer Natur sein, ohne dem ausgewählten Text logisches Gewicht hinzuzufügen.
Darüber hinaus können Sie sowohl ein bestimmtes Tag als auch eine Gruppe von Elementen gleichzeitig auswählen, indem Sie Stile über eine CSS-Klasse festlegen.
Die CSS-Eigenschaft innerhalb des style-Attributs:
Fettgedruckter Text.
Fettgedruckter Text.
Text in Normalschrift.
Fettgedruckter Text.
Was tun, wenn Sie Text nicht fett darstellen können?
Wenn Sie Text nicht fett darstellen können, hat Ihre Website wahrscheinlich CSS-Elementstile überschrieben. In diesem Fall müssen Sie diese Stile anpassen. In den meisten Fällen erfolgt dies über die Haupt-CSS-Stylesheet-Datei. Wenn Sie dies nicht verstehen, wenden Sie sich an den Webmaster. Mit hoher Wahrscheinlichkeit dauert es nicht länger als 5 Minuten, um dieses Problem zu lösen (obwohl es natürlich Ausnahmen geben kann).
Erstellungsdatum: 2009-12-25
Dieses Thema, sowie all die, die wir bereits behandelt haben, ist sehr einfach. Das Wichtigste, woran Sie in HTML denken sollten, ist, dass die meisten Tags sowohl öffnende als auch schließende Tags haben. Vergessen Sie jedoch nicht die Tags, die nicht geschlossen werden müssen. Und es ist auch wichtig, dass alle Tags in einer strikten Reihenfolge geschrieben werden müssen:
"Öffnung ABER" "Eröffnung BEI" "TEXT" "/nah dran BEI" "/nah dran ABER"
Also lasst uns anfangen.
1. Wie man Text in HTML fett, unterstrichen, durchgestrichen und kursiv macht.
Fett gedruckt, verwenden Sie das Tag:
Fett gedruckt
Texte zu machen unterstrichen
, verwenden Sie das Tag:
unterstrichen
Texte zu machen durchgestrichen, verwenden Sie eines der Tags:
durchgestrichen
durchgestrichen
Texte zu machen kursiv
, verwenden Sie das Tag:
kursiv
Lassen Sie uns das alles jetzt in die Praxis umsetzen. Gehen wir zu unserem Beispiel und wenden unsere neuen Stile auf den Text an:
Jetzt speichern wir, aktualisieren im Browser, und wenn Ihr Seitentext mit meinem übereinstimmt, dann sollte das Ergebnis so aussehen:
Ergebnis: Sie haben gelernt, wie Sie Ihren Seitentext fett, unterstrichen, durchgestrichen und kursiv formatieren können.
!!!Styles kombinierbar:
fett kursiv unterstrichen
2. Hochgestellter und tiefgestellter Text, Monospaced Text, kleine und große Schriftarten.
In diesem Teil des Artikels erfahren Sie, wie Sie den Text einer HTML-Seite hoch- und tiefgestellt machen, wie Sie monospaced Text setzen und wie Sie kleine und große Schriftarten in Relation zum Fließtext erstellen.
Für all dies gibt es also bestimmte Tags. Schauen wir sie uns an:
Texte zu machen hochgestellt, verwenden Sie das Tag:
hochgestellt
Texte zu machen Index, verwenden Sie das Tag:
Index
Texte zu machen monospaced(Schriftart mit Zeichen gleicher fester Breite), verwenden Sie eines der Tags:
monospaced Text
Um die Schriftart relativ zum gesamten Text zu machen - klein, verwenden Sie das Tag:
Kleingedrucktes
Um die Schriftart relativ zum Text zu machen - groß, verwenden Sie das Tag:
große Schrift
Ja, es ist geschafft. Lassen Sie uns dies nun für unser Beispiel in die Praxis umsetzen. Dazu lösche ich die Seite von unnötigen Tags, die die Textgröße festlegen, und wende dann das Monospace-Text-Tag auf den gelöschten Text an ...(Schild
...Üben Sie die Anwendung selbst). Unten sind die restlichen Tags:
Super, jetzt speichere das Dokument noch einmal und aktualisiere den Browser.
Ergebnis: Sie haben gelernt, wie man eine Schriftart für HTML-Seiten erstellt hochgestellt(wie 2 2 =4 ), Index(wie H2O), klein, groß und monospaced.
Heute zeige ich Ihnen, wie Sie Wörter auf einer Website mit HTML und CSS fett darstellen. Dieses Design wird verwendet, wenn Sie bestimmte Informationen auf einer Seite hervorheben müssen. Und wir sprechen nicht nur über Überschriften, sondern auch über einfache Wörter, Sätze im Text. Es ist ganz einfach implementiert.
Um bestimmte Texte fett hervorzuheben, werden spezielle HTML-Tags verwendet − und . Zum Beispiel der folgende Code:
| Klartext. Miniaturansicht. Fetter Text stark. |
Klartext.
Miniaturansicht.
Fetter Text stark.
Die Ausgabe ergibt folgendes Bild:
Die letzten beiden Optionen sehen optisch gleich aus, unterscheiden sich jedoch geringfügig voneinander. Schild gibt eine einfache stilistische Fettschrift eines Wortes an, während fügt eine semantische "verstärkte" (wichtige) Bedeutung hinzu. Das heißt, die letzte Zeile ist nicht nur fetter Text, sondern einige wichtige Informationen. Grundsätzlich ist es für Suchmaschinen empfehlenswert, genau zu verwenden .
Sie können auch in HTML mit Stilen auf Fettdruck stoßen:
Fettgedrucktes Textbeispiel.
Beispieltext mit Fett gedruckt Wort.
Auf der Website sieht es so aus:
Auch wenn der fette Textcode für HTML korrekt funktioniert, sollte dies nicht so gemacht werden. Alle Designstile müssen in einer CSS-Datei platziert werden. Im obigen Beispiel sollten Sie also für die Tags haben
Und Geben Sie die entsprechende Klasse an und schreiben Sie dann ihr Aussehen im Stylesheet vor. Dies sind die Regeln für die Codierung. Verwenden Sie also für Fettdruck in HTML das Tag .
Fetter Text in CSS
Um eine CSS-Schriftart fett darzustellen, verwenden Sie die Eigenschaft font-weight. Mit ihrer Hilfe wird die „Sättigung“ eines Textfragments angezeigt. Werte können zwischen 100 und 900 liegen, aber die am häufigsten verwendeten sind:
- fett (fett) - 700 standardmäßig;
- normal (normal) - 400 standardmäßig.
Es gibt auch Optionen für die fetteren und helleren Werte, die die Schriftart je nach übergeordnetem Element mehr oder weniger fett ändern.
Um fetten Text in CSS zu setzen, müssen Sie einen Stil für dieses oder jenes Element festlegen, zum Beispiel:
Klartext mit mutige Auswahl Im Zentrum.
stark ( Schriftstärke: fett; )
Hier möchte ich eine kleine Nuance anmerken, die mir gesagt wurde - wenn Sie eine neue Klasse für ein Element erstellen, ist es ratsam, einen mehr oder weniger „verständlichen Namen“ zu verwenden. Im obigen Beispiel sieht beispielsweise der Stil class="my-bold-font" logischer aus als class="new-font", weil Sie können seinen Zweck teilweise verstehen. Dies ist ein Plus für diejenigen, die sich Ihr Layout in Zukunft ansehen und verwenden werden.
Im nächsten Artikel werde ich über interessante fette Schriftarten sprechen, die ich gefunden habe.
Meistens ist der einfachste Weg, die Aufmerksamkeit des Lesers auf das gewünschte Wort im Text oder die Überschrift des Satzes zu lenken, die Schriftartattribute zu ändern. Normalerweise wird die Schriftart auf fett oder kursiv geändert. Solche Attribute werden als Schriftstil bezeichnet. Eine Schriftart hat zusätzlich zu den oben genannten noch weitere Attribute, wie z. B. Größe (oder Größe) und Schriftart.
Die Dokumentformatierung kann während der Eingabe und am Ende durchgeführt werden. Wir müssen uns daran erinnern, dass der Text vor dem Formatieren ausgewählt werden muss. Die einzige Ausnahme ist die Formatierung eines einzelnen Wortes, für dessen Formatierung Sie nur den Cursor darauf platzieren müssen.
Alle schriftbezogenen Formatierungsoptionen befinden sich im Dialogfeld Schriftart. Um dieses Fenster zu öffnen, führen Sie einen der folgenden Schritte aus:
1. Klicken Sie auf der Registerkarte „Startseite“ unten in der Gruppe „Schrift“ auf den Pfeil nach unten.
2. Verwenden Sie die Tastenkombination STRG und D
3. Wählen Sie im Kontextmenü den Eintrag Schriftart.
Das Dialogfeld Schriftart hat zwei Registerkarten namens Schriftart und Abstand. Sehen wir uns nun die verfügbaren Optionen an.
Auf der Registerkarte Schriftart (siehe Abbildung unten) können Sie den Schriftstil (normal, fett, kursiv oder fett kursiv), die Textfarbe, die Zeichengröße und die Zeichenfarbe auswählen.
Die in der folgenden Abbildung dargestellte Registerkarte „Abstand“ bestimmt den Abstand zwischen Zeichen in einer Schriftart. Die Schriftart ist je nach gewählter Option normal, komprimiert oder spärlich.
Hier wird auch die Skalierung ausgewählt, in der die Zeichen erweitert oder zusammengezogen werden (bei einer Skalierung von mehr als 100 Prozent wird der Text des Dokuments gestreckt, und umgekehrt wird er schmaler, wenn die Skalierung weniger als 100 Prozent beträgt).
Siehe auch:
Hat Ihnen der Stoff gefallen?
Teilen.
Zusammenhängende Posts:
Zitate und Aphorismen, Sprüche
Was passiert mit einem Menschen, wenn er degradiert
Wie man Menschen mit psychologischen Techniken davon überzeugt, das mentale Bewusstsein zu manipulieren. Wie man eine Person davon überzeugt, dass sie Recht hat
Gleb Archangelsky — LiveJournal
Die Essenz der Selbstentwicklung und ihre Hauptmerkmale Die Hauptkomponenten der menschlichen Selbstentwicklung
