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 [30.09.2015 (09:42)] – [Grundlegender Aufbau eines HTML-Dokuments] 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:** „Hypertext Markup Language” | + | * **HTML** |
- | 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 | + | * HTML ist eine Sprache, mit der man Textbausteine auszeichnet, um ihnen verschiedene Funktionen zu geben (engl.: //to mark up// = auszeichnen). Text mit HTML-Tags heißt „Markup“. HTML benutzt dazu sog. „Tags“ (engl.: //tag// = Schildchen, Etikett). Die Links in HTML-Dokumenten verbinden verschiedene |
- | 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 | + | * Ein HTML-Element |
- | * Tags können verschachtelt werden: {{: | + | * 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. {{: |
===== Häufig benutzte HTML-Elemente ===== | ===== Häufig benutzte HTML-Elemente ===== | ||
Zeile 20: | Zeile 24: | ||
|''< | |''< | ||
|''< | |''< | ||
- | |''< | + | |''< |
- | |''< | + | |''< |
- | |''< | + | |''< |
- | |''< | + | |''< |
- | |''< | + | |''< |
|''< | |''< | ||
|''< | |''< | ||
- | |'' | ||
|''< | |''< | ||
- | |''< | + | |''< |
+ | |''< | ||
+ | |''< | ||
+ | |''< | ||
+ | |'' | ||
==== Verwendungsbeispiel für Listen ==== | ==== Verwendungsbeispiel für Listen ==== | ||
Zeile 38: | 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 61: | Zeile 81: | ||
<code html5> | <code html5> | ||
- | <meta charset=" | + | <meta charset=" |
<meta name=" | <meta name=" | ||
<meta name=" | <meta name=" | ||
Zeile 67: | Zeile 88: | ||
</ | </ | ||
+ | ==== Kommentare ==== | ||
+ | Mit '' |
fortbildungen/webdesign-lernen/html-spickzettel.1443598936.txt.gz · Zuletzt geändert: 06.08.2020 (10:37) (Externe Bearbeitung)