Digital Eliteboard - Das Digitale Technik Forum

Registriere dich noch heute kostenloses um Mitglied zu werden! Sobald du angemeldet bist, kannst du auf unserer Seite aktiv teilnehmen, indem du deine eigenen Themen und Beiträge erstellst und dich über deinen eigenen Posteingang mit anderen Mitgliedern unterhalten kannst! Zudem bekommst du Zutritt zu Bereiche, welche für Gäste verwehrt bleiben

HTML-PHP-Java-Perl Aufbau eines HTML Dokuments

perty

Meister
Registriert
14. Februar 2008
Beiträge
780
Reaktionspunkte
128
Punkte
43
Ort
oben bei Mutti
Das erste Dokument enthält natürlich alles, was nie fehlen darf. Dazu gehören die drei Tags HTML, HEAD und BODY. Aber auch der Tag TITLE sollte nicht fehlen, denn er gibt den Titel eines Dokuments an.

Der Tag HTML schließt das gesamte Dokument ein. Innerhalb des Dokuments wird nach dem Kopf - durch den Tag HEAD - und dem Textkörper - durch den Tag BODY - unterschieden. Der eigentliche Text steht im Textkörper. Der Kopf enthält Informationen wie den Titel. Der Titel - gekennzeichnet mit dem Tag TITLE - erscheint beispielsweise
als Titel im Fenster des Browsers.

Ein minimales Dokument (mit Titel und Text) hat somit die folgende Gestalt:

<HTML>
<HEAD>
<TITLE> Titel des Dokuments
</HEAD>
<BODY>
Zwischen den Body-Tags wird alles
eingegeben, was im Browser später zu
sehen sein soll
</BODY>
</HTML>​

html

Das Tag <html> ... </html> umschließt den Head und Body der HTML-Datei.

head

Zwischen <head> ... </head> werden allgemeine Angaben über das Dokument notiert (beispielsweise das Erstellungsdatum und der Autor). Zudem umschließt das <head> ... </head>-Tag das <title> ... </title>-Tag.

title

Jede HTML-Datei sollte einen aussagekräftigen Titel erhalten. Ihn zeigt der Browser in der Titelleiste. Weiterhin ist der Titel der Eintrag, den Browser beim Anlegen eines Lesezeichens (engl. Bookmark) wählen bzw. vorschlagen. Auch viele Suchmaschinen im World Wide Web bauen ihre Datenbanken auf den Titeln von HTMLDokumenten auf.

body

Im einleitenden <body>-Tag können Anweisungen für Farben und Hintergrundbilder stehen. (Dazu später mehr). Im Body selbst werden die Informationen eingegeben, die auf dem Bildschirm des Benutzers dargestellt werden sollen, z.B. Textelemente, Hyperlinks, Bilder und Töne. Tipp: Um nicht bei jedem HTML-Dokument die Grundstruktur neu erstellen zu müssen, sollten Sie eine Datei anlegen, die die immer benutzten Tags enthält. Speichern Sie sie z.B. unter dem Namen Vorlage.
htm, so können Sie immer wieder auf das vorgefertigte Muster zurückgreifen.
 
AW: Aufbau eines HTML Dokuments

Nachtrag :

ein titel-tag ist nicht zwingend notwendig .

eben so bekommt man eine lauffähige Homepage wenn man den HEAD, titel- , body & html-Tag weg lässt ...

persönlich schreibe ich auch nur body & html tag´s mit
 
AW: Aufbau eines HTML Dokuments

Du musst dich Anmelden oder Registrieren um den Inhalt der Angebote zu sehen!


nichtmal das oben angegebene Grundgerüst ist valides HTML (doctype-Angabe fehlt!) und wenn du da noch was weg lässt ist es erstrecht nicht mehr valide.

und Seiten, die derartig dreckig gecodet werden, werden vom Browser gerne mal im so genannten Quirks-Mode dargestellt.
D.h. der Browser denkt sich, was der Autor wohl gemeint haben könnte - und das kann von Browser zu Browser unterschiedlichste Ergebnisse verursachen...

daher VALIDES HTML oder XHTML coden!!!

Weiteres zum Thema Quirksmode:
Du musst dich Anmelden oder Registrieren um diesen link zusehen!

Du musst dich Anmelden oder Registrieren um diesen link zusehen!

Du musst dich Anmelden oder Registrieren um diesen link zusehen!

Du musst dich Anmelden oder Registrieren um diesen link zusehen!

Du musst dich Anmelden oder Registrieren um diesen link zusehen!




HTML-Validierung:
Du musst dich Anmelden oder Registrieren um diesen link zusehen!

CSS-Validierung:
Du musst dich Anmelden oder Registrieren um diesen link zusehen!





HTML-Grundgerüste:

HTML4.01 Transitional:
Code:
Du musst dich Anmelden oder Registrieren um den Inhalt der Codes zu sehen!
HTML4.01 Strict:
Code:
Du musst dich Anmelden oder Registrieren um den Inhalt der Codes zu sehen!
XHTML 1.0 Transitional:
Code:
Du musst dich Anmelden oder Registrieren um den Inhalt der Codes zu sehen!
XHTML 1.0 Strict:
Code:
Du musst dich Anmelden oder Registrieren um den Inhalt der Codes zu sehen!
noch ein paar Anmerkungen:

  • HTML-Tags werden immer klein geschrieben (in 4.01 Transitional ist's glaub ich noch egal, bei den meisten anderen Standards nicht...)
  • Text-Inhalte innerhalb des <body> gehören in Absätze (<p>Text bla blub</p>) oder DIVs (<div>bla bla</div>)
  • Formatierung/Design findet, wenn's sauber sein soll, über CSS-Dateien statt (und nicht über <font size=....>-Tags, <center>-Tags... oder ähnliche Konstrukte)
 
Zurück
Oben