html- eine sprache der webseiten
Eines vorneweg: HTML ist keineswegs die einzige "Programmiersprache" der Webseiten. Weil HTML sich schwertut dynamische Inhalte abzubilden, anzuzeigen, gibt es zahlreiche Erweiterungen und zusätzliche Sprachen. Die werde immer dann gebraucht, wenn ein Inhalt nicht nur statisch sein soll. Zum Beispiel, wenn der Besucher an die Seite eine Anfrage, eine Kommentar usw. senden können soll, also Gästebücher, Shops ("in denWarenkorb legen") ... Man erkennt dynamische - also Nicht HTML-Seiten oft daran, dass in der Adresszeile des Browsers irgendwo ein ? steht. Solche Seiten sind beispielsweise in XML, DHTML, PHP programmiert..... Aber wir starten erstmal mit HTML:
die erste internetseite
Um eine Seite in HTML zu erstellen braucht man:
- einen Browser zum Ankucken der Seite und
- einen Editor zum Erstellen der Seite (schreiben). Das muss nicht ein spezieller Editor für Internetseiten sein. Im Prinzip funktioniert das mit jedem Programm, mit dem man Texte schreiben kann, also auch mit Word oder dem alten Windows Editor.
<html>
<head>
<title>Hier steht der Titel</title>
</head>
<body>
Hier steht der Text.
</body>
</html>
- Anschließend den Text speichern. Dabei nicht vergessen, als Dateityp 'html-Datei' zu wählen.
Die Internetseite besteht - so wie das oben abgebildete
Gedöns aussieht - aus: Programmierung + Inhalt. Alles zusammen
nennt man den Quelltext, engl. Source. Befehle werden im Quelltext in
spitzen Klammern notiert, damit der Browser sie später beim
Anzeigen der Datei vom Seitentext unterscheiden kann.
Beispiel:
<befehl>Hier steht der Text
</befehl>
Die meisten Befehle (auch 'Tags' genannt) bestehen aus 2 Teilen: aus einem Start- und einem Endbefehl. Solche Befehle beziehen sich immer auf einen größeren Bereich. Logischerweise wird der Bereich mit dem Startbefehl begonnen und mit dem Endbefehl wieder geschlossen. Um sich Start- und Endbefehl besser merken zu können, unterscheiden sie sich immer nur durch einen Schrägstrich: / Die spitzen Klammern befinden sich auf der Tastatur unten links neben dem y, der Schrägstrisch auf der Zahlentaste 7. Wie man oben schon sehen kann, sind die verschiedenen Befehle ineinander verschachtelt.
<html>
<head>
<title>Hier
steht der Titel</title>
</head>
<body>
Hier steht der Text.
</body>
</html>
Den schwarzen Befehl findet man am Anfang <html> und am Ende eines jeden HTML-Dokuments, also der Internetseite </html>. Er benennt schlicht die 'Programmiersprache' und stellt sicher, dass alles was dazwischen steht auch vom Browser richtig verstanden wird.
Der grüne Befehl <head> </head> benennt den Kopfbereich des Dokuments (der Seite). Hier steht der Titel des Dokuments. Der Befehl <title>Hier steht der Titel</title> nennt den Seitentitel. In unserem Fall ist das "Hier steht der Titel".
Der braune Befehl <body>Hier steht der Text. </body> benennt den Körperbereich. Hier kommt alles das rein, was man schliesslich auf der Seite sehen kann. Im Beispiel ist das 'Hier steht der Text'.
Im Prinzip ist damit die Seite fertig. Die wenigen genannten Befehle reichen grundsätzlich aus, um eine HTML-Seite, also eine Homepage zu definieren.
Man könnte jetzt also in den Tag <body>Hier steht der Text. </body> alles reinschreiben was man an Inhalt auf der Seite habe möchte. Allerdings sieht das zugegebenermaßen noch nicht sehr dekorativ aus. Man sollte sich also ein wenig mit dem Formatieren von Text befassen. Ein Beispiel sieht man schon hier, nämlich den Fettdruck des Worts Formatieren.