So erstellen Sie fette und kursive Überschriften in HTML

click fraud protection

Betten Sie Markup-Tags für kursiv und fett in Ihr. ein HTML Header-Code, um Ihre Themenliste hervorzuheben.

Überschriften

Überschriften-Tags sind die einfachste Möglichkeit, Ihr Dokument zu unterteilen. Wenn Sie sich Ihre Site als Zeitung vorstellen, dann sind die Überschriften die Schlagzeilen in der Zeitung. Die Hauptüberschrift ist H1 und die nachfolgenden Überschriften sind H2 bis H6.

Verwenden Sie die folgenden Codes, um den HTML-Code zu erstellen.

Das ist Überschrift 1


Das ist Überschrift 2


Das ist Überschrift 3


Das ist Überschrift 4


Das ist Überschrift 5

Das ist Überschrift 6

Halten Sie Ihre Überschriften in einer logischen Reihenfolge – H1 kommt vor H2, das kommt vor H3 und so weiter.

Machen Sie sich keine Sorgen darüber, wie die Überschriften aussehen – Sie sollten CSS verwenden, um Schlagzeilen stylen anstatt eine Überschrift in der falschen Reihenfolge zu verwenden. Schlagzeilen-Tags sind Elemente auf Blockebene, also setzen sie Zeilenumbrüche für Sie ein. Fügen Sie keine Absatz-Tags in Überschriften-Tags ein.

instagram viewer

Fett und kursiv

Es gibt vier Tags, die Sie für fett und kursiv verwenden können:

  • und für fett
  • und für kursiv

Es spielt keine Rolle, welches Sie verwenden. Während einige es vorziehen und , viele Leute finden für "fett" und für "kursiv" leichter zu merken.

Umgeben Sie Ihren Text einfach mit den öffnenden und schließenden Tags, um den Text zu erstellen Fett gedruckt oder kursiv:

Fett gedruckt
kursiv

Sie können diese Tags verschachteln (was bedeutet, dass Sie Text sowohl fett als auch kursiv formatieren können) und es spielt keine Rolle, welches das äußere oder innere Tag ist.

Beispielsweise:

Dieser Text ist fett

Dieser Text ist fett

Dieser Text ist kursiv

Dieser Text ist kursiv

Dieser Text ist sowohl fett als auch kursiv

Dieser Text ist sowohl fett als auch kursiv

Warum es zwei Sätze von fetten und kursiven Tags gibt

In HTML4 ist die und Tags wurden als Stil-Tags betrachtet, die nur das Aussehen des Textes beeinflussten und nichts über den Inhalt des Tags aussagten, und es wurde als schlechte Form angesehen, sie zu verwenden. Dann erhielten sie mit HTML5 eine semantische Bedeutung außerhalb des Aussehens des Textes.

In HTML5 haben diese Tags bestimmte Bedeutungen:

  • bezeichnet Text, der nicht wichtiger ist als der umgebende Text, aber die typische typografische Darstellung ist fetter Text, wie beispielsweise Schlüsselwörter in einer Dokumentzusammenfassung oder Produktnamen in einer Rezension.
  • bezeichnet Text, der nicht wichtiger ist als der umgebende Text, aber die typische typografische Darstellung ist kursiver Text, z. B. ein Buchtitel, ein Fachbegriff oder ein Satz in einer anderen Sprache.
  • bezeichnet Text, der im Vergleich zum umgebenden Text eine starke Bedeutung hat.
  • bezeichnet Text, der im Vergleich zum umgebenden Text eine betonte Betonung aufweist.

Kursivschrift in Kopfzeilen

Nichts hindert Sie daran, kursive Tags in einem Header-Tag zu verwenden, obwohl einige Browser diesen Kontext möglicherweise entfernen. Normalerweise ist es besser, CSS zu verwenden, um sicherzustellen, dass Sie das gewünschte visuelle Ergebnis erzielen.

instagram story viewer