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 © & < > · ¼ ½ Leerstelle © & < > · ¼ ½ Ü ü Ä ä Ö ö € @ Ü ü Ä ä Ö ö € @ Kommentare <!—Kommentar --> © www.lump.ch