Menu
Coddy logo textTech
JETZT LERNEN
flag De iconDeutschdown icon

Fetter und kursiver Text

Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 9 von 60.

In HTML kannst du Text ganz einfach formatieren!

  • Mache es fett mit <strong>
  • Mache es kursiv mit <em>

Diese Tags helfen dabei, wichtige Wörter hervorzuheben und sie hervorstechen zu lassen!

<p>This is normal text</p>
<p>This is <strong>bold</strong> text</p>
<p>This is <em>italic</em> text</p>

In diesem Beispiel wird das Wort „fett“ fett angezeigt. Das Wort „kursiv“ wird kursiv angezeigt. 

challenge icon

Aufgabe

Einfach

Es gibt ein berühmtes Zitat von John Archibald Wheeler – und wir können dem nicht widersprechen! Aber wir können es gestalten.

  1. Umschließe "difficulty" mit <strong>, um es fett zu drucken.
  2. Umschließe "opportunity" mit <em>, um es kursiv zu machen.

Spickzettel

Text mit Hervorhebungs-Tags formatieren:

  • Text mit <strong> fett formatieren
  • Text mit <em> kursiv formatieren
<p>This is normal text</p>
<p>This is <strong>bold</strong> text</p>
<p>This is <em>italic</em> text</p>

Probier es selbst

<!DOCTYPE html>
<html>
    <body>
        <!-- Hier Code schreiben -->
        <p>In the middle of every difficulty lies opportunity.</p>
    </body>
</html>
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Fundamentals

1HTML-Grundlagen

Was ist HTML?Grundstruktur von HTMLTags und ElementeVerschachtelung und schließende TagsKommentare in HTML

4Rezeptkarte

ProjektübersichtRezepttitel und BeschreibungProjekt-LektionZutatenProjekt-LektionSchritteProjekt-Lektion

7Persönliche Profilseite

ProjektübersichtHeader-BereichProjekt-LektionProfilbildProjekt-LektionÜber-mich-BereichProjekt-LektionSocial LinksProjekt-Lektion

10Tabellen

Tabellen-GrundlagenBeschriftungen hinzufügenZeilen und Spalten verbindenZusammenfassung - Tabellen

2Text und Formatierung

ÜberschriftenAbsätzeZeilenumbrücheFetter und kursiver TextNochmals fett und kursivWiederholung – Formatierung

5Inhalte hinzufügen

HTML-AttributeLinksLinks zu neuen SeitenBilderBild-Attribute

8Formulare und Eingaben Teil 1

Formular-GrundlagenTexteingabenInput-AttributePasswortfeldLabels für EingabenZusammenfassung – Einfaches Formular

11Event-Registrierungsseite

ProjektübersichtHeader-BereichProjekt-LektionEvent-Details-BereichProjekt-LektionRegistrierungsformularProjekt-LektionFooter-BereichProjekt-Lektion

3Arbeiten mit Listen

Ungeordnete ListeGeordnete ListeVerschachtelte ListenZusammenfassung – Listen

6Seitenlayout

Bereiche (Divisions)Inline-SpansSemantische TagsSections und ArticlesZusammenfassung – Layout

9Formulare und Eingaben Teil 2

Radio-ButtonsCheckboxenDropdownsButtonsButtons in FormularenWiederholung - Formulare #1Wiederholung - Formulare #2

12Abschlussherausforderungen

Einfache ProfilkarteEvent-EinladungskarteEinfache ArtikelseiteLieblingsbücher-Liste