Benutzer-Werkzeuge

Webseiten-Werkzeuge


it-themen:webdesign:html:grundlagen

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Ăśberarbeitung
it-themen:webdesign:html:grundlagen [27.12.2025 00:36] – gelöscht - Externe Bearbeitung (Unbekanntes Datum) 127.0.0.1it-themen:webdesign:html:grundlagen [27.12.2025 00:36] (aktuell) – ↷ Seite von webdesign:html:grundlagen nach it-themen:webdesign:html:grundlagen verschoben lars
Zeile 1: Zeile 1:
 +[[it-themen:webdesign:start|zurĂĽck]]
 +====== HTML – Grundlagen ======
 +
 +HTML (HyperText Markup Language) beschreibt die **Struktur**
 +und **semantische Bedeutung** von Inhalten im Web.
 +
 +HTML ist **keine Programmiersprache**, sondern eine
 +**Auszeichnungssprache**.
 +
 +===== Aufgaben von HTML =====
 +
 +  * Strukturieren von Inhalten
 +  * Festlegen von Ăśberschriften, Absätzen, Listen
 +  * Einbinden von Medien und Formularen
 +  * Semantische Beschreibung fĂĽr Browser, Suchmaschinen und Screenreader
 +
 +===== Minimales HTML-Dokument =====
 +
 +<code html>
 +<!DOCTYPE html>
 +<html lang="de">
 +<head>
 +  <meta charset="UTF-8">
 +  <title>Meine erste Webseite</title>
 +</head>
 +<body>
 +  <h1>Hallo Welt</h1>
 +  <p>Das ist eine einfache HTML-Seite.</p>
 +</body>
 +</html>
 +</code>
 +
 +===== Wichtige Grundelemente =====
 +
 +| Element | Bedeutung |
 +|-------|----------|
 +| `<h1>`–`<h6>` | Ăśberschriften |
 +| `<p>` | Absatz |
 +| `<a>` | Link |
 +| `<img>` | Bild |
 +| `<ul>`, `<ol>`, `<li>` | Listen |
 +| `<div>` | Strukturcontainer |
 +| `<span>` | Inline-Container |
 +
 +===== Wichtig =====
 +
 +HTML beschreibt **was etwas ist**,  
 +nicht **wie es aussieht**.
 +
 +FĂĽr Darstellung ist ausschlieĂźlich CSS zuständig.