Hier ist der zweite Teil der Einführung in HTML. Er befasst sich mit der Textstrukturierung.
Absätze:
Absätz werden von p-Tags umschlossen.
<p>Text</p>
Zwischen 2 Absätzen ist eine Zeile Abstand.
Zeilenumbrüche:
Zeilenumbrüche werden duch das br-Tag erzeugt.
<br>
Sie werden hauptsächlich dazu verwendet, Texte wie Briefe zu strukturieren oder den folgenden Satz in der nächsten Zeile beginnen zu lassen.
Sehr geehrter Herr Sonstwie,<br>blablabla<br>MfG
ergibt
Sehr geehrter Herr Sonstwie,
blablabla
MfG
Auszeichnung:
Klingt seltsam - bedeutet im Prinzip aber nur, wie ein Text angezeigt werden soll (also kursiv, unterstrichen, ...)
Dabei unterscheidet man zwischen physischen und logischen Elementen. Der Unterschied ist: physische Elemente stellen den Text (zum Beispiel) einfach fett dar, während die fette Darstellung mit logischen Elementen den Text betont - also sagt, dass der Text besonders wichtig ist.
kursiv:
<em>Text</em>
(Das ist ein logisches Element - es gab zwar auch mal ein physisches Element - das soll aber aus dem HTML-Standard verschwinden)
fett:
<b>Text</b>
(physisch)
<strong>Text</strong>
(logisch)
unterstrichen:
<ins>Text</ins>
(Das ist ein logisches Element - es gab zwar auch mal ein physisches Element - das soll aber aus dem HTML-Standard verschwinden)
durchgestrichen:
<del>Text</del>
(Das ist ein logisches Element - es gab zwar auch mal ein physisches Element - das soll aber aus dem HTML-Standard verschwinden)
Die logischen Elemente sind jedoch mit Vorsicht zu genießen, das sie - wie schon gesagt - einen Text logisch strukturieren sollen. Die Effekte der physischen Elemente kann man auch mithilfe von CSS darstellen - dazu aber mehr in einem späteren Tutorial.
Überschriften:
Überschriften erzeugt man mit den h-Tags. Es gibt sech Stück:
2
<h1>Text</h1><h2>Text</h2><h3>Text</h3>
<h4>Text</h4><h5>Text</h5><h6>Text</h6>
Die Zahl bedeutet, die wievielte Ordnung eine Überschrift hat - ein Relikt aus den Anfängen von HTML, da es von und für Wissenschaftler entwickelt wurde.
Listen:
Es gibt 2 Arten von Listen (ok... es gibt mehr; die Anderen benötigt man jedoch selten bis nie):
Aufzählungslisten werden mit dem ul-Tag eingeschlossen, während die einzelnen Punkte mit dem li-Tag umschlossen werden.
2
3
4
<ul>
<li>Auto</li>
<li>Bahn</li>
</ul>
Nummerierte Listen werden mit dem ol-Tag umschlossen.
2
3
4
<ol>
<li>Auto</li>
<li>Bahn</li>
</ol>
Ach ja... ein Hinweis zum Schluss: Wenn ihr verschachtelt, dann achtet darauf, die richtige Reihenfolge einzuhalten.
Bei Fragen bitte fragen.
Habe mal schnell eine kleine HTML-Datei mit ein paar Beispielen von oben erstellt: Klick mich