Meisterhaftes HTML fetter Text

Einführung

In diesem Lab lernst du, wie du das HTML <b>-Tag verwendest, um fett formatierten Text auf einer Webseite zu erstellen. Wir werden auch die besten Praktiken bei der Verwendung dieses Tags behandeln und, wenn erforderlich, empfohlene Alternativen vorstellen.

Hinweis: Du kannst im index.html programmieren und lernen, wie du HTML in Visual Studio Code schreibst. Klicke im unteren rechten Eck auf 'Go Live', um den Webdienst auf Port 8080 auszuführen. Anschließend kannst du die Registerkarte Web 8080 aktualisieren, um die Webseite anzuschauen.

Dies ist ein Guided Lab, das schrittweise Anweisungen bietet, um Ihnen beim Lernen und Üben zu helfen. Befolgen Sie die Anweisungen sorgfältig, um jeden Schritt abzuschließen und praktische Erfahrungen zu sammeln. Historische Daten zeigen, dass dies ein Labor der Stufe Anfänger mit einer Abschlussquote von 100% ist. Es hat eine positive Bewertungsrate von 100% von den Lernenden erhalten.

Stelle die HTML-Datei ein

Erstelle in deinem Code-Editor eine neue Datei namens index.html. Im Körper des Dokuments füge einen Absatz mit etwas Text hinzu, den du fett machen möchtest.

<body>
  <p>Hier ist ein Text, der fett formatiert werden muss.</p>
</body>

Füge das b-Tag hinzu

Um den Text fett zu machen, umschließ es mit den <b>-Tags wie folgt:

<body>
  <p>Hier ist ein <b>fetter</b> Text.</p>
</body>

Standard-CSS-Stil

Der Standard-CSS-Stil für das <b>-Tag lautet:

<style>
  b {
    font-weight: bold;
  }
</style>

Best Practices

Vermeide das übermäßige Verwenden des <b>-Tags. Verwende es nur für wichtigen Text, der betont werden muss.
Für Überschriften verwende die <h1> bis <h6>-Tags anstelle des <b>-Tags.
Um Text zu betonen, verwende stattdessen das <em>-Tag. Dieses Tag verwendet auch kursiv formatierten Text anstelle von fettem.
Für wichtigen Text verwende das <strong>-Tag anstelle. Dieses Tag wird den Text fett machen und seine Wichtigkeit für Suchmaschinen anzeigen.

Zusammenfassung

Das war's! Du weißt jetzt, wie du das HTML <b>-Tag verwendest, um fett formatierten Text auf deiner Webseite zu erstellen. Denke daran, dieses Tag angemessen zu verwenden und die besten Praktiken zu befolgen, um eine optimale Markierung zu erzielen.