Menu
Coddy logo textTech
JETZT LERNEN
flag De iconDeutschdown icon

Event-Details-Bereich

Teil des Abschnitts Grundlagen der HTML-Journey von Coddy. Lektion 54 von 60.

challenge icon

Aufgabe

Einfach

Erstelle nach dem Header-Abschnitt ein <div> für die Veranstaltungsdetails. Füge darin ein <h2>-Tag mit dem Text „Event Schedule“ und eine <table> hinzu, um den Zeitplan anzuzeigen. Die Tabelle sollte Spalten für Zeit, Aktivität und Ort sowie einige Beispielzeilen enthalten.

Zum Beispiel:

ZeitAktivitätOrt
10:00 AMBegrüßungsredeHaupthalle
11:00 AMWorkshop: Einführung in HTMLRaum A

Bonus: Füge der Tabelle das Attribut border="1" hinzu, um einen Rahmen zu ergänzen!

Probier es selbst

<!DOCTYPE html>
<html>
    <body>
        <!-- Schreibe hier Code -->
    </body>
</html>

Alle Lektionen in Grundlagen

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

Übe selbstständig: Web-Playground