Ãœbersicht der wichtigsten Tags, Attribute und Strukturen
|
Kopfbereich
|
<header>…</header>
|
|
Navigation
|
<nav>…</nav>
|
|
Sinnabschnitt, z. B. Kapitel
|
<section>…</section>
|
|
geschlossener Inhalt, z. B. News
|
<article>…</article>
|
|
semantisch neutraler Abschnitt
|
<div>…</div>
|
|
Ergänzung, z. B. Seitenspalte
|
<aside>…</aside>
|
|
Fußbereich
|
<footer>…</footer>
|
|
Überschrift
|
<h1>…</h1>
|
|
<h2>…</h2>
|
|
|
<h3>…</h3>
|
|
|
<h4>…</h4>
|
|
|
<h5>…</h5>
|
|
|
<h6>…</h6>
|
|
|
Absatz
|
<p>…</p>
|
|
echte Leerzeile
|
<p> </p>
|
|
Zeilenumbruch
|
<br>
|
|
Hervorhebung Fettschrift
|
<strong>…</strong>
|
|
Hervorhebung Kursivschrift
|
<em>…</em>
|
|
Stiländerung zu Fettschrift
|
<b>…</b>
|
|
Stiländerung zu Kursivschrift
|
<i>…</i>
|
|
kurzes Zitat
|
<q>…</q>
|
|
langes Zitat
|
<blockquote>…</blockquote>
|
|
Abkürzung
|
<abbr>…</abbr>
|
|
vorformatierter Text
|
<pre>…</pre>
|
|
Programmcode
|
<code>…</code>
|
|
hochgestellter Text
|
<sup>…</sup>
|
|
tiefgestellter Text
|
<sub>…</sub>
|
|
Inline-Abschnitt
|
<span>…</span>
|
|
horizontale Trennlinie
|
<hr>
|
|
Link externe Seite
|
<a href="http://www.spiegel.de">SPON</a>
|
|
Link interne Seite
|
<a href="impressum.html">Impressum</a>
|
|
Definition Sprungmarke einer Seite
|
z. B. <h1 id="inhalt">Inhaltsangabe</h1>
|
|
Link zur Sprungmarke der Seite
|
<a href="#inhalt">Inhaltsangabe</a>
|
|
Link als E-Mail
|
<a href="mailto:name@domain.de"></a>
|
|
<img src="bild.jpg" alt="Bildbeschreibung">
|
|
Tabellendefinition
|
<table>…</table>
|
|
Tabellenüberschrift
|
<caption>…<caption>
|
|
Tabellenkopf
|
<thead>…</thead>
|
|
Tabellenrumpf
|
<tbody>…</tbody>
|
|
Tabellenfuß
|
<tfoot>…</tfoot>
|
|
Einleitung Spaltendefinition
|
<colgroup>…</colgroup>
|
|
Spaltendefinition
|
<col>…</col>
|
|
Zeile
|
<tr>…</tr>
|
|
Spaltenkopf
|
<th>…</th>
|
|
Spaltenzelle
|
<td>…</td>
|
|
geordnete Liste
|
<ol>…</ol>
|
|
ungeordnete Liste
|
<ul>…</ul>
|
|
Listeneintrag geordn./ ungeordn. Liste
|
<li>…</li>
|
|
Definitionsliste
|
<dl>…</dl>
|
|
Definitionsl. Ausdruck
|
<dt>…</dt>
|
|
Definitionsl. Erläuterung
|
<dd>…</dd>
|
|
Formulardefinition
|
<form action="…" method="…">…</form>
|
|
Abschnittsdefinition
|
<fieldset>…</fieldset>
|
|
Erläuterung des Abschnitts
|
<legend>…</legend>
|
|
Eingabefeldbezeichner
|
<label for="labelbezeichner">…</label>
|
|
Eingabefeld einzeiliger Text
|
<input type="text" name="variable" id="labelbezeichner">
|
|
Eingabefeld mehrzeiliger Text
|
<textarea>…</textarea>
|
|
Eingabefeld Passwort
|
<input type="password" …>
|
|
Eingabefeld Kontrollfeld
|
<input type="checkbox" …>
|
|
Eingabefeld Optionsfeld
|
<input type="radio" …>
|
|
Eingabefeld Bild
|
<input type="image" src="bild.jpg" …>
|
|
Eingabefeld Schalter „Absenden“
|
<input type="submit" …>
|
|
Auswahlliste
|
<select>…</select>
|
|
Auswahlliste Eintrag
|
<option>…</option>
|
|
Auswahlliste Eintraggruppe
|
<optgroup>…</optgroup>
|
|
<!-- Kommtentartext -->
|
Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.
