HTML-Tags

1
HTML-Tags

• Spitze Klammern Tags
• Befehle, um Text zu formatieren, stehen in Tags
• Befehle bestehen aus
• einleitendem Taglt...gt
• und
• abschließendem Tag lt/...gt
• Befehle können groß- oder kleingeschrieben
  werden
• ltp align"left"gt
• oder
• ltP ALIGN"LEFT"gt

2
Ein Text im Browser

• Text-Editor starten
• Text eingeben
• Dokument speichern unter text.htm bzw. text.html
• Datei im Browser öffnen

3
HTML-Grundgerüst

• Ein HTML-Dokument ist grundsätzlich aus vier Tags
  aufgebaut

? Umschließt das gesamte Dokument ? Dateikopf ?
Titel für das Dokument ? Dateirumpf
4
Quelltext in den Editor eingeben
5
Textabsatz und Zeilenumbruch

• Zeilenumbrüche und Absätze werden auch im Browser
  erkannt
• ltbrgt (um den Zeilenumbruch einzuleiten)
• ltpgt...lt/pgt (um den Absatz einzuleiten)
• Zeilenumbruch verhindern durch Eingabe von
• ltnobrgt...lt/nobrgt
• Beispiel ltbodygt Gestern habe ich
  ltnobrgt 84 Sterne lt/nobrgt am
  Abendhimmel gezählt lt/bodygt

6
Zeilenumbrüche und Absätze in Quelltext
7
Attribute und Werte

• Attribut zusätzliche Angaben zur Formatierung
  eines Elements, besitzt einen
  bestimmten Wert
• Attributarten in HTML-Tags
• Einzelattribute ltol compactgt
• Normierte Werte ltp align"right"gt
• Numerische Zuweisung lttable width"600"gt
• Prozentuale Zuweisung lttable width"80"gt
• Variable Werte lta href"http//www.web.de"gt

Wert
Attribut
8
Absatzausrichtung

• Das Attribut align (Ausrichtung) gibt an, wie
  der nachfolgende Text ausgerichtet werden soll.
• Mögliche Werte sind
• left (linksbündig)
• center (zentriert)
• right (rechtsbündig)
• justify (Blocksatz)
• Beispiel ltp align"center"gtzentrierter Textlt/pgt

9
Gedichtformatierung
10
Bereiche definieren

• Befehl, um nicht jeden einzelnen Textabsatz
  ausrichten zu müssen ltdivgt...lt/divgt
• Beispiel

11
Überschriften und Kommentare einfügen

• Befehl für Überschriften lth1gt...lt/h1gt bis
  lth6gt...lt/h6gt
• Beispiel
• Kommentar angeben lt!- - Kommentar- - gt
• Beispiel lt!-- Es müssen noch die Daten eingefügt
  werden --gtlt!-- nächster Absatz --gt
  ltpgt ... lt/pgt