ef:web:html [DokuWiki CSC]

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
~~NOTOC~~
<WRAP center 1200px>
====== Übersicht HTML ======

HTML (HyperText Markup Language) ist die grundlegende Sprache zur Strukturierung von Webseiten. Sie beschreibt den Aufbau und die Inhalte einer Webseite, damit Browser diese korrekt darstellen können. Das Layout und das ganze Aussehen der Webseite wird dann durch CSS definiert.

====== Was ist HTML? ======

HTML ist keine Programmiersprache, sondern eine Auszeichnungssprache. Sie besteht aus sogenannten "Tags", die Inhalte wie Texte, Bilder, Links oder Tabellen strukturieren.

Beispiel eines einfachen HTML-Dokuments:

<code html>
<!DOCTYPE html>
<html>
  <head>
    <title>Meine erste Webseite</title>
  </head>
  <body>
    <h1>Willkommen!</h1>
    <p>Dies ist ein Absatz.</p>
  </body>
</html>
</code>

====== Aufbau eines HTML-Dokuments ======

Ein HTML-Dokument besteht aus zwei Hauptteilen:

  * **Head**: Enthält Metainformationen über die Seite (z. B. Titel, Zeichencodierung, Stylesheets).
  * **Body**: Enthält den sichtbaren Inhalt der Webseite (z. B. Texte, Bilder, Links).

====== Inhalt des head-Bereichs ======

Typische Elemente im `<head>`:

  * `<title>` – Titel der Seite (wird im Browser-Tab angezeigt)
  * `<meta charset="UTF-8">` – Zeichencodierung
  * `<link>` – Verknüpfung zu externen CSS-Dateien
  * `<style>` – Interne CSS-Definitionen
  * `<script>` – Einbindung von JavaScript

====== Wichtige HTML-Tags ======

Hier eine Auswahl der wichtigsten Tags:

  * `<html>` – Beginn des HTML-Dokuments
  * `<head>` – Metainformationen
  * `<body>` – Sichtbarer Inhalt
  * `<h1>` bis `<h6>` – Überschriften
  * `<p>` – Absatz
  * `<ul>, <ol>, <li>` – Listen (ungeordnet/geordnet)
  
====== Fazit ======

HTML ist die Basis jeder Webseite. Mit seinen einfachen, aber mächtigen Tags lassen sich Inhalte strukturieren und für den Browser lesbar machen. Für das Design und die Interaktivität kommen später CSS und JavaScript hinzu.


====== Wichtige HTML-Tags ======

^ Tag ^ Beispiel ^
| `<h1>` | <h1>Überschrift</h1> |
| `<p>` | <p>Dies ist ein Absatz.</p> |
| `<a>` | <a href="https://example.com|
| `<img>` | <img src="bild.jpg" alt="Beschreibungi>Eintrag</li></ul> |
| `<div>` | <div>Inhalt</div> |
| `<span>` | <span style="color:red;">Text</span> |
| `<table>` | <table><tr><td>Zelle</td></tr></table> |
| `<br>` | Zeile 1<br>Zeile 2 |
| `<strong>` | <strong>Wichtig</strong> |




</WRAP>