Programmieren mit JavaScriptHTML - GrundlagenEinführung Inhalt HTML - Formular/ das erste Script | ||||||||
| ||||||||
| Eine HTML - Kurzanleitung finden Sie im Netz, wenn Sie etwa nach "HTML-Kurzanleitung Dresden" suchen. | |||||||
Was ist HTML |
HTML heißt HyperText Markup Language, also eine Sprache, um Hypertexte
mit Markierungen zu versehen. HyperText ist einfach normaler Text,
der Verbindungen zu anderen Dokumenten hat. So entsteht ein richtiges Netz von Dokumenten, das sich World Wide Web nennt. Diesen Verbindungen kann man durch einfaches Auswählen nachgehen. In allen Textverarbeitungsprogrammen werden Textpassagen markiert, um sie in besonderer Weise darzustellen: zentriert, fett gedruckt, in einer anderen Schriftgröße oder Schriftart. Diese Formatierungen werden zusammen mit dem Text gespeichert. So auch in HTML. | |||||||
Tags |
HTML-Befehle werden auch als Tags bezeichnet.
Tags fangen immer mit einem Kleinerzeichen ("<") an, dann
kommt der Name des Tags und zum Abschluß kommt ein Größerzeichen
(">"), also etwa so: <big> Tags können den Textbereich, für den sie gelten, einschließen: <big>groß</big> schreibt das Wort "groß" in einer größeren Schrift als normalen Text. Andere Tags treten einzeln auf: <br /> fügt einen Zeilenwechsel in den Text ein. Manche Tags können zusätzliche Eigenschaften haben: <hr /> erzeugt eine horizontale Linie, mit <hr size="3" width="80%" align=CENTER color=##FF0000 /> erhält man eine drei Pixel dicke Linie, die 80% der Fensterbreite ausfüllt, zentriert angeordnet ist, und das ganze in rot! | |||||||
Umlaute und Sonderzeichen |
HTML ist als ASCII-Text ohne Sonderzeichen definiert, deshalb muss man die deutschen Umlaute mit anderen Zeichen beschreiben:ä:Eingeklammert zwischen & und ; wird "ä" beschrieben als a - Umlaut, "<" als less than. Netterweise nehmen uns html - Editoren wie Phase 5 die Umsetzung ab ! | |||||||
Struktur eines Dokuments |
|
|||||||
Formatierung | ||||||||
<br /> | neue Zeile (break) | |||||||
<p> </p> | Absatz(paragraph) | |||||||
<h1> </h1> | Überschriften (Level 1-5)(head) | |||||||
<b> </b> | fett (bold) | |||||||
<i> </i> | kursiv (italic) | |||||||
<u> </u> | unterstrichen | |||||||
<sup> </sup> | hochgestellte Zeichen | |||||||
<sub> </sub> | tiefgestellte Zeichen | |||||||
| ||||||||
Grafik | <img src="Lock.gif" alt="Schloss" /> fügt an der Stelle, wo der Tag steht, die Grafik mit dem Dateinamen "Lock.gif" ein. Wenn man die Anzeige von Bildern im Browser abgestellt hat, erscheint in einem leeren Feld der Text "Schloss". | |||||||
interne Links |
<a name="Anfang"> .. </a> markiert eine Stelle als Sprungziel. <a href="#Anfang">Seitenanfang</a> erzeugt eine Darstellung als Hyperlink : Seitenanfang. Durch Anklicken kommt man an die mit "Anfang" markierte Stelle im Dokument. | |||||||
externe Links |
<a href="main.html">Inhalt</a> erzeugt ebenfalls einen Hyperlink : Inhalt, diesmal auf ein HTML - Dokument mit dem Namen "main.html", das im selben Verzeichnis steht wie das aktuell angezeigte Dokument. An der Stelle von "main.html" kann eine beliebige Web - Adresse stehen, etwa "http://www.informatiktreff.de/main.html". | |||||||
| ||||||||
Tabellen | Innerhalb des <table> ... </table> - Tags werden mit <tr> ... </tr> die Zeilen (table rows) der Tabelle beschrieben, innerhalb der Zeilen mit <td> ... </td> die Datenzellen (table data). | |||||||
Beispiel |
| |||||||
Quelltext |
|
|||||||
| ||||||||
Einführung Seitenanfang HTML-Formular, das erste Script |