| Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung |
| web:html:start [2015/09/17 17:05] – ros | web:html:start [2020/10/13 14:25] (aktuell) – Externe Bearbeitung 127.0.0.1 |
|---|
| ====== HTML-Referenz ======= | ====== HTML-Referenz ======= |
| |
| ===== HTML-Grundstruktur ===== | |
| |
| Die Grundstruktur einer HTML-Datei sieht so aus: | |
| |
| <code html> | |
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Titel der Webseite</title> | |
| </head> | |
| <body> | |
| Inhalt der Webseite | |
| </body> | |
| </html> | |
| </code> | |
| |
| ===== Wichtige HTML-Elemente ===== | ===== Wichtige HTML-Elemente ===== |
| |
| ^ Start-//Tag// ^ Beschreibung ^ Typ ^ | ^ Start-//Tag// ^ Beschreibung ^ Typ ^ |
| | ''<a>'' | [[a|Hyperlink]] | Inline | | | ''[[a|<a>]]'' | [[a|Hyperlink]] | Inline | |
| | ''<abbr>'' | [[abbr|Abkürzung]] | Inline | | | ''[[abbr|<abbr>]]'' | [[abbr|Abkürzung]] | Inline | |
| | ''<aside>'' | Seitlicher Bereich | Block | | | ''<aside>'' | Seitlicher Bereich | Block | |
| | ''<b>'' | bedeutungstragende Worte, üblicherweise fett | Inline | | | ''<b>'' | bedeutungstragende Worte, üblicherweise fett | Inline | |
| | ''<body>'' | Inhalt der Webseite | Block | | | ''[[body|<body>]]'' | [[body|Inhalt der Webseite]] | Block | |
| | ''<br>'' | Zeilenumbruch | inline | | | ''<br>'' | Zeilenumbruch | inline | |
| | ''<cite>'' | Titel von Büchern, Filmen usw. | Inline | | | ''<cite>'' | Titel von Büchern, Filmen usw. | Inline | |
| | ''<div>'' | Allgemeiner Bereich (division) | Block | | | ''<div>'' | Allgemeiner Bereich (//division//) | Block | |
| | ''<em>'' | betont, emphatisch (gefühlsmässig) betont | Inline | | | ''<em>'' | betont, emphatisch (gefühlsmässig) betont | Inline | |
| | ''<footer>'' | Fussbereich der Webseite | Block | | | ''<footer>'' | Fussbereich der Webseite | Block | |
| | ''<h1>'' | grösste Überschrift (heading) | Block | | | ''<h1>'' | grösste Überschrift (//heading//) | Block | |
| | ''<h2>'' | zweitgrösste Überschrift (heading) | Block | | | ''<h2>'' | zweitgrösste Überschrift (//heading//) | Block | |
| | ''<h3>'' | drittgrösste Überschrift (heading) | Block | | | ''<h3>'' | drittgrösste Überschrift (//heading//) | Block | |
| | ''<h4>'' | drittkleinste Überschrift (heading) | Block | | | ''<h4>'' | drittkleinste Überschrift (//heading//) | Block | |
| | ''<h5>'' | zweitkleinste Überschrift (heading) | Block | | | ''<h5>'' | zweitkleinste Überschrift (//heading//) | Block | |
| | ''<h6>'' | kleinste Überschrift (heading) | Block | | | ''<h6>'' | kleinste Überschrift (//heading//) | Block | |
| | ''<head>'' | Meta-Angaben zur Webseite | -- | | | ''[[head|<head>]]'' | [[head|Informationen zur Webseite]] | -- | |
| | ''<header>'' | Kopfbereich der Webseite | Block | | | ''<header>'' | Kopfbereich der Webseite | Block | |
| | ''<i>'' | spezielle Worte, z.B. Fachausdrücke, Eigennamen, anderssprachige Phrasen, üblicherweise kursiv | Inline | | | ''<i>'' | spezielle Worte, z.B. Fachausdrücke, Eigennamen, anderssprachige Phrasen, üblicherweise kursiv | Inline | |
| | ''<iframe>'' | [[iframe|Einbetten von anderen Webseiten]] | Block | | | ''[[iframe|<iframe>]]'' | [[iframe|Einbetten von anderen Webseiten]] | Block | |
| | ''<img>'' | [[image|Bild (//image//)]] | Inline | | | ''[[img|<img>]]'' | [[img|Bild]] (//image//) | Inline | |
| | | ''[[link|<link>]]'' | [[link|Einbinden einer CSS-Datei]] | -- | |
| | ''<main>'' | Hauptbereich der Webseite | Block | | | ''<main>'' | Hauptbereich der Webseite | Block | |
| | | ''[[meta|<meta>]]'' | [[meta|Meta-Angaben zur Webseite]] | Block | |
| | ''<nav>'' | Navigationsbereich, z.B. für Menüs | Block | | | ''<nav>'' | Navigationsbereich, z.B. für Menüs | Block | |
| | ''<p>'' | Absatz (//paragraph//) | Block | | | ''<p>'' | Absatz (//paragraph//) | Block | |
| | ''<q>'' | ein Zitat (//quote//) | Inline | | | ''<q>'' | ein Zitat (//quote//) | Inline | |
| | ''<title>'' | Titel der Webseite | -- | | | ''[[script|<script>]]'' | [[script|Einbinden von Javascript-Code]] | -- | |
| | | ''[[title|<title>]]'' | [[title|Titel der Webseite]] | -- | |
| |
