Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lernen Herausforderung: Erstellen Sie Ihren Ersten Webseiten-Absatz | HTML-Tags und Attribute
Ultimatives HTML
course content

Kursinhalt

Ultimatives HTML

Ultimatives HTML

1. Verständnis der Webentwicklung
Willkommen bei HTML und WebentwicklungWas ist das Internet?Wie funktioniert das Internet?Verstehen, Wie Websites FunktionierenFrontend- und Backend-Entwicklung Erklärt
2. HTML-Tags und Attribute
Verständnis von HTML-TagsArbeiten mit HTML-AttributenVerständnis von Gepaarten und Einzelnen Tags in HTMLTextauszeichnung und -Formatierung in HTMLHerausforderung: Erstellen Sie Ihren Ersten Webseiten-AbsatzHerausforderung: Erstellen Sie Eine Persönliche Vorstellungs-WebseiteHerausforderung: Gestaltung Einer Filmpräsentations-WebseiteVerwendung von Links und Schaltflächen in HTMLHerausforderung: Links zu Beliebten Websites ErstellenÜberprüfung Ihres HTML-Codes auf Best Practices
3. HTML-Dokumentstruktur
Die Geheimnisse Hinter Gut Strukturierten WebseitenVerständnis der HTML-DokumentstrukturDie Rolle des DokumentkopfsVerwaltung von Dokumentenfluss und LayoutHerausforderung: Eine HTML-Datei Korrekt StrukturierenVerwendung von Entwickler-Tools zur HTML-Inspektion und Fehlerbehebung
4. Arbeiten mit Medien und Tabellen
Bilder in HTML EinfügenHerausforderung: Arbeiten Mit BildernArbeiten mit Klickbaren Bildern, Bildunterschriften und OptimierungVerständnis von Vektor- und RastergrafikenEinbetten von Audio und Video für Multimediale InhalteHerausforderung: Einbetten von Audio und Video in HTMLErstellen und Strukturieren von Tabellen in HTMLHerausforderung: Entwurf Einer Funktionalen HTML-Tabelle
5. HTML-Formulare und Benutzereingaben
Einführung in HTML-FormulareGrundlagen der Formularerstellung in HTMLVerwendung von Labels für bessere FormularzugänglichkeitFormulare mit Eingabeattributen ErweiternUntersuchung Verschiedener Eingabetypen in HTMLHerausforderung: Formular mit Eingabefeldern und Beschriftungen ErstellenArbeiten mit dem Textarea-Element für Mehrzeilige EingabenVerwendung des Select-Elements für Dropdown-MenüsVerwendung des Datalist-Elements für vordefinierte EingabevorschlägeGruppierung von Formularelementen für eine bessere Struktur

book
Herausforderung: Erstellen Sie Ihren Ersten Webseiten-Absatz

Hinweis

Alle Herausforderungen werden in derselben Form präsentiert, wie Sie sie jetzt sehen:

  • Sie sehen die Aufgabe, die erledigt werden muss;
  • Anschließend finden Sie einen Codeblock, in dem Sie gemäß der Aufgabe Änderungen vornehmen sollen;
  • Klicken Sie auf die Schaltfläche Code ausführen, um eine Vorschau Ihrer Live-Seite anzuzeigen;
  • Unter dem Codeblock befinden sich zwei Schaltflächen: Hinweis und Lösung;
    • Die Schaltfläche Hinweis öffnet einen Hinweis zu dieser Aufgabe;
    • Die Schaltfläche Lösung zeigt die korrekte Lösung für diese Aufgabe an.
  • Es wird empfohlen, die Aufgabe selbstständig zu lösen, bevor Sie die Schaltfläche Lösung verwenden.

Ziel

Erster Schritt als Webentwickler durch das Erstellen Ihres ersten Absatzes auf einer Webseite.

Aufgabe

  1. Unten steht Ihnen ein Codeblock zur Verfügung. Fügen Sie darin ein Absatz-Element <p> ein.
  2. Platzieren Sie zwischen den öffnenden und schließenden Tags des Absatz-Elements folgenden Text: "Ich beginne meine Web-Reise!".
index.html

index.html

copy
  1. Das <p>-Element zur Erstellung eines Absatzes in HTML verwenden.
  2. Den Text I am starting my web journey! zwischen die öffnenden und schließenden Tags des Absatzes setzen, damit er auf der Webseite erscheint.
