Schritt 1
Dokument erstellen
Um ein Dokument zu erstellen, öffnet man im ersten Schritt ein geeignetes Textbearbeitungsprogramm. Falls keine speziellen Bedürfnisse an das Programm bestehen, reicht auch das Standardprogramm "Textd...
Schritt 2
HTML-Struktur einrichten.
Unser Textdokument ist noch leer. Um dies zu ändern müssen wir die Grundstruktur-Befehle von HTML eingeben. Die Grundstruktur besteht aus einem sogenannten "HTML-Tag", dem "Head-Tag", dem "Title-Tag" ...
Schritt 3
Head-Tag
Nach dem Befehl lassen wir eine Zeile frei und geben den Befehl "head" ein. Dies ist unser sogenannter "Kopf-Bereich". Auch diesen müssen wir wieder begrenzen, also tippen wir ein paar Zeilen weiter d...
Schritt 4
Body-Tag
Jetzt kommt das Kernstück unseres Dokumentes, der "Body-Tag".  Der Body-Bereich kommt, wie auf dem Foto zu erkennen, nach dem Head-Bereich und endet noch vor dem letzten Befehl (/html). Der Body-Berei...
Schritt 5
Abspeichern & Fertig!
Um unser fertiges Dokument nun betrachten zu können, müssen wir es nur noch richtig formatieren. Dafür klicken wir auf "Speichern unter" und wählen den Dateityp "Alle Dateien" aus. Nun ändern wir den ...

Schritt 2 / 5 - HTML-Struktur einrichten.

Unser Textdokument ist noch leer. Um dies zu ändern müssen wir die Grundstruktur-Befehle von HTML eingeben. 

Die Grundstruktur besteht aus einem sogenannten "HTML-Tag", dem "Head-Tag", dem "Title-Tag" und dem "Body-Tag". Diese sogenannten "Tags" strukturieren einzelne Bereiche innerhalb des Dokuments, wobei jedes eine eigene Funktion besitzt. 

Die Struktur wird im Folgenden erläutert, ist jedoch auch aus dem Foto zu entnehmen. Wichtig ist, dass jeder Befehl mit dem "Kleiner als" Zeichen geöffnet, und dem "Größer als" Zeichen geschlossen wird.

Wir beginnen mit dem "Html-Tag". In unsere oberste Zeile tippen wir "html" (ohne Anführunsstriche, zwischen Kleiner/Größer als-Zeichen) ein. In die letzte Zeile des Dokuments tippen wir dementsprechend "/html" ein, was den ersten Befehl eingrenzt. Der Bereich zwischen diesen beiden Befehlen ist unser gesamter HTML-Bereich.


weiter mit: Head-Tag  ⇒
100% Zoom
Schlagwörter: HTML
Schwierigkeit:
leicht
Zeitbedarf:
10 Minuten
Bewertung:
3.00
Aufrufe:
7705
bewerten:
Stern Stern Stern Stern Stern
Empfehlen:
Link zur Anleitung:
Anzeige

Einkaufsliste

Werkzeug:
keins
Material:
keins

Kommentare

An dieser Diskussion teilnehmen.
Bitte anmelden oder registrieren um an dieser Diskussion teilnehmen zu können.