Ein Entwicklertagebuch

Grundlagen

Der Aufbau eines HTML5-Dokumentes erfolgt normalerweise wie folgt: <!DOCTYPE html>

Title 

  </body>

Als erstes wird hier dem Browser durch !DOCTYPE mitgeteilt, dass es sich um ein HTML-File handelt. Danach wird innerhalb des

Tags das und Tag gesetzt. Innerhalb des Tags werden Metainformationen sowie der Titel definiert. Im Tag wird dann das ganze statische Skelett der Webseite geschrieben.

Tags

Ein Tag wird immer geöffnet (<öffnend>) und wieder geschlossen (). Dabei gibt es ein paar wichtige tags:

a Hyperlink b bold (fetter) Text br break (Enter) button Ein Knopf dl description list dt description list title dd description list definition div Box (Boxenmodell) em empasized (Kursiver) text fieldset Gruppiert die unterhalbliegenden Tags. (Mit einem Rahmen) form Formularfeld h1 bis h6 Titel (1 grösster, 6 kleinster) head Kopf header Koopfabschnitt innerhalb vom body hr horizontaler Strich html html-Tag i italic, siehe em iframe tag zum anzeigen anderer Webseite innerhalb des Tags img image (Bild) input Basis für texteingabe, Radiobuttons, etc meta metainformationen werden hier gespeichert ol ordered list ul unordered list li Listenpunkt link Verlinkt zu einer anderen Datei (Bsp.: für CSS) option definiert eine Option in einer Dropdownliste p Paragraph (Text) script JavaScript Tag strong siehe b style für Styleinformationen innerhalb des HTML-Files (veraltet) table Tabelle (Öffnung) tbody Tabelle (Körper) thead Tabelle (Gruppierung th) th Tabelle (Titel(Header)) tr Tabelle (Zeile (TableRow)) td Tabelle (Zelle)