HTML & CSS

HTML

Hypertext Markup Language ist die grundlegende Struktursprache des World Wide Web. Mit HTML können Webentwickler Inhalte für Websites erstellen und organisieren, indem sie verschiedene Elemente verwenden, die durch Markup-Tags gekennzeichnet sind. Diese Tags definieren die Struktur und das Aussehen von Texten, Bildern, Links und anderen Medienelementen auf einer Webseite.

Bestandteile

Doctype

Der DOCTYPE (Document Type Declaration) ist eine spezielle Anweisung in HTML-Dokumenten, die den Webbrowser darüber informiert, welche Version von HTML oder XHTML verwendet wird und welche Regeln für die Interpretation des Dokuments gelten sollen. Der DOCTYPE wird am Anfang eines HTML-Dokuments platziert und besteht aus dem <!DOCTYPE>-Tag, gefolgt von der entsprechenden Dokumenttyp-Deklaration.

Head

Der <head>-Bereich eines HTML-Dokuments ist eine entscheidende Komponente, die Informationen über das Dokument bereitstellt, die für den Browser und Suchmaschinen, aber nicht für die direkte Anzeige auf der Webseite relevant sind. Innerhalb des <head>-Tags werden Metadaten, Skripte, Verknüpfungen zu externen Ressourcen und andere wichtige Elemente platziert.

Body

Der <body>-Bereich ist ein wesentlicher Bestandteil eines HTML-Dokuments und umfasst den sichtbaren Inhalt der Webseite. Innerhalb des <body>-Tags werden Texte, Bilder, Links, Formulare und andere Elemente platziert, die den eigentlichen Inhalt der Webseite ausmachen.

 

CSS

Cascading Style Sheets ist eine Stylesheet-Sprache, die verwendet wird, um das Aussehen und das Layout von HTML-Elementen auf einer Webseite zu definieren. Mit CSS können Webentwickler das Erscheinungsbild einer Webseite gestalten, indem sie verschiedene visuelle Eigenschaften wie Farben, Schriftarten, Abstände, Größen und Positionen festlegen.

Bestandteile

HTML-Datei

Bevor mit CSS gestartet werden kann, muss eine normale HTML Datei geöffnet werden.

CSS

Nach Erstellung einer HTML Datei, kann eine CSS Datei geöffnet und mit der HTML-Seite verbunden werden

Tags

Wenn die vorherigen Schritte erledigt sind, erstellt man in HTML Tags z.B. <p>, die in CSS designlich angepasst werden.