Ihre erste HTML-Seite einrichten
Schreiben Sie Ihren ersten HTML-Code mit einem einfachen Texteditor.
Ihre erste HTML-Seite einrichten 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.
Ihre erste HTML-Seite einrichten
Willkommen beim spannendsten Teil des HTML-Lernens! Heute erstellen Sie Ihre erste HTML-Seite von Grund auf. Machen Sie sich bereit, Ihren Code zum Leben zu erwecken!
Benötigte Werkzeuge
Um eine HTML-Seite zu erstellen, benötigen Sie nur zwei Dinge:
- Einen Texteditor: Zum Beispiel Notepad (Windows), TextEdit (Mac) oder einen anderen Editor wie VS Code.
- Einen Webbrowser: Chrome, Firefox oder einen beliebigen Browser, um Ihre Seite anzuzeigen.
Beginnen wir mit dem Programmieren!
Öffnen Sie Ihren Texteditor
Schritt 1: Öffnen Sie Ihren Texteditor
1. Öffnen Sie Ihren Texteditor, etwa Notepad oder VS Code.
2. Speichern Sie eine neue Datei als index.html. Achten Sie darauf, die Erweiterung .html einzufügen!
Jetzt können wir HTML-Code hinzufügen!
Die grundlegende Struktur schreiben
Schritt 2: Schreiben Sie die grundlegende Struktur
Jede HTML-Seite benötigt eine grundlegende Struktur. Geben Sie den folgenden Code in Ihre Datei ein:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>Eine Überschrift hinzufügen
Schritt 3: Fügen Sie eine Überschrift hinzu
Fügen Sie innerhalb des Tags <body> eine Überschrift zu Ihrer Seite hinzu:
<h1>Welcome to My First Web Page!</h1>
Einen Absatz hinzufügen
Schritt 4: Fügen Sie einen Absatz hinzu
Fügen Sie unterhalb der Überschrift einen Absatz hinzu, der Ihre Seite beschreibt:
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
Ihre Seite speichern und öffnen
Schritt 5: Speichern und öffnen Sie Ihre Seite
1. Speichern Sie die Datei, nachdem Sie den Code geschrieben haben.
2. Öffnen Sie Ihren Browser.
3. Ziehen Sie die Datei index.html in das Browserfenster.
Voilà! Ihre erste Webseite ist online!
Ihre vollständige HTML-Seite
So sollte Ihr fertiger Code aussehen:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Welcome to My First Web Page!</h1>
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>My Awesome Page</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
Sehr gut!
Herzlichen Glückwunsch zur Erstellung Ihrer ersten HTML-Seite! Sie haben gelernt, die grundlegende Struktur einzurichten, eine Überschrift hinzuzufügen und einen Absatz zu schreiben. In der nächsten Lektion erfahren Sie, wie Sie weitere spannende Elemente wie Bilder und Links zu Ihrer Seite hinzufügen. Weiter so!
Lerne HTML mit einem KI-Tutor — kostenlos
Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.
- Kurse
- 16
- Lektionen
- 35
Häufig gestellte Fragen
Ist die Lektion „Ihre erste HTML-Seite einrichten“ kostenlos?
Ja — der vollständige Text von „Ihre erste HTML-Seite einrichten“ 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 „Ihre erste HTML-Seite einrichten“?
Schreiben Sie Ihren ersten HTML-Code mit einem einfachen Texteditor. 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 „Ihre erste HTML-Seite einrichten“?
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
- Was ist HTML?
- HTML-Struktur: Die Bausteine
- HTML-Tags und -Elemente
- Ihre erste HTML-Seite einrichten