Ein sehr simples HTML-Tutorial
In diesem Beitrag beschäftige ich mich mit den simpelsten Grundlagen des Web: Statischen HTML-Seiten. Kaum angefangen, merkt man schon, dass ich aus einem sehr technischen Bereich komme. Techniker sind – wie so viele andere auch – faul und kürzen gerne ab. Deshalb fangen wir doch einfach mal vorne an. Was bedeutet die Abkürzung HTML?
Es gibt Menschen, die HTML als eine Programmiersprache bezeichnen, was nicht ganz korrekt ist. Eine Sprache? Vielleicht! Aber auf gar keinen Fall eine zum Programmieren. Es handelt sich eher um eine beschreibende Sprache, wie ihr ausgeschriebener Name erahnen lässt: Hypertext Markup Language. Genau gesagt ist es eine Auszeichnugssprache (Markup Language). Da ist auch schon das nächste Problem – Auszeichnugssprache? Was ist das denn? Um nun schnell eine Antwort zu liefern, schreibe ich ganz lapidar: Eine Sprache zum Beschreiben von Daten und ihrer Struktur. Wie Ihr sehen könnt, ist es nicht einfach einen Einstieg zu finden. Die einfachsten Dinge bedürfen schon einer weitreichenden Erklärung. Wer es bis hierhin geschafft hat und nicht an den Fremdwörtern und den entsprechenden Beschreibungen verzweifelt ist, ist bei mit genau richtig und sollte weiterlesen.
Nachdem ich nun einen kleinen Einstieg in die Web-Welt geschaffen habe, wird es Zeit ein wenig weiter zu gehen und die Theorie mit ein wenig Praxis anzureichern. Dazu möchte ich euch eine kleine Metapher an die Hand geben, die eine statische HTML-Seite (meiner Meinung nach) am besten beschreibt: Ein Blatt Papier. Stellt euch einfach eine weiße, leere DIN-A4 Seite vor. Eine weiße, leere HTML-Seite ist im Grunde nichts anderes. Der einzige Unterschied: Eine HTML-Seite ist digital und erscheint auf eurem Bildschirm.
Jetzt wollen wir einfach eine kleine Seite erzeugen. Was braucht man dazu? Eigentlich nicht wirklich viel. Öffnet z.B. einen Editor (Notepad (für Windows) oder Gedit (für Linux)), öffnet eine neue Datei und gebt die folgenden Zeilen ein:
<html></html>
Dies reicht schon aus. Damit haben wir unsere erste HTML-Seite “programmiert”, herzlichen Glückwunsch! Der spannende Teil kommt aber erst jetzt, die Erklärung! Die Zeilen enthalten zwei – sogenannte – Tags. Ein öffnendes HTML-Tag (<html>) und ein schließendes HTML-Tag (</html>). Diese Tags, die man immer schlicht an den eckigen Klammern erkennt, sagen eigentlich nur aus, dass hier eine HTML-Seite anfängt (öffnendes Tag) und sofort auch wieder endet (schließendes Tag). Einfach oder?
To be continued…