Summary  
This chapter explains how HTML tags function as paired elements to define content structure and how to incorporate comments that the browser ignores.

General domain of usage  
Web page development

HTML (HyperText Markup Language) ist die Sprache zur Strukturierung von Inhalten im Web. Eine HTML-Datei (`.html`) gibt dem Browser vor, wie Text, Bilder, Listen, Tabellen und mehr angezeigt werden.

Definition

## Was sind Tags?
Tags sind die grundlegenden Bausteine von HTML. Sie definieren Elemente wie Absätze, Schaltflächen, Bereiche und Bilder. Tags werden in spitzen Klammern geschrieben: `<tagname>`.

Die meisten Tags treten paarweise auf:
- Öffnendes Tag: `<tagname>`;
- Schließendes Tag: `</tagname>`.

Der Inhalt steht dazwischen.

PHNlY3Rpb24+U2VjdGlvbiBlbGVtZW50PC9zZWN0aW9uPgo8cD5QYXJhZ3JhcGggZWxlbWVudDwvcD4KPGJ1dHRvbj5CdXR0b24gZWxlbWVudDwvYnV0dG9uPg==



Dieser HTML-Code besteht aus drei Elementen:

- `<section>`: steht für ein Abschnitt-Element, das typischerweise verwendet wird, um zusammengehörige Inhalte zu gruppieren;
- `<p>`: steht für ein Absatz-Element, das verwendet wird, um einen Textblock zu definieren;
- `<button>`: steht für ein Schaltflächen-Element, das angeklickt werden kann, um eine Aktion auszuführen.

Keine Sorge, all diese Elemente und viele weitere werden in den kommenden Kapiteln ausführlich behandelt. Dies ist nur ein einfaches Beispiel zum Einstieg.

Codebeschreibung

## Kommentare
Kommentare ermöglichen das Hinzufügen von Notizen im HTML-Code. Der Browser ignoriert sie, sodass sie nicht auf der Seite erscheinen.

PCEtLSBUaGlzIGlzIGEgc2luZ2xlLWxpbmUgY29tbWVudCAtLT4KCjxwPlRoaXMgaXMgYSB2aXNpYmxlIHBhcmFncmFwaC48L3A+Cgo8IS0tClRoaXMgaXMgYSBtdWx0aS1saW5lIGNvbW1lbnQuClVzZWZ1bCBmb3IgZXhwbGFuYXRpb25zIG9yIHRlbXBvcmFyaWx5IGhpZGluZyBjb2RlLgotLT4=

Wie würdest du den Text "My first paragraph" korrekt in ein HTML-`<p>`-Tag einfügen?

Welche Syntax wird verwendet, um einen Kommentar zu hinterlassen?

Erlernen Sie die Grundlagen von HTML (HyperText Markup Language), dem Fundament der Webentwicklung. Dieser einsteigerfreundliche Kurs behandelt Tags, Attribute, Elemente und die Strukturierung von Webseiten. Erwerben Sie praktische Fähigkeiten im Erstellen von Überschriften, Absätzen, Listen, Bildern, Links, Formularen und Tabellen. Entdecken Sie Best Practices, Optimierung und Webzugänglichkeit. Beginnen Sie Ihre Webentwicklungsreise mit HTML.

Erkunden Sie die Funktionsweise des Webs. Erfahren Sie, wie Daten über Netzwerke übertragen werden, entdecken Sie die Rolle von Protokollen und entschlüsseln Sie die Geheimnisse von IP-Adressen und Domainnamen. Gewinnen Sie ein grundlegendes Verständnis darüber, wie Webbrowser und Server miteinander kommunizieren, um Webinhalte bereitzustellen.

Erkunden Sie die Möglichkeiten von Tags zur Strukturierung von Inhalten, von Überschriften und Absätzen bis hin zu Listen und Tabellen. Erfahren Sie, wie Sie Elemente mit Attributen erweitern können.

Der Kern der HTML-Dokumentstruktur. Lernen Sie die Bestandteile eines HTML-Dokuments kennen, einschließlich der Doctype-Deklaration, des Head- und Body-Bereichs. Verstehen Sie den Zweck jedes Elements und wie sie zur Gesamtstruktur einer Webseite beitragen.

Gestaltung einer ansprechenderen Webseite durch den Einsatz von Medien wie Bildern, Audio und Video. Umgang mit strukturierten tabellarischen Daten in Form von Tabellen.

Erkunden Sie die Vielseitigkeit von HTML-Formularen. Lernen Sie, intuitive und benutzerfreundliche Formulare durch Anwendung zentraler Konzepte und Techniken zu gestalten. Entdecken Sie, wie Formulare die Benutzerinteraktion und Datenübermittlung auf Websites ermöglichen.

Verständnis Von HTML-Tags

Was sind Tags?

Kommentare

1. Wie würdest du den Text "My first paragraph" korrekt in ein HTML-`<p>`-Tag einfügen?

2. Welche Syntax wird verwendet, um einen Kommentar zu hinterlassen?

Verständnis Von HTML-Tags

Was sind Tags?

Kommentare

1. Wie würdest du den Text "My first paragraph" korrekt in ein HTML-<p>-Tag einfügen?

2. Welche Syntax wird verwendet, um einen Kommentar zu hinterlassen?

1. Wie würdest du den Text "My first paragraph" korrekt in ein HTML-`<p>`-Tag einfügen?