index.html

index.html

copy
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 5

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

course content

Kursinhalt

Ultimatives HTML

Ultimatives HTML

1. Verständnis der Webentwicklung
Willkommen bei HTML und WebentwicklungWas ist das Internet?Wie funktioniert das Internet?Verstehen, Wie Websites FunktionierenFrontend- und Backend-Entwicklung Erklärt
2. HTML-Tags und Attribute
Verständnis von HTML-TagsArbeiten mit HTML-AttributenVerständnis von Gepaarten und Einzelnen Tags in HTMLTextauszeichnung und -Formatierung in HTMLHerausforderung: Erstellen Sie Ihren Ersten Webseiten-AbsatzHerausforderung: Erstellen Sie Eine Persönliche Vorstellungs-WebseiteHerausforderung: Gestaltung Einer Filmpräsentations-WebseiteVerwendung von Links und Schaltflächen in HTMLHerausforderung: Links zu Beliebten Websites ErstellenÜberprüfung Ihres HTML-Codes auf Best Practices
3. HTML-Dokumentstruktur
Die Geheimnisse Hinter Gut Strukturierten WebseitenVerständnis der HTML-DokumentstrukturDie Rolle des DokumentkopfsVerwaltung von Dokumentenfluss und LayoutHerausforderung: Eine HTML-Datei Korrekt StrukturierenVerwendung von Entwickler-Tools zur HTML-Inspektion und Fehlerbehebung
4. Arbeiten mit Medien und Tabellen
Bilder in HTML EinfügenHerausforderung: Arbeiten Mit BildernArbeiten mit Klickbaren Bildern, Bildunterschriften und OptimierungVerständnis von Vektor- und RastergrafikenEinbetten von Audio und Video für Multimediale InhalteHerausforderung: Einbetten von Audio und Video in HTMLErstellen und Strukturieren von Tabellen in HTMLHerausforderung: Entwurf Einer Funktionalen HTML-Tabelle
5. HTML-Formulare und Benutzereingaben
Einführung in HTML-FormulareGrundlagen der Formularerstellung in HTMLVerwendung von Labels für bessere FormularzugänglichkeitFormulare mit Eingabeattributen ErweiternUntersuchung Verschiedener Eingabetypen in HTMLHerausforderung: Formular mit Eingabefeldern und Beschriftungen ErstellenArbeiten mit dem Textarea-Element für Mehrzeilige EingabenVerwendung des Select-Elements für Dropdown-MenüsVerwendung des Datalist-Elements für vordefinierte EingabevorschlägeGruppierung von Formularelementen für eine bessere Struktur

book
Herausforderung: Erstellen Sie Ihren Ersten Webseiten-Absatz

Hinweis

Alle Herausforderungen werden in derselben Form präsentiert, wie Sie sie jetzt sehen:

  • Sie sehen die Aufgabe, die erledigt werden muss;
  • Anschließend finden Sie einen Codeblock, in dem Sie gemäß der Aufgabe Änderungen vornehmen sollen;
  • Klicken Sie auf die Schaltfläche Code ausführen, um eine Vorschau Ihrer Live-Seite anzuzeigen;
  • Unter dem Codeblock befinden sich zwei Schaltflächen: Hinweis und Lösung;
    • Die Schaltfläche Hinweis öffnet einen Hinweis zu dieser Aufgabe;
    • Die Schaltfläche Lösung zeigt die korrekte Lösung für diese Aufgabe an.
  • Es wird empfohlen, die Aufgabe selbstständig zu lösen, bevor Sie die Schaltfläche Lösung verwenden.

Ziel

Erster Schritt als Webentwickler durch das Erstellen Ihres ersten Absatzes auf einer Webseite.

Aufgabe

  1. Unten steht Ihnen ein Codeblock zur Verfügung. Fügen Sie darin ein Absatz-Element <p> ein.
  2. Platzieren Sie zwischen den öffnenden und schließenden Tags des Absatz-Elements folgenden Text: "Ich beginne meine Web-Reise!".
index.html

index.html

copy
  1. Das <p>-Element zur Erstellung eines Absatzes in HTML verwenden.
  2. Den Text I am starting my web journey! zwischen die öffnenden und schließenden Tags des Absatzes setzen, damit er auf der Webseite erscheint.
index.html

index.html

copy
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 5
some-alt