Textformatierung
Formatieren Sie Ihren Text fett und kursiv und unterstreichen Sie ihn
Textformatierung ist eine kostenlose HTML for Kids-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des HTML for Kids-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der HTML for Kids-Kurs umfasst insgesamt 4 Lektionen.
Textformatierung
Willkommen bei der nächsten Lektion! Heute lernen Sie, wie Sie Text in HTML formatieren, um ihn fett, kursiv, unterstrichen und vieles mehr darzustellen. Legen wir los!
Warum Text formatieren?
Textformatierung hilft Ihnen dabei:
- Wichtige Informationen hervorzuheben.
- Ihre Webseite leichter lesbar zu machen.
- Die visuelle Wirkung Ihrer Inhalte zu verbessern.
Sehen wir uns die verschiedenen Möglichkeiten zur Textformatierung in HTML an!
Text fett darstellen
Verwenden Sie das <strong>- oder <b>-Tag, um Text fett darzustellen. Beide funktionieren ähnlich, aber <strong> wird für wichtige Texte verwendet.
Beispiel:
<p>This is <strong>important</strong> text.</p>
<p>This is <b>bold</b> text.</p>
Text kursiv darstellen
Verwenden Sie das <em>- oder <i>-Tag, um Text kursiv darzustellen. <em> fügt eine Betonung hinzu, während <i> ausschließlich der Gestaltung dient.
Beispiel:
<p>This is <em>emphasized</em> text.</p>
<p>This is <i>italicized</i> text.</p>
Text unterstreichen
Verwenden Sie das <u>-Tag, um Text zu unterstreichen.
Beispiel:
<p>This is <u>underlined</u> text.</p>
Durchgestrichenen Text verwenden
Verwenden Sie das <del>- oder <s>-Tag, um durchgestrichenen Text darzustellen. Dies eignet sich, um Text als gelöscht oder falsch zu kennzeichnen.
Beispiel:
<p>This is <del>deleted</del> text.</p>
<p>This is <s>strikethrough</s> text.</p>
Formatierungen kombinieren
Sie können mehrere Formatierungs-Tags kombinieren, um Ihren Text auf unterschiedliche Weise zu gestalten.
Beispiel:
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
<p>This is <u><i>underlined and italicized</i></u> text.</p>
Probieren Sie es selbst aus
Erstellen wir eine Webseite mit formatiertem Text. Hier ist ein Beispiel:
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<h1>Text Formatting Example</h1>
<p>This is <strong>bold</strong> text.</p>
<p>This is <em>italicized</em> text.</p>
<p>This is <u>underlined</u> text.</p>
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
</body>
</html>
Sehr gut!
Herzlichen Glückwunsch! Sie haben gelernt, wie Sie Text in HTML fett, kursiv, unterstrichen und mit weiteren Stilen formatieren. Textformatierung hilft dabei, wichtige Inhalte hervorzuheben und die Lesbarkeit zu verbessern. In der nächsten Lektion beschäftigen wir uns mit bewährten Vorgehensweisen für sauberes und übersichtliches HTML. Machen Sie sich bereit, Ihre Programmierkenntnisse zu verfeinern!
Häufig gestellte Fragen
Ist die Lektion „Textformatierung“ kostenlos?
Ja — der vollständige Text von „Textformatierung“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des HTML for Kids-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der HTML for Kids-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Textformatierung“?
Formatieren Sie Ihren Text fett und kursiv und unterstreichen Sie ihn Du übst HTML for Kids mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um HTML for Kids zu starten?
Keine Vorkenntnisse erforderlich. HTML for Kids auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „Textformatierung“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser HTML for Kids-Lektion Code schreiben und ausführen?
Ja. Jede HTML for Kids-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Inline-Stile
- CSS-Grundlagen
- Farben und Hintergründe
- Textformatierung