Inhalt

• Schritte
• Methode 1 von 2: Fetten Text mit HTML erstellen
• Methode 2 von 2: Fetten Text mit CSS erstellen
• Tipps

Mit der HTML-Markup-Sprache können Sie Text problemlos und sogar auf mehrere Arten gleichzeitig fett formatieren. Es ist jedoch besser, wenn Sie ein paar Minuten damit verbringen, die Grundregeln der Cascading Stylesheets - CSS - zu studieren und sie dem Dokument hinzuzufügen, damit Sie später dort arbeiten können. Unterm Strich ist es viel einfacher, das Aussehen einer Webseite über CSS zu steuern, auch wenn etwas fett hervorgehoben werden muss.

Schritte

Methode 1 von 2: Fetten Text mit HTML erstellen

1. 1 strong> Verwenden Sie das starke / strong>-Tag. In HTML5 ist dies laut Spezifikation der beste Weg, um Text hervorzuheben. Dieses Tag macht den Text fast immer fett.
   • Platzieren Sie den Text, den Sie hervorheben möchten, innerhalb der Tags: strong>genau hier/ stark>.
2. 2 Verwenden Sie bei Bedarf Überschriften. Normalerweise werden sie oben auf der Seite oder am Anfang eines neuen Abschnitts platziert. Standardmäßig werden Überschriften größer und fetter dargestellt als normaler Text, obwohl es auch hier einige Feinheiten gibt. Es gibt sechs Überschriftenebenen, von 1 bis 6: h1> - h6>. Befolgen Sie diese Richtlinien, wenn Sie sie verwenden:
   • Die Überschrift h1 wird wie folgt geschrieben: h1> Überschrift der ersten Ebene / h1>, und dies ist die wichtigste und größte Überschrift der Seite.
   • h2> Überschrift h2 / h2> - für die zweitwichtigste Überschrift und so weiter bis h6> Überschrift h6, die kleinste von allen / h6>.
   • Sie müssen Überschriften vorsichtig und in Maßen verwenden, nur um den Inhalt der Seite zu organisieren. Der Benutzer sollte den Titel so schnell wie möglich sehen können, um zu verstehen, ob sich der gewünschte Inhalt darunter befindet.
   • Beim Erstellen von Unterüberschriften lohnt es sich, jeweils nur eine Ebene nach unten zu gehen. Mit anderen Worten, es ist nicht erforderlich, nach h1> sofort h3> zu setzen. Auf diese Weise schlägt die Seitenformatierung beim Konvertieren in ein anderes Format nicht fehl.
3. 3 b> Verwenden Sie als letzten Ausweg das b / b>-Tag. Das b>-Tag wird in HTML5 immer noch unterstützt, aber viel besser. Sie können b> verwenden, wenn der Text aus stilistischen, nicht-semantischen Gründen hervorgehoben wird, beispielsweise um Schlüsselwörter oder Vokabeln, Produktnamen usw. hervorzuheben.
   • Wie die meisten Tags ist b> ein Paar, das den darin platzierten / b>-Text steuert.

Methode 2 von 2: Fetten Text mit CSS erstellen

1. 1 Denken Sie daran, wann Sie CSS verwenden sollten. CSS ist ein sehr leistungsfähiges und praktisches Werkzeug zum Bearbeiten des Erscheinungsbilds einer Seite. Tatsächlich ist CSS das "Aussehen der Seite", während HTML das ist, was sie "bedeutet". Natürlich ist an HTML-Tags nichts auszusetzen, sie können verwendet werden, aber es ist besser, mit CSS zu arbeiten - Sie haben mehr Kontrolle darüber, wie Ihr Text aussehen wird.
   • Öffnen Sie eine einfache HTML-Seite in verschiedenen Browsern. Beachten Sie, dass es bei jedem etwas anders aussieht? CSS kann helfen, diesen Unterschied auf ein Minimum zu reduzieren.
