aufgeschlossen Programmieren mit JavaScript

HTML - Grundlagen

 Einfü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:
ä: &auml; ö: &ouml; ü: &uuml; ß: &szlig;
Ä: &Auml; Ö: &Ouml; Ü: &Uuml;
&: &amp; <: &lt; >: &gt;
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 
<html>
<head>
<title>Überschrift </title>
für die Kopfzeile des Browserfensters
<script language="JavaScript">
Platz für Javascripte
</script>
Weiter Angabe, etwa für Suchmaschinen
</head>

<body>
Der eigentliche Text mit Formatierung.
</body>
</html>
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
1 2 3
4 5 6
Quelltext 
 <table border>
   <tr>
     <td>1 </td>
     <td>2 </td>
     <td>3 </td>
   </tr>
   <tr>
     <td>4 </td>
     <td>5 </td>
     <td>6 </td>
   </tr>
 </table>

 Einführung      Seitenanfang      HTML-Formular, das erste Script