HTML Cheat Sheet

Transcrição

HTML Cheat Sheet
HTML
Grundgerüst
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8"/>
<title>Titel</title>
</head>
<body></body>
</html>
HTML5-Dok.-Typ
HTML-Dokument
Seiteninformation
Zeichencodierung
Seitentitel
<meta />
<title>
<link />
href
rel
type
<style>
media
type
<script>
src
type
Meta-Daten
Seitentitel
Quellenverweise
URL-Verweis zum Dokument
Linkbeziehung (stylesheet)
Medientyp (text/css)
Style Deklarationen
Medienquelle (screen, print)
Medientyp (text/css)
Script Anweisungen
URL-Verweis zur Script-Datei
Medientyp (text/javascript)
Seitenstrukturierung
<body>
<header>
<nav>
<main>
<article>
<section>
<aside>
<address>
<footer>
Gesamter Inhaltsbereich
einleitende Inhalte
Seitennavigation
Hauptinhaltsbereich
einzelne Inhaltsbereiche
thematische Gruppierung
Seitenleiste
Adressblock
Fussbereich
Textstrukturierung
<div>
<span>
<p>
<h[1-6]>
<blockquote>
<pre>
<hr />
allg. Block-Element
allg. Inline-Element
Absatz
Überschrift 1 bis 6
lange Zitate
präformatierter Text
thematischer Bruch
Textauzeichnung
<b>
<i>
<code>
<samp>
<em>
<strong>
<q>
<cite>
<del>
<ins>
<abbr>
<sub>
<sup>
fett
<u>
unterstrichen
kursiv
<s>
durchgestrich.
Code
<br /> Zeilenumbruch
Beispiel <dfn> Definition
betonen <mark> markieren
stark betonen
kurze Zitate
Quelle / Autor
gelöschter Text
eingefügter Text
Abkürzung (Akronym)
Text tiefgestellt
Text hochgestellt
Cheat Sheet
<ol>
<ul>
<li>
<dl>
<dt>
<dd>
geordnete Liste
ungeordnete Liste
Listenelement
Definitionsliste (Glossar)
zu definierenden Ausdruck
Definition des Ausdrucks
Seiteninhalt
Seiteninformationen
Links
Listen
Tabellen
<table>
<caption>
<thead>
<tbody>
<tfoot>
<colgroup>
<col />
<tr>
<th>
<td>
Tabelle
Tabellenüberschrift
Tabellenkopf
Tabellenkörper
Tabellenfuss
Spaltenauswahl
Spaltendefinition
Tabellenzeile
Kopfzelle
Tabellenzelle
<a href=““>
download
rel
target
type
<a href=“mailto:“>
<a href=“callto:“>
<a name=“name“>
<a href=“#name“>
Audio
<audio>
autoplay
controls
loop
muted
<source>
src
Audio-Element
automatisch starten
Bedienungfeld anzeigen
Endlosschleife
Stumm schalten
Audioquellen
Quelle zur Audiodatei
Formular
<form>
action
method
<fieldset>
<legend>
<label>
for
<input />
type
pattern
placeholder
required
<select>
size
multiple
<optgroup>
<option>
<textarea>
<button>
<datalist>
Formular
Ziel-URI, Formulardaten
Übertragungsmethode
Elemente gruppieren
Gruppenüberschrift
Label für Elemente
Verweis zu Eingabefeld
Eingabefeld
Typ des Eingabefeldes
regulärer Ausdruck
Hinweistext im Feld
Pflichtfeld
Auswahlliste (Combo)
Listbox
Mehrfachselektion
Untergruppe (Einträge)
Auswahllisten-Eintrag
mehrzeiliges Textfeld
Knopf
Textfeld (Vorschläge)
Eingabefelder - Typen
button
checkbox
color
date
email
hidden
number
password
radio
reset
submit
tel
text
time
url
<input type=“…“ />
Knopf
Checkbox
Farb-Element
Datumsfeld
E-Mail-Adresse
Verstecktes Formularfeld
Nummernfeld
Passwortfeld
Radio-Button
Formular zurücksetzen
Formular abschicken
Telefonnummer
Textfeld
Zeitfeld
URL-Feld
Seitenlink
Downloadlink
Linkbeziehung
Zielfenster
Medientyp (text/html)
E-Mail-Link
Telefon-Link
Anchor
Anchor-Link
Video
<video>
autoplay
controls
height
loop
muted
poster
width
<source>
src
<track>
Video-Element
automatisch starten
Bedienungfeld anzeigen
Höhe
Endlosschleife
Stumm schalten
Videodownload-Bild
Breite
Videoquellen
Quelle zur Videodatei
Untertitel
Bilder / Zeichnen
<img />
alt
src
<map>
<area />
<figure>
<figcaption>
<canvas>
<svg>
Bildreferenz
Alternativtext
Quelle zum Bild
Verweis-sensitive Grafik
Grafikfläche für Verweis
grafische Ergänzungen
Beschreibung für <figure>
Zeichnungsfläche
Vektorgrafiken
Sonderzeichen
&nbsp;
&copy;
&amp;
&lt;
&gt;
&middot;
&frac14;
&frac12;
Leerstelle
©
&
<
>
·
¼
½
&Uuml;
&uuml;
&Auml;
&auml;
&Ouml;
&ouml;
&euro;
&#64;
Ü
ü
Ä
ä
Ö
ö
€
@
Kommentare
<!—Kommentar -->
© www.lump.ch