HTML - Revision history

Tobias: /* Weitere Ressourcen */ Links korrigiert, nicht erreichbare Links gelöscht.

2013-10-29T12:55:39Z

Weitere Ressourcen: Links korrigiert, nicht erreichbare Links gelöscht.

← Older revision		Revision as of 12:55, 29 October 2013
Line 122:		Line 122:

	=== Weitere Ressourcen ===		=== Weitere Ressourcen ===
	* [http://www.w3schools.com/~~html5~~/~~html5_reference~~.asp HTML5 Referenz]		* [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.feierfeil.at/html/index_html.htm HTML-Übersicht]
	* [http://www.apple.com/html5/ Safari & Webkit HTML5 Showcase]

	* [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]

Max at 18:20, 27 January 2013

2013-01-27T18:20:30Z

← Older revision		Revision as of 18:20, 27 January 2013
Line 2:		Line 2:
	<source lang="HTML4Strict">		<source lang="HTML4Strict">
	<html>		<html>
	<head>Hier ist der Kopf</head>		<head>Hier ist der Kopf</head>
	<body>..und hier der Körper</body>		<body>...und hier der Körper</body>
	</html>		</html>
	</source>		</source>
Line 33:		Line 33:
	# HTML Anfang		# HTML Anfang
	# Head Anfang		# Head Anfang
	# Durch die Festlegung der Zeichenkodierung (charset) auf UTF-8 (das Dokument muss natürlich auch diese [~~https~~://de~~.wikipedia.org/wiki/~~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 ß		# 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

Max: /* Struktur */

2013-01-27T18:17:40Z

Struktur

← Older revision		Revision as of 18:17, 27 January 2013
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" />		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Seitentitel</title>		<title>Seitentitel</title>
	</head>		</head>
	<body>		<body>
	<p>Hallo Welt!</p>		<p>Hallo Welt!</p>
	<p><em>Das</em> ist eine HTML-Seite…</p>		<p><em>Das</em> ist eine HTML-Seite…</p>
	</body>		</body>
	</html>		</html>
	</source>		</source>

Mm: kleine Korrektur

2013-01-27T18:16:06Z

kleine Korrektur

← Older revision		Revision as of 18:16, 27 January 2013
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 [~~[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 ß		# Durch die Festlegung der Zeichenkodierung (charset) auf UTF-8 (das Dokument muss natürlich auch diese [https://de.wikipedia.org/wiki/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

JanD: /* Tags */ , veraltete entfernt

2013-01-27T18:15:39Z

Tags: , veraltete entfernt

← Older revision		Revision as of 18:15, 27 January 2013
Line 51:		Line 51:
	* body		* body
	** p (paragraph)		** p (paragraph)
	** ~~i (italic),~~ em (emphasized), b (~~bold~~)~~, strong~~		** 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 ~~roule~~)		** 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)

	~~Außer dem script-Tag kann man~~ Tags ohne Inhalt auch verkürzt ~~notieren~~, z.B. <source lang="HTML4Strict"><br/></source> statt einem (recht sinnlosen) <source lang="HTML4Strict"><br></br></source>		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==

Max: /* Struktur */

2013-01-27T18:11:52Z

Struktur

← Older revision		Revision as of 18:11, 27 January 2013
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 [~~https~~://de~~.wikipedia.org/wiki/~~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 ß		# Durch die Festlegung der Zeichenkodierung 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

JanD: /* Struktur */

2013-01-27T18:08:48Z

Struktur

← Older revision		Revision as of 18:08, 27 January 2013
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 [https://de.wikipedia.org/wiki/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 ß		# Durch die Festlegung der Zeichenkodierung auf UTF-8 (das Dokument muss natürlich auch diese [https://de.wikipedia.org/wiki/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

JanD: /* Struktur */

2013-01-27T18:08:14Z

Struktur

← Older revision		Revision as of 18:08, 27 January 2013
Line 27:		Line 27:
	# Definition des Dokumentenformats		# Definition des Dokumentenformats
	# Es gibt folgende sog. DTD:		# Es gibt folgende sog. DTD:
			## HTML5 einfach nur als <!DOCTYPE HTML>
	## Strict: Trennung zwischen Inhalt und Design, strenge Verschachtelungsregeln		## Strict: Trennung zwischen Inhalt und Design, strenge Verschachtelungsregeln
	## Transitional/Loose: Weniger Beschränkungen als Strict		## Transitional/Loose: Weniger Beschränkungen als Strict
Line 32:		Line 33:
	# HTML Anfang		# HTML Anfang
	# Head Anfang		# Head Anfang
	# Durch die Festlegung ~~des Charset~~ auf UTF-8 (das Dokument muss natürlich auch diese Zeichenkodierung verwenden!), kann man Umlaute wie ä,ü und ß verwenden ohne diese speziell codieren zu müssen; z.B. in &auuml;, &üuml; und ß		# Durch die Festlegung der Zeichenkodierung auf UTF-8 (das Dokument muss natürlich auch diese [https://de.wikipedia.org/wiki/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~~; i wäre nicht strict-konform~~)		# Ein Paragraph mit einem ''emphasized'' Teil (em-Tag = hervorgehoben)
	# Body Ende		# Body Ende
	# HTML Ende		# HTML Ende

Matthias.breuer: /* Canvas */

2011-12-06T12:39:40Z

Canvas

← Older revision		Revision as of 12:39, 6 December 2011
Line 100:		Line 100:
	* [http://dev.opera.com/articles/view/html-5-canvas-the-basics/ Dev.Opera Canvas tutorial]		* [http://dev.opera.com/articles/view/html-5-canvas-the-basics/ Dev.Opera Canvas tutorial]
	* http://canvas.quaese.de/		* http://canvas.quaese.de/
			* [http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html Canvas Cheat Sheet]
	<br/>		<br/>

Matthias.breuer: /* Canvas */

2011-12-06T12:39:00Z

Canvas

← Older revision		Revision as of 12:39, 6 December 2011
Line 75:		Line 75:
	<br/>		<br/>

	=== Canvas ===		===[[Canvas]]===
	Das Canvas-Element kann mit JavaScript "bemalt" werden. Der Canvas Kontext ist in 2D und 3D verfügbar, 3D wird allerdings noch von sehr wenigen Browsern unterstützt. Das Zeichnen in 2D funktioniert ähnlich wie in anderen Sprachen (z.B. Java, Processing, Quartz). Man holt sich zuerst den Kontext und kann dann Basis-Shapes, Bilder, Text u.v.m. auf diesen Kontext zeichnen. Das Canvas-Element ist Pixel-basiert.		Das Canvas-Element kann mit JavaScript "bemalt" werden. Der Canvas Kontext ist in 2D und 3D verfügbar, 3D wird allerdings noch von sehr wenigen Browsern unterstützt. Das Zeichnen in 2D funktioniert ähnlich wie in anderen Sprachen (z.B. Java, Processing, Quartz). Man holt sich zuerst den Kontext und kann dann Basis-Shapes, Bilder, Text u.v.m. auf diesen Kontext zeichnen. Das Canvas-Element ist Pixel-basiert.
	<source lang="HTML4strict">		<source lang="HTML4strict">