fortbildungen:webdesign-lernen:html-spickzettel
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
fortbildungen:webdesign-lernen:html-spickzettel [11.11.2015 (06:22)] – [Häufig benutzte HTML-Elemente] retemirabile | fortbildungen:webdesign-lernen:html-spickzettel [21.07.2021 (09:52)] (aktuell) – [Verwendungsbeispiel für Listen] retemirabile | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ====== HTML Spickzettel ====== | + | ====== HTML Einführung und Spickzettel ====== |
+ | |||
+ | * **HTML** bedeutet „Hypertext Markup Language” | ||
+ | |||
+ | * HTML ist eine Sprache, mit der man Textbausteine auszeichnet, | ||
- | * **HTML:** „Hypertext Markup Language” | ||
- | * HTML ist eine Sprache, mit der man Textbausteine auszeichnet (engl.: //to mark up//), um ihnen verschiedene Funktionen zu geben. HTML benutzt dazu sog. „Tags“ (engl.: //tag// = Schildchen, Etikett). Die Links in HTML-Dokumenten verbinden verschiedene Text zu Hypertexten. Text mit HTML-Tags heißt „Markup“. | ||
* Es gibt verschiedene HTML-Versionen. In diesem Spickzettel wird immer die derzeit aktuelle Version **HTML5** erklärt (Stand 10/ | * Es gibt verschiedene HTML-Versionen. In diesem Spickzettel wird immer die derzeit aktuelle Version **HTML5** erklärt (Stand 10/ | ||
+ | |||
+ | ===== Erklärvideo: | ||
+ | |||
+ | {{youtube> | ||
===== Aufbau eines HTML-Elements ===== | ===== Aufbau eines HTML-Elements ===== | ||
[{{: | [{{: | ||
- | * Ein HTML-Element besteht aus Start-Tag und Schluss-Tag sowie dem darin enthaltenen Text. Einige Elemente sind eine Ausnahme und bestehen nur aus einem Tag, z.B. '' | + | * Ein HTML-Element besteht aus Start-Tag und Schluss-Tag sowie dem darin enthaltenen Text. Einige Elemente sind eine Ausnahme und bestehen nur aus einem Tag, z.B. '' |
* Tags können verschachtelt werden. Dabei ist zu beachten, dass das zuletzt geöffnete Tag als Erstes wieder geschlossen werden muss, wie es im folgenden Beispiel zu sehen ist. {{: | * Tags können verschachtelt werden. Dabei ist zu beachten, dass das zuletzt geöffnete Tag als Erstes wieder geschlossen werden muss, wie es im folgenden Beispiel zu sehen ist. {{: | ||
Zeile 18: | Zeile 24: | ||
|''< | |''< | ||
|''< | |''< | ||
- | |''< | + | |''< |
- | |''< | + | |''< |
- | |''< | + | |''< |
- | |''< | + | |''< |
- | |''< | + | |''< |
|''< | |''< | ||
|''< | |''< | ||
Zeile 39: | Zeile 45: | ||
< | < | ||
</ul> | </ul> | ||
+ | |||
+ | |||
+ | <ol> | ||
+ | < | ||
+ | < | ||
+ | </ol> | ||
</ | </ | ||
===== Grundlegender Aufbau eines HTML-Dokuments ===== | ===== Grundlegender Aufbau eines HTML-Dokuments ===== | ||
<code html5> | <code html5> | ||
- | <!DOCTYPE | + | <!doctype |
< | < | ||
< | < | ||
<meta charset=" | <meta charset=" | ||
< | < | ||
+ | <link rel=" | ||
</ | </ | ||
< | < | ||
+ | |||
| | ||
- | | + | |
- | < | + | Inhalt entsprechen. Beispiele sind in der Abbildung |
+ | unten zu sehen --> | ||
| | ||
+ | |||
</ | </ | ||
</ | </ | ||
</ | </ | ||
+ | |||
+ | {{: | ||
+ | |||
* Wichtig ist der Aufbau aus ''< | * Wichtig ist der Aufbau aus ''< | ||
Zeile 62: | Zeile 81: | ||
<code html5> | <code html5> | ||
- | <meta charset=" | + | <meta charset=" |
<meta name=" | <meta name=" | ||
<meta name=" | <meta name=" | ||
Zeile 68: | Zeile 88: | ||
</ | </ | ||
+ | ==== Kommentare ==== | ||
- | * Mit '' | + | Mit '' |
fortbildungen/webdesign-lernen/html-spickzettel.txt · Zuletzt geändert: 21.07.2021 (09:52) von retemirabile