Erstellung eines HTML-Dokuments Einführung von M&U Holzbaur

Einführung in die Erstellung von HTML-Seiten. zur Übersicht

Formate

Wichtig ist, daß HTML-tags eigentlich nicht die Darstellung, sondern die Art des Inhalts beschreiben. Ein HTML-Dokument ist ein Dokument und kein Bild.

Absatzformatierung

Zeilenumbrüche: automatisch oder manuell

Zeilen sollten nicht von Hand umgebrochen werden, da sie sich sonst bei einer Änderung der Breite von Fenster oder Tabelle verschieben. Sie werden automatisch vom Browser umgebrochen. Dessen Aufgabe ist es ja schließlich. Probieren Sie es aus, indem Sie das Fenster kleiner machen und den automatischen Umbruch beobachten. (vielleicht haben Sie dieses Fenster auch schon in einem Frameset geöffnet, dann sehen Sie den Effekt sowieso schon).
Zeilen sollten nicht von Hand umgebrochen werden, da sie sich sonst bei einer Änderung der Breite von Fenster oder Tabelle verschieben. Sie werden automatisch
vom Browser umgebrochen. Dessen Aufgabe ist es ja schließlich. Probieren Sie es aus, indem Sie das Fenster kleiner machen und den automatischen Umbruch
beobachten. (vielleicht haben Sie dieses Fenster auch schon in einem Frameset geöffnet, dann sehen Sie den Effekt sowieso schon).

Zeilen sollten auch nicht von Hand umgebrochen werden, wenn sich unter Umständen die Darstellung ändert (z.B. weil der Autor in seinem Text oder der Betrachter in seinem Browser eine andere Schrift- Art öder -Größe wählt. Schaun Sie mal, was da passieren kann:
Zeilen sollten auch nicht von Hand umgebrochen werden, wenn sich unter Umständen die Darstellung ändert (z.B. weil der Autor oder der Betrachter in seinem
Browser eine andere Schrift- Art öder -Größe wählt. Schaun Sie mal, was da passieren kann:

Zeilen sollten auch nicht von Hand umgebrochen werden, wenn sich unter Umständen die Darstellung ändert (z.B. weil der Autor in seinem Text oder der Betrachter in seinem Browser eine andere Schrift- Art öder -Größe wählt. Schaun Sie mal, was da passieren kann:
Zeilen sollten auch nicht von Hand umgebrochen werden, wenn sich unter Umständen die Darstellung ändert (z.B. weil der Autor oder der Betrachter in seinem
Browser eine andere Schrift- Art öder -Größe wählt. Schaun Sie mal, was da passieren kann:

Überschriften (siehe Gliederung)

so geht´s:

<h2>Absatzformatierung</h2>
<h3>Überschriften</h3>

Unnummerierte Liste

Liste
Listenelemente

Liste in der Liste
a

Dies geht mit dem tag <ul> unordered list:

<ul>
    <li>Liste</li>
    <li>Listenelemente</li>
        <ul>
            <li>Liste in der Liste</li>
            <li><a/li>
        </ul>
    <li>b</li>
    <li>c</li>
</ul>

nummerierte Liste

Listenelement
und
noch
mehr

nummerierte Unterliste
zweites
und so weiter

wieder eins

nummerierte Unterliste
zweites
und so weiter

noch eins

Dies geht mit dem tag <ol> ordered list:

<ol>

<li>Listenelement</li>

<ol>

<li>nummerierte Unterliste</li>

<li>zweites</li>

<li>und so weiter</li>

</ol>

<li>wieder eins</li>

<li>nummerierte Unterliste</li>

<li>zweites</li>

<li>und so weiter</li>

</ol>

</ol>

Textdarstellung

Namchmal will man doch Textelemente frei formatieren:

Farbig: rot blau

<font color="#999900">Farbig </font>

Größe 8 10 12 1436 Punkt