| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung |
| ef:web:html [2025/10/09 14:51] – lehmannr | ef:web:html [2025/10/09 14:57] (aktuell) – lehmannr |
|---|
| * `<h1>` bis `<h6>` – Überschriften | * `<h1>` bis `<h6>` – Überschriften |
| * `<p>` – Absatz | * `<p>` – Absatz |
| * `<a href="nk | * `<ul>, <ol>, <li>` – Listen (ungeordnet/geordnet) |
| * `...` – Bild | |
| * `<ul>`, `<ol>`, `<li>` – Listen (ungeordnet/geordnet) | |
| * `<div>` – Container für Layout und Struktur | |
| * `<span>` – Inline-Container | |
| * `<table>` – Tabellen | |
| ====== Fazit ====== | ====== Fazit ====== |
| |
| |
| |
| ^ Tag ^ Beispiel ^ Erklärung ^ | ====== Wichtige HTML-Tags ====== |
| | `<h1>` | <code html><h1>Überschrift</h1></code> | Größte Überschrift. Es gibt sechs Stufen: `<h1>` bis `<h6>`. Wird für Titel und Untertitel verwendet. | | |
| | `<p>` | <code html><p>Dies ist ein Absatz.</p></code> | Absatz-Tag. Trennt Textblöcke voneinander. | | ^ Tag ^ Beispiel ^ |
| | `<a>` | <code html><a href="https://example.com/code> | Erstellt einen Hyperlink. Das `href`-Attribut gibt die Zieladresse an. | | | `<h1>` | <h1>Überschrift</h1> | |
| | `<img>` | <code html><img src="bild.jpg" alt="n Bild ein. `src` gibt die Bildquelle an, `alt` ist eine Beschreibung für Screenreader oder bei Ladefehlern. | | | `<p>` | <p>Dies ist ein Absatz.</p> | |
| | `<ul>` / `<li>` | <code html><ul><li>Eintrag 1</li><li>Eintrag 2</li></ul></code> | Ungeordnete Liste mit Listeneinträgen. Für geordnete Listen verwendet man `<ol>`. | | | `<a>` | <a href="https://example.com| |
| | `<div>` | <code html><div>Inhalt</div></code> | Container für Layout und Gruppierung von Elementen. Häufig verwendet mit CSS. | | | `<img>` | <img src="bild.jpg" alt="Beschreibungi>Eintrag</li></ul> | |
| | `<span>` | <code html><span style="color:red;">Text</span></code> | Inline-Container zur Formatierung einzelner Textteile. | | | `<div>` | <div>Inhalt</div> | |
| | `<table>` | <code html><table><tr><td>Zelle</td></tr></table></code> | Erstellt eine Tabelle. `<tr>` ist eine Zeile, `<td>` eine Zelle. | | | `<span>` | <span style="color:red;">Text</span> | |
| | `<br>` | <code html>Zeile 1<br>Zeile 2</code> | Zeilenumbruch. Wird verwendet, um Text in eine neue Zeile zu bringen. | | | `<table>` | <table><tr><td>Zelle</td></tr></table> | |
| | | `<br>` | Zeile 1<br>Zeile 2 | |
| | | `<strong>` | <strong>Wichtig</strong> | |
| |
| |