HTML und XHTML genauer betrachtet

Kapitel 1:
Vokabular
Dieses Kapitel befasst sich damit, wie die einzelnen Begriffe in HTML und XHTML heißen.
Ich erkläre es von "außen nach innen" also vom oberbegriff für den Befehl, und dann komme ich zu den Teilen,
die die Befehle noch auszeichnen.

Einen Befehl in HTML nennt man Element ein Element ist zum Beispiel <p>
</p> und nicht <p>, denn dann ist der Befehl ja noch nicht vollständig.Wenn man nur das <p> nimmt nennt man das einen Tag. Ein Tag ist prinziell alles,was in eckigen Klammern steht. Das Element p besteht also aus zwei tags, <p> und </p>. In einem Tag kann noch deutlich mehr stehen, als nur der Name des Elements, zum Beispiel: <img src="bild.gif"> hier haben wir zwei neue Begriffe: Attributund Wert. Das Attribut ist src= es ist zuständig dafür wo das bild ist, ein Attribut ist immer ein festes Wort bzw. eine Feste Buchstabenkombination wie ein Befehl selber. Im Wert kann, je nach Attribut ein variabler Wert stehen. Bei einigen Attributen gibt es dort nur 1 und 0 oder yes oder no.Bei anderen Attributen wie eben src gibt es recht viele Werte beschränkt durch die Namen der Ordner und Bilder.

Kapitel 2:
Ein großer Fehler
Im Internet gibt es viele Tutorials über HTML und XHTML, einige weniger gut, andere sehr gut. Doch auch einige der besten haben einen Fehler, direkt zu Beginn. Und das liegt daran weil sich dieser Fehler sehr weit verbreitet hat. Wenn man ihn macht, ist es nicht unbedingt schlimm, doch sollte man es vermeiden...

Es geht darum, wie ein HTML Dokument beginnt. Auf vielen Seiten und in vielen Tuts steht ein HTML Dokument beginnt mit <html> und das ist falsch.
Ein HTML Dokument beginnt in der Regel mit dem DOCTYPE. In dem DOCTYPE ist angegeben, welche HTML Version man verwendet hier der DOCTYPE für die Version
4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Wenn man Frames verwenden möchte (keine I-Frames):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

Diese Doctypes muss man nicht sofort auswendig können ich habe sie mir erst in eine .txt kopiert aber irgendwann konnt ich es dann.

Der Aufbau eines HTML Dokumentes in der Version 4.01 sieht also so aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Titel</title>
</head>
<body>
</body>
</html>

Kapitel 3:
"X gonna give it to ya'"
In diesem Kapitel kümmern wir ums um den Umstieg auf XHTML bzw. was es ausmacht oder von HTML 4.01 unterscheidet.

XHTML läßt ein Element nicht geschlossen. Ein Element wie <p></p> hat ja ein Schulsstag das </p> allerdings <img src="bla.gif"> hat keines. Solche Elemente werden dann im selben Tag geschlossen dann sieht das in XHTML so aus: <img src="bla.gif" /> die Leerzeile ist kein Pflicht aber ist gut für die Überischt.

Desweiteren gibt es keine einzelnen Attribute mehr. Bei HTML 4.01 konnte man schreiben: <input type="checkbox" checked> nun schrieibt man <input tpye="checkbox" checked="checked"> Diese Tags müssen überigens nicht geschlossen werden, da sie keine Befehle sind sondern zu dem Formular gehören das dann am Ende durch </form> geschlossen wird.

XHTML hat logischerweise auch einen anderen DOCTYPE als HTML dieser lautet:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Außerdem werden in XHTML xml applikationen eingebunden das geschiet direkt im html tag der code sieht so aus:

xml:lang und lang geben die Sprache des Dokumentes an.

Ich kann noch folgendes tut empfehlen:
http://jendryschik.de/wsdev/einfuehrung/xhtml/

Es richtet sich auch an Leute die noch kein HTML können aber da man bei den Befehlen ja gar nicht mehr nachdenken muss wie man sie bentutzt etc. ließt sich der Teil wie Trivialliteratur allerdings, kann man dort auch die Eigenschaften von XHTML sehen.