Alle Inhalte zum Grundkurs

Infoliste

Header Elemente
H1
Nur eine h1 in einem Dokument verwenden.
Barrierefreit / Screenreader und Suchmaschinenoptimierung
<h1>Header H1</h1>
H2
maximal 5 mal
<h2>Header H2</h2>
H3 - H6
h3 und kleiner können beliebig oft eingestezt werden
<h4>Header H4</h4>
<h5>Header H5</h5>
<h6>Header H6</h6>
HR - Horizontal Rule
Linie steht für einen Themenwechsel
<hr>
Inline Elemente
Definition
Inline-Elemente stehen nebeneinander und kommen innerhalb von Blockelementen vor und nehmen nur die Breite der Seite ein, den sie tatsächlich beanspruchen.
Bold <b>
Setzt den Inhalt in Fettschrift
<b>Fett</b>
Italic <i>
Setzt den Inhalt kursiv
<i>Italic</i>
Anker <a>
Anker werden für Verlinkungen verwendet.
<a href="">Link</a>
Image <img>
Dieses Tag wird für Bild-Verlinkungen verwendet.
<img src="Pfad-zum-Bild">
Span <span>
bedeutungsloses Element.
<span>Link</span>
Block Elemente
Definition
Block-Elemente nehmen die gesamte Breite der Seite ein.
Kopfzeile <h1> - <h6>
Setzt den Inhalt in Fettschrift
Header <header>
<header>header</header>
footer <footer>
<footer>footer</footer>
article <article>
<article>article</article>
aside <aside>
<aside>aside</aside>
section <section>
<section>section</section>
nav <nav>
<nav>nav</nav>
Absatz <p>
Beschreibt einen Absatz.
<p>Absatz</p>
Div Container <div>
Ist ein bedeutungsloses Element.
<div>irengdwas</div>
Listen Elemente
geordnete Liste <ol>
Werden als Standard mit Zahlenwerten aufsteigend aufgelistet.
<ol><li>Inhalt der Liste</li></ol>
ungeordnete Liste <ul>
Werden als Standard mit Bullets aufgelistet.</dd>
<ul><li>Inhalt der Liste</li></ul>
Definition Liste <dl>
Für eine strukturierte aufarbeitung der Inhalte
<dl><dt>Überschrift</dt><dd>Inhalt der Liste<dd></dl>
Absatz
Beschreibt einen Absatz.
Attribute
href
Findet einsatz in der Hyperreferenz eines Ankers
src
Bildet den Pfad zu einem Bild