HTML-Tags - Pool Online
HTML-Tags - Pool Online
HTML-Tags - Pool Online
Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.
YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.
� Spitze Klammern = <strong>Tags</strong><br />
<strong>HTML</strong>-<strong>Tags</strong><br />
� Befehle, um Text zu formatieren, stehen in <strong>Tags</strong><br />
� Befehle bestehen aus<br />
� einleitendem Tag<br />
und<br />
� abschließendem Tag <br />
� Befehle können groß- oder kleingeschrieben werden:<br />
� <br />
oder<br />
� <br />
2. Das erste Dokument 1
� Text-Editor starten<br />
� Text eingeben<br />
Ein Text im Browser<br />
� Dokument speichern unter text.htm bzw. text.html<br />
� Datei im Browser öffnen<br />
2. Das erste Dokument 2
<strong>HTML</strong>-Grundgerüst<br />
� Ein <strong>HTML</strong>-Dokument ist grundsätzlich aus vier <strong>Tags</strong><br />
aufgebaut:<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Umschließt das gesamte Dokument<br />
Dateikopf<br />
Titel für das Dokument<br />
Dateirumpf<br />
2. Das erste Dokument 3
Quelltext in den Editor eingeben<br />
2. Das erste Dokument 4
Textabsatz und Zeilenumbruch<br />
� Zeilenumbrüche und Absätze werden auch im Browser<br />
erkannt:<br />
� (um den Zeilenumbruch einzuleiten)<br />
� ... (um den Absatz einzuleiten)<br />
� Zeilenumbruch verhindern durch Eingabe von<br />
� ...<br />
Beispiel: <br />
Gestern habe ich<br />
84 Sterne <br />
am Abendhimmel gezählt<br />
<br />
2. Das erste Dokument 5
Zeilenumbrüche und Absätze in Quelltext<br />
2. Das erste Dokument 6
Attribute und Werte<br />
� Attribut = zusätzliche Angaben zur Formatierung eines<br />
Elements, besitzt einen bestimmten Wert<br />
� Attributarten in <strong>HTML</strong>-<strong>Tags</strong>:<br />
� Einzelattribute <br />
� Normierte Werte <br />
� Numerische Zuweisung <br />
� Prozentuale Zuweisung <br />
� Variable Werte <br />
Attribut<br />
Wert<br />
2. Das erste Dokument 7
Absatzausrichtung<br />
� Das Attribut align (=Ausrichtung) gibt an, wie der<br />
nachfolgende Text ausgerichtet werden soll.<br />
� Mögliche Werte sind:<br />
� left (linksbündig)<br />
� center (zentriert)<br />
� right (rechtsbündig)<br />
� justify (Blocksatz)<br />
� Beispiel: zentrierter<br />
Text<br />
Attribut<br />
Wert<br />
2. Das erste Dokument 8
Gedichtformatierung<br />
2. Das erste Dokument 9
Bereiche definieren<br />
� Befehl, um nicht jeden einzelnen Textabsatz ausrichten<br />
zu müssen: ...<br />
� Beispiel:<br />
<br />
Der Befehl DIV<br />
<br />
<br />
<br />
Ich bin der erste Absatz, der von dem<br />
Befehl DIV umschlossen ist.<br />
Ich bin Absatz Nummer 2.<br />
Ich bin der letzte Absatz, der noch<br />
rechtsbündig ausgerichtet ist.<br />
<br />
Ich bin nicht mehr umschlossen und<br />
stehe standardmäßig links.<br />
<br />
<br />
2. Das erste Dokument 10
Überschriften und Kommentare einfügen<br />
� Befehl für Überschriften: ... bis<br />
...<br />
� Beispiel:<br />
� Kommentar angeben: <br />
� Beispiel: <br />
... <br />
2. Das erste Dokument 11