586
edits
m (→Weitere Ressourcen: Links korrigiert, nicht erreichbare Links gelöscht.) |
|||
(6 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
<source lang="HTML4Strict"> | <source lang="HTML4Strict"> | ||
<html> | <html> | ||
<head>Hier ist der Kopf</head> | |||
<body>...und hier der Körper</body> | |||
</html> | </html> | ||
</source> | </source> | ||
Line 13: | Line 13: | ||
"http://www.w3.org/TR/html4/strict.dtd"> | "http://www.w3.org/TR/html4/strict.dtd"> | ||
<html> | <html> | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |||
<title>Seitentitel</title> | |||
</head> | </head> | ||
<body> | <body> | ||
<p>Hallo Welt!</p> | |||
<p><em>Das</em> ist eine HTML-Seite…</p> | |||
</body> | </body> | ||
</html> | </html> | ||
</source> | </source> | ||
Line 33: | Line 33: | ||
# HTML Anfang | # HTML Anfang | ||
# Head Anfang | # Head Anfang | ||
# Durch die Festlegung der Zeichenkodierung auf UTF-8 (das Dokument muss natürlich auch diese [ | # Durch die Festlegung der Zeichenkodierung (charset) auf UTF-8 (das Dokument muss natürlich auch diese [[wikipedia:de:Zeichenkodierung|Zeichenkodierung]] verwenden, was in eurem Editor/IDE einstellbar ist!), kann man Umlaute wie ä,ü und ß verwenden ohne diese speziell codieren zu müssen; z.B. in &auuml;, &üuml; und ß | ||
# Der Seitentitel wie im Browserfenster angezeigt | # Der Seitentitel wie im Browserfenster angezeigt | ||
# Head Ende | # Head Ende | ||
# Body Anfang | # Body Anfang | ||
# Ein P-Tag (Paragraph = Absatz) | # Ein P-Tag (Paragraph = Absatz) | ||
# Ein Paragraph mit einem ''emphasized'' Teil (em-Tag = hervorgehoben) | # Ein Paragraph mit einem ''emphasized'' Teil (em-Tag = hervorgehoben; i-Tag = italic ist erlaubt, aber durch die Vermischung von Inhalt und Kursiv-Formatierung nicht "strict"-konform, siehe Zeile 2) | ||
# Body Ende | # Body Ende | ||
# HTML Ende | # HTML Ende | ||
Line 51: | Line 51: | ||
* body | * body | ||
** p (paragraph) | ** p (paragraph) | ||
** | ** em (emphasized), strong (stärkere Hervorhebung als em) | ||
** a (anchor, z.B. a href = anchor hyper-reference für das, was man gewöhnlich umgangssprachlich als "Link" bezeichnet) | ** a (anchor, z.B. a href = anchor hyper-reference für das, was man gewöhnlich umgangssprachlich als "Link" bezeichnet) | ||
** br (line break), hr (horizonal | ** br (line break, um eine neue Zeile anzufangen), hr (horizonal rule, eine linie) | ||
** div (division), span | ** div (division, meist als "Kasten" für Inhalte genutzt), span (Abschnitt im Text, wenn em oder strong nicht passend sind) | ||
** img (image) | ** img (image) | ||
** script | ** script (Javascript) | ||
Tags ohne Inhalt dazwischen können auch verkürzt notiert werden (außer bei script), z.B. <source lang="HTML4Strict"><br/></source> statt einem (recht sinnlosen) <source lang="HTML4Strict"><br></br></source> | |||
== HTML5== | == HTML5== | ||
Line 122: | Line 122: | ||
=== Weitere Ressourcen === | === Weitere Ressourcen === | ||
* [http://www.w3schools.com/ | * [http://www.w3schools.com/tags/default.asp HTML5 Referenz] | ||
* [http://dret.typepad.com/dretblog/html5-api-overview.html The HTML 5 APIs summed up] | * [http://dret.typepad.com/dretblog/html5-api-overview.html The HTML 5 APIs summed up] | ||
* [http://dev.w3.org/html5/spec/Overview.html W3C HTML5 Reference] | * [http://dev.w3.org/html5/spec/Overview.html W3C HTML5 Reference] | ||
* [http://dev.w3.org/html5/html4-differences/ Differences between HTML 4 & 5 (W3C)] | * [http://dev.w3.org/html5/html4-differences/ Differences between HTML 4 & 5 (W3C)] | ||
* [http://html5doctor.com/article-archive/ HTML 5 Doctor] | * [http://html5doctor.com/article-archive/ HTML 5 Doctor] | ||
* [http://www.youtube.com/watch?v=EdDc7sWjCL4 Brad Neuberg from Google: Learn About HTML5 and the Future of the Web] | * [http://www.youtube.com/watch?v=EdDc7sWjCL4 Brad Neuberg from Google: Learn About HTML5 and the Future of the Web] |
edits