HTML Spickzettel [Aktualisiert] - PDF zum Nachschlagen herunterladen

HTML steht für Hyper Text Mark-up Language

Verwendet für: das Erstellen von Webseiten (Dokumenten), die im World Wide Web (Websites) angezeigt werden. Die Seiten können eine Mischung aus Text, Bildern, Videos und anderen Elementen sein. Sie können erstellt werden mit: Notepad, TextPad oder beliebigen Texteditoren.

Speichern als: .html-Dateien

HTML Cheat Sheet

Hier teilen wir mit Ihnen das komplette HTML Cheat Sheet:

Grundlegender Aufbau

<!DOCTYPE html><html> <head> <title></title> </head> <body> body tags and main content </body></html>

Die wichtigsten Elemente in HTML sind die Tags. Tags strukturieren und präsentieren die Daten in verschiedenen Formen.

Überschrift

<h1>Heading 1</h1><h2>Heading 2 </h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6 </h6>

Paragraph

Span

Span-Tag wird zur Gestaltung von Inline-Elementen verwendet.

<span style = "color:green”> Address </span>

– gibt das Wort ‚Adresse‘ in der angegebenen Farbe (hier grün) aus. Das style-Attribut wird zur Formatierung von HTML-Elementen verwendet.

Zeichen

Formatierung

Body

<body> – im Body liegt der Hauptinhalt. Innerhalb von <body> kann es viele Abschnitte geben. Attribute –

Metadaten

name = „“ – kann ein Name sein wie Stichwort, Autor, Beschreibung etc…
content = „“ – der Wert, der den obigen Namen entspricht

Beispiel – <meta name=“keywords“ content=“Was ist HTML, Wie lerne ich HTML“>

Abschnitte und Unterteilungen

<div></div> neuer Abschnitt; verschachtelte div-Tags sind sehr häufig, wenn mehrere Unterabschnitte erforderlich sind
<hr> – horizontale Linie

<hr> hat die folgenden Attribute –

<hr size = „“ width = „“/width = „%“ color = „“ align = „left/center/right“>
size – Dicke der Linie in Pixel
width – in Pixel oder Prozent (beliebig)
color – Farbe in Hex-Wert
align – Ausrichtung; links, rechts oder zentriert

Tabellen

<table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr></table>

<table> – erstellt eine Tabelle,
<tr> – erzeugt eine Zeile,
<td> – erzeugt eine Spalte,
<th> – erzeugt Kopfspalten

<table> Attribute –

<td> attributes

Beispiel –

<colgroup> <col span="1" style="background-color:green"> <col style="background-color:blue"></colgroup>

Die erste Spalte wird als grün hervorgehoben, während die anderen Spalten blau hervorgehoben werden.

Formulare (HTML-Spickzettel)

Die meisten dynamischen Inhalte wie Benutzereingaben, das Absenden einer Seite, das Ausfüllen eines Formulars geschehen innerhalb dieses Tags. Es handelt sich um eine Gruppe von zusammenhängenden Eingaben.

<form> <input> <select><option></option></select> <textarea></form>

<form> Tag-Attribute –

<input> tag attributes –

<select></select> – Wählen Sie Optionen aus der Dropdown-Liste <select> Tag Attribute:

<option></option> – einzelne Elemente der Dropdown-Liste <option> Tag Attribute:

value=““ – Optionswert ausgewählt oder Standardwert gesetzt
<textarea>großer Bereich für Texteingaben wie Beschreibung</textarea>. Großer Bereich für Texteingaben

<textarea> Tag Attribute:

iframe

<iframe src=““></iframe> – bettet ein anderes Dokument innerhalb des aktuellen Dokuments (Seite) in einen Frame ein.
Attribut „src“ – Ort des einzubettenden Dokuments

Styles

Für das Styling gibt es viele Attribute, die mit verschiedenen Tags verwendet werden. Die Attribute sind –

<style> text-align= "” – align text; left, right, center background-color = "” – background color of the element color=”” – for color of texts font-family = "” – for various fonts font-size = "” size of the font border = "” – border thickness and color for a table</style>

Diese Styling-Elemente werden in einem CSS zusammengesetzt.

Listen

Es gibt zwei Arten von Listen – geordnete und ungeordnete. <ol></ol> – geordnete Liste Attribute –

type=““ – die Nummerierung der Liste – A, a, I, 1, i
start = „“ – Anfangswert
<ul></ul> – ungeordnete Liste

Attribute –

type = „“ – Art der Aufzählung – Quadrat, Kreis, Scheibe
<li></li> – einzelner Wert in der Liste