| Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung |
| web:html-ref [2014/08/09 14:47] – ros | web:html-ref [2020/10/13 14:25] (aktuell) – Externe Bearbeitung 127.0.0.1 |
|---|
| ====== HTML-Elementreferenz ======= | <code> |
| | <!doctype html> |
| ===== Wichtige HTML-Elemente ===== | <html> |
| | <head> |
| ^ Start-//Tag// ^ Beschreibung ^ Typ ^ | <meta charset="UTF-8"> |
| | ''<a>'' | Hyperlink | inline | | <title>Titel der Webseite</title> |
| | ''<abbr>'' | Abkürzung | inline | | </head> |
| | ''<aside>'' | Seitlicher Bereich | block | | <body> |
| | ''<b>'' | bedeutungstragende Worte | inline | | Inhalt der Webseite |
| | ''<br>'' | Zeilenumbruch | inline | | </body> |
| | ''<cite>'' | Titel von Büchern, Filmen usw. | inline | | </html> |
| | ''<div>'' | Allgemeiner Bereich (division) | block | | |
| | ''<em>'' | betont, emphatisch (gefühlsmässig) betont | inline | | |
| | ''<footer>'' | Fussbereich der Webseite | block | | |
| | ''<h1>'' | grösste Überschrift (heading) | block | | |
| | ''<h2>'' | zweitgrösste Überschrift (heading) | block | | |
| | ''<h3>'' | drittgrösste Überschrift (heading) | block | | |
| | ''<h4>'' | drittkleinste Überschrift (heading) | block | | |
| | ''<h5>'' | zweitkleinste Überschrift (heading) | block | | |
| | ''<h6>'' | kleinste Überschrift (heading) | block | | |
| | ''<header>'' | Kopfbereich der Webseite | block | | |
| | ''<i>'' | spezielle Worte, z.B. Fachausdrücke, Eigennamen, anderssprachige Phrasen | inline | | |
| | ''<img>'' | Bild (//image//) | inline | | |
| | ''<main>'' | Hauptbereich der Webseite | block | | |
| | ''<nav>'' | Navigationsbereich, z.B. für Menüs | block | | |
| | ''<p>'' | Absatz (//paragraph//) | block | | |
| | ''<q>'' | ein Zitat (//quote//) | inline | | |
| | |
| ===== <a> (Hyperlink) ===== | |
| | |
| Das ''<a>''-Element stellt den Inhalt als Hyperlink dar. Als Inhalt kann eine Beliebige Kombination von //Inline//-Elementen verwendet werden (z.B. Text oder ein Bild). Das Ziel des Hyperlinks wird mit dem ''href''-Attribut angegeben. Wir zusätzlich das Attribut ''name'' auf den Wert ''_blank'' gesetzt, so wird das Ziel des Links in einem neuen Fenster bzw. Tab geöffnet. | |
| | |
| ^ Attribut ^ Bedeutung ^ | |
| | ''href'' | Zieladresse des Hyperlinks | | |
| | ''target'' | ''_blank'' für neues Fenster/Tab | | |
| | |
| <code html> | |
| <a href="http://www.gymkirchenfeld.ch">Gymnasium Kirchenfeld</a> | |
| </code> | </code> |
| |
| ===== <abbr> (Abkürzuung) ===== | |
| |
| Das ''<abbr>''-Element markiert eine Abkürzung. Der Inhalt des Elements ist die Abkürzung, der ausgeschriebene Begriff wird mit dem ''name''-Attribut angegeben. | |
| |
| ^ Attribut ^ Bedeutung ^ | |
| | ''title'' | Ausgeschriebener Begriff | | |
| |
| <code html> | |
| <abbr title="Hypertext Markup Language">HTML</abbr> | |
| </code> | |
| |
| |
