1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
|
---
title: HTML
slug: Learn/HTML
tags:
- Anfänger
- Beginner
- CodingScripting
- HTML
- Lernen
translation_of: Learn/HTML
---
<div>{{LearnSidebar}}</div>
<p class="summary">{{Glossary('HTML')}} ist die Basistechnologie oder Beschreibungssprache, in der Webseiten im WWW erstellt werden. HTML definiert die <em>Struktur</em> einer Webseite. Falls Sie Webseiten selbst erstellen möchten, sollten Sie sich mit HTML auskennen (oder anderenfalls einen automatischen HTML Generator benutzen). Über den HTML Code wird bestimmt, ob ein bestimmter <em>Inhalt</em> (der konkrete Text, z.B. "hallo www, dies ist meine erste Web Seite!") einer Webseite vom Brower etwa als Absatz, Link, Überschrift, Bild oder Formular erkannt werden soll.</p>
<h2 id="Ihr_Lernweg">Ihr Lernweg</h2>
<p>Auf dem Weg in die Webentwicklung sollten Sie als aller erstes HTML lernen, da dies die Grundlage aller Webseiten bildet.<br>
<br>
<a href="/de/Learn/HTML/Einf%C3%BChrung_in_HTML">Starten Sie hier unseren HTML-Kurs, indem Sie Einführung in HTML lesen.</a><br>
<br>
Wenn Sie HTML schon können, dann sollten sie nun eine der darauf aufbauenden Technologien lernen:</p>
<ul>
<li><a href="/de/docs/Learn/CSS">CSS</a>, und wie man dieses nutzt, um HTML zu stilisieren ("stylen")<br>
Zum Beispiel können Sie die Textgröße und Schriftart ändern, Rahmen anzeigen lassen und Animationen hinzufügen.</li>
<li><a href="/de/docs/Learn/JavaScript">Javasscript</a>, und wie man dieses nutzt, um eine dynamische Webseite zu erstellen.<br>
Zum Beispiel könnten Sie damit die Position auf einer Karte finden, sie können Elemente auf der Webseite erscheinen oder verschwinden lassen, sie können Daten des Nutzers lokal speichern usw..</li>
</ul>
<p>Bevor Sie mit unserem HTML-Kurs anfangen, sollten Sie grundsätzlich mit Ihrem Computer umgehen können und das Internet schon passiv nutzen, d.h. im Internet surfen. Wenn Sie dies lesen, ist das Letzere ja wohl offensichtlich der Fall. Sie sollten schon eine Rechner-Arbeitsumgebung haben, wie in <a href="/de/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Installieren nötiger Software</a> erklärt wird und wissen wie Sie Ihre Dateien ordnen, wie in <a href="/de/docs/Learn/Getting_started_with_the_web/Dealing_with_files">Dateien nutzen</a> erklärt wird. Diese beiden Artikel sind Teil unserer Artikelserie <a href="/de/docs/Learn/Getting_started_with_the_web">Das Internet für Einsteiger</a>.</p>
<p>Es ist nicht besonders schwer, die Grundlagen zu erlernen. Allerdings handelt es sich bei HTML um eine umfassende Technologie mit vielen Features, es gibt dementsprechend nicht einen einzigen korrekten Weg die Sprache zu lernen. Es wird empfohlen, sich zuerst durch den Artikel <a href="https://developer.mozilla.org/de/Learn/Getting_started_with_the_web">Das Internet für Einsteiger</a> durchzuarbeiten - falls sie über dieses Wissen schon verfügen, dann brauchen Sie das natürlich nicht tun. Auch ist das meiste, was im HTML-Grundlagen Artikel abgedeckt wird, schon bereits in unser Modul <a href="/de/docs/Web/Guide/HTML/Introduction">Einführung in HTML</a> integriert.</p>
<div class="row topicpage-table">
<div class="section">
<h2 id="Module">Module</h2>
<p>In unserem HTML Lernbereich finden Sie die unten genannten Module. Die Module sind so in Reihenfolge angeordnet, daß Sie diese von oben nach unten durchgehen können, was wir sehr empfehlen. Sie sollten mit dem ersten Modul anfangen.</p>
<dl>
<dt><a href="/de/Learn/HTML/Einf%C3%BChrung_in_HTML">Einführung in HTML</a></dt>
<dd>In diesem Modul üben Sie Grundlegende Fertigkeiten mit HTML ein. Sie könnten hier mit dem Studium starten: Hier könnte Ihre Reise in die Webentwicklung anfangen. Sie lernen, wie Sie das Grundgerüst einer Webseite schreiben, wie Sie Links erstellen und Ihre Webseite strukturieren.</dd>
<dd>Wem das alles viel zu langwierig und aufgebläht erscheint, dem wird auf <strong>https://codepen.io</strong> weitergeholfen, wo man sofort ohne Zeitverschwendung mit Beispielen loslegen und testen kann; einige Beispiele sind auch hier im MDN verlinkt und kommentiert. Die o.g. vorausgesetzte "Rechner-Arbeitsumgebung" ist hier gar nicht nötig: Codepen.io liefert sie prompt & frei auf Bildschirm.</dd>
<dt><a href="/de/docs/Learn/HTML/Multimedia_and_embedding">Multimediainhalte einbinden</a></dt>
<dd>In diesem Modul lernen Sie verschiedene Wege kennen, wie man Bilder, Videos oder gar andere Webseiten in eine eigene Webseite einbinden kann.</dd>
<dt><a href="/en-US/docs/Learn/HTML/Tables">HTML Tabellen</a></dt>
<dd>Tabellen so auf Webseiten darzustellen, das sie für alle Menschen zugänglich sind, ist nicht so einfach. In diesem Modul lernen Sie, wie man mit HTML eine Tabelle erstellt und wie man komplexere Zusätze hinzufügt, wie eine Zusammenfassung.</dd>
</dl>
<h2 id="Häufige_Probleme_in_HTML_lösen">Häufige Probleme in HTML lösen</h2>
<dl>
<dt><a href="/de/Learn/HTML/Howto">Häufige Probleme mit HTML lösen</a></dt>
<dd>Diese Serie von Artikeln existiert, um Ihnen zu helfen häufig auftretende Probleme bei der Erstellung einer Webseite zu lösen: Arbeiten mit Titeln, Hinzufügen von Bildern oder Videos, Hervorheben von Inhalten, Einbinden von Formularen, usw.</dd>
</dl>
</div>
<div class="section">
<h2 id="Weiterführende_Artikel">Weiterführende Artikel</h2>
<dl>
<dt><a href="/de/Learn/HTML/Write_a_simple_page_in_HTML">Eine einfache Seite in HTML schreiben</a></dt>
<dd>In diesem Artikel werden Sie lernen, wie Sie eine einfache Webseite erstellen.</dd>
</dl>
<hr>
<p>Sollten Sie sich an HTML gewöhnt haben, finden Sie hier genauere Informationen zum Erkunden:</p>
<dl>
<dt><a href="/de/docs/Web/HTML/Reference">HTML Referenz</a></dt>
<dd>In unserem großen Referenz Leitfaden finden Sie Details über jedes HTML-Element und Attribut.</dd>
</dl>
</div>
</div>
|
