Wilfried Helm:
| HTML ist die Sprache des Internet! Bunt und sehr leicht zu erlernen... Auch diese Datei ist eine HTML-Textdatei. |
HTML ist ganz einfach erklärt:
Man kann Texte übersichtlich formatieren und mit Bildern, Sound, Filmen u.s.w. präsentieren. HTML-Dateien sind kleine Textdateien, die auf jedem Computer gelesen, verarbeitet und mit jedem Texteditor hergestellt werden können.
Jede HTML-Datei hat die Dateiendung .htm oder .html !!!
Stellen Sie sich einen Menschen vor. Der soll 'html' heißen und hat ein Anfang und ein Ende, von oben nach unten. Auch bei HTML:
Jede HTML-Datei beginnt mit <html> und endet mit </html>. Das sieht so aus:
Alles in einer HTML-Datei spielt sich zwischen diesen beiden Tags ab.
Jedes HTML-Dokument erhält durch weitere Tags eine Struktur mit Anweisungen für den Rechner.
Zurück zu unserem Menschen. Jeder Mensch hat nur einen Kopf und nur einen Körper. So auch HTML:
Auch der Kopf, englisch <head>, hat ein Ende, </head>, und der Körper, engl. <body>, auch: </body>, alles zwischen <html> und </html> (innerhalb des Menschen).
Im Kopf einer HTML-Datei muß der Titel (des Menschen Name) stehen. Nur 1 Titel ist erlaubt. Dieser wird in der Titelleiste des Browsers (Programm, mit dem man sich HTML-Dateien anschaut) angezeigt.
<title></title> -Tags sind Pflicht, genau wie die Pflicht-Bestandteile 'html', 'head' und 'body' in einer HTML-Datei. Sollten Sie <title></title> nicht benötigen, schreiben Sie einfach nichts dazwischen.
<title>Hier muß nichts dazwischen stehen</title>
einfach so: <title></title>
Zwischen den Tags <body> und </body> steht der Text oder Inhalt der Datei.
Diesen strukturiert man übersichtlich mit Zeilenumbrüchen, Absätzen, Listen, Tabellen, Linien, Bildern und dergleichen. In HTML geht das folgendermaßen:
<p>Neuer Absatz...</p>
<p>Neuer Absatz...</p>
Im Gegensatz dazu gibt es geordnete Listen, die zwischen <ol> und </ol>, also
eine Glossarliste (die Tags <dt> und <dd> benötigen kein Abschlußtag):
Graphiken und Fotos im Text, wo immer Sie wollen...
hier verkleinert und rechtsbündig
Eine Verknüpfung (Hyperlink). Klicken Sie aus Spaß auf das farbige Wort 'Hyperlink' in Klammern und Sie gelangen zu einer anderen Textstelle (hier ganz nach unten). So sind auch Sprünge (Links) zu anderen Dateien auf dem eigenen Computer und zu Dateien in der ganzen Welt möglich.
Textabsatz linksbündig (ist Standard)
Textabsatz zentriert
Textabsatz rechtsbündig
| linkes Tabellenfeld einer Tabelle | rechtes Tabellenfeld |
| Weißer Hintergrund | rechts 2. Zeile |
Blaue und fette Schrift,
rote hervorgehobene Schrift,
grüne kursive Schrift
große Schrift
grössere Schrift
etwas grössere Schrift, normale Schrift
kleinere Schrift, kleine Schrift, ganz kleine Schrift...
Schrift: Times Roman +1
Schrift: Arial +2
eine horizontale Linie: mit <hr>. Dieses Tag hat kein Abschluß-Tag!!!
noch eine Linie (70% lang) in der Mitte
eine Linie (60% lang) rechts, grün und dicker ohne Schatten
noch eine Linie (60% lang) links dicker mit Schatten
Das muß es für fünf Minuten gewesen sein. Es gibt natürlich sehr, sehr viel mehr Möglichkeiten der HTML-Textcodierung, zu sehen beim Surfen im Internet. Dort ist HTML die Standardsprache.
Und schließlich: Fast jedes Textprogramm speichert auf Wunsch Textdateien auch als HTML-Dateien ab. Will man jedoch kleine Internetseiten basteln oder einfach nur bestehende Texte ansprechend und übersichtlich präsentieren, sollte man sich etwas mehr mit den Besonderheiten der Sprache befassen. Es macht dann richtig Spaß. Und: so schwer war es doch nicht, oder?
Viel Spaß weiterhin
Ihr Wilfried Helm.
(Oh, schnell wieder zurück) Klicken Sie auf den farbigen Text in den Klammern, um wieder zurückzuspringen.