2. 2 Fügen Sie dem Text ein span>-Tag hinzu. Wenn Sie noch kein CSS besitzen, sollten Sie mit dem sogenannten "Inline-CSS" beginnen - "Inline-Stylesheets", wenn Sie möchten. Dies kann natürlich dazu verwendet werden, das Aussehen von Tags wie p> oder h1> zu ändern, aber manchmal können Sie auch Text ändern, der noch in keinem Tag enthalten ist. Das span> / span>-Tag ist wie ein Wrapper, der an sich keinen Effekt oder Effekt hat, uns aber die Möglichkeit gibt, die notwendigen Änderungen an der Seite vorzunehmen. Hier ist ein Beispiel:
   • span> Ich lerne, wie man Text mit Inline-CSS fett macht ./span>
3. 3 Fügen Sie das Stilattribut hinzu. Attribute in HTML werden direkt in das Tag geschrieben, direkt in die Checkboxen>. Das style-Attribut ist erforderlich, um CSS in ein HTML-Tag einzufügen, also einfügen Stil = im span-Tag:
   • span style => Ich lerne, wie man Text mit Inline-CSS fett macht ../ span>
   • Warum ein Stilattribut hinzufügen, wenn Sie den Stil selbst nicht hinzufügen? Denke richtig. Aber hier legen wir alles Schritt für Schritt vor!
4. 4 Fügen Sie die Eigenschaft font-weight hinzu. Die CSS-Eigenschaften werden als Teil des Attributs hinzugefügt, in diesem Fall als Teil des style-Attributs, nämlich "font-weight" (literal weight). Diese Eigenschaft kann verwendet werden, um den Stil einer Schriftart anzugeben, nicht nur fett, sondern auch extra fett, dünn oder normal. Schreiben Sie nach dem =-Zeichen "Schriftgewicht:"... Es sollte ungefähr so ​​aussehen:
   • span style = "font-weight:"> Ich lerne, wie man Text mit Inline-CSS fett macht ../ span>
   • Machen Sie eine Pause, schreiben Sie nichts weiter (und ja, es kommt noch mehr).
   • Vergiss nicht, vorher und nachher Anführungszeichen zu setzen Schriftstärke:.
5. 5 Fügen Sie den fett gedruckten Wert hinzu. Was ist übrig? Richtig, setzen Sie die Eigenschaft Attribut auf einen Wert! Wo soll man es einfügen? Genau, dazwischen Schriftstärke: und ein Schlusszitat. Für diese Eigenschaft gibt es mehrere Varianten, die sich in ihrer Kühnheit unterscheiden, und der einfachste Weg ist, den Wert zu verwenden Fett gedruckt:
   • span style = "font-weight: bold"> Ich lerne, wie man Text mit Inline-CSS fett macht./span>
6. 6 Experimentieren Sie mit anderen Werten. CSS ist weitaus leistungsfähiger als HTML, also fühlen Sie sich nicht an Händen und Füßen gebunden. Hier sind einige Alternativen zu fett:
   • span style = "font-weight: bolder"> "Bolder" - auf diese Weise wird der Text immer dicker als das übergeordnete Element, egal wie fett er ist. /span> Wenn der gesamte Absatz mit "bold" markiert ist, dann "fetter" wird dazu beitragen, einen separaten Satz, der darin enthalten ist, noch mutiger hervorzuheben.
   • span style = "font-weight: normal"> "Normal" - dieser Text sieht wie gewohnt aus, auch wenn er sich in einem Tag befindet, der den Text fett macht. / span>
   • span style = "font-weight: 900"> Um die Gewichtung des Textes einzustellen, können Sie Werte von 100 bis 900 verwenden. 400 - normaler Stil, fett - ab 700 und höher. / span>

Tipps

• Wenn Sie numerische Werte für die Gewichtung in CSS verwenden, verwenden Sie ein Vielfaches von 100. Alle anderen Werte werden weiterhin aufgerundet.
• Eine externe CSS-Datei ist natürlich viel bequemer als das, was in diesem Artikel beschrieben wird - auf diese Weise ist es möglich, das Erscheinungsbild aller Seiten der Site von einer Datei gleichzeitig aus zu steuern!
• Sie können eine Schrift nicht dicker machen als ursprünglich von Typographen beabsichtigt. Denken Sie bei der Arbeit mit CSS daran, dass sich die Schriftart gemäß dem Standard ändert. Dementsprechend werden Sie den Unterschied zwischen den beiden Optionen für fette Schriftarten nicht sehen (genauer gesagt, Sie können ihn sehen - aber es hängt bereits von der Schriftart ab).