HTML: Die wichtigsten Befehle
Mit dem folgenden guten Dutzend Befehle kann man bereits sehr vielseitige
WebSites gestalten.
Struktur und Kopf der html-Datei
- Beginn und Ende des html: <html>, </html>
- Beginn und Ende des Dateikopfes: <head>, </head>
- Beginn und Ende des Dateikörpers: <body>, </body>
- Beginn des Körpers mit Farbangabe: <body BGCOLOR="Olive" TEXT="Lime">
- Beginn und Ende eines Kommentars (den der Browser dann überliest): <!-- ... -->
Struktur des Textes
- Beginn und Ende einer Überschrift 1. Ordnung: <h1>, </h1>
- Beginn und Ende einer Überschrift 2. Ordnung: <h2>, </h2>
- Beginn und Ende einer Überschrift 6. Ordnung: <h6>, </h6>
- Beginn und Ende eines Absatzes: <p>, </p> (kann oft entfallen)
- Neue Zeile: <br>
- Waagerechte Linie: <hr>
Zeichenformatierung
- Beginn und Ende Fettdruck: <b>, </b>
- Beginn und Ende Kursivdruck: <i>, </i>
- Beginn und Ende von Schriftfarbe und -größe:
<font color=green size=2>, </font>
Umschreibung einiger Sonderzeichen
- Ä: Ä
- Ö: Ö
- Ü: Ü
- ä: ä
- ö: ö
- ü: ü
- ß: ß
- "non breakable space":
Einbindungen
- Bild einbinden: <img src="bildname.jpg">
- Link einbinden: <a href="http://www.server.de/pfad/datei.html">Hier der klickbare Text</a>
- Für ein klickbares Bild wird anstelle des Textes einfach das Bild (<img...>) eingebunden.
- Mailadresse einbinden: <a href="mailto:nutzer@server.de">Klickbarer Name</a>
Aufzählungen
- Nummerierte Aufzählung: <OL>, </OL>
- Unnummerierte Aufzählung: <UL>, </UL>
- Vor jedem Punkt der Aufzählung: <LI>
Zum Schluss für ganz Fortgeschrittene: die Tabelle
- Beginn und Ende der Tabelle: <TABLE>, </TABLE>
- Beginn und Ende jeder Zeile (table row): <tr>, </tr>
- Beginn und Ende jeder Zelle (table data): <td>, </td>
Dem <TABLE>-Tag kann als Information die Dicke der Linien (in Bildpunkten) mitgegeben werden, aus
denen die Tabelle aufgebaut werden soll: <TABLE BORDER=x>. Wenn man nun BORDER=0 setzt, so
kann man die "unsichtbare" Tabelle gut zum Positionieren von Schrift auf dem Schirm verwenden.
Beispielsweise können die Daten einer Inhaltsseite dieser Webseiten so erzeugt werden:
<table border=0>
<tr> <td>Technik: <td><a href="Online1.html">Mail, WorldWideWeb und andere</a>
<tr> <td>Praxis: <td><a href="Online2.html">Eine Internetseite - echt handgestrickt</a>
<tr> <td>HTML: <td><a href="Online3.html">Die wichtigsten Befehle</a>
<tr> <td>Beispiele: <td><a href="Online4.html">Typen von WebSites</a>
<tr> <td>Datensicherheit:<td><a href="Online5.html">Viren in verstopften Leitungen</a>
<tr> <td>Glossar: <td><a href="Online6.html">Was ist was ?</a>
</table>
...und schon sind die Textbruchstücke passend positioniert.
|