Einführung in HTML
Ihr wollt HTML lernen und trotzdem kein Geld für teure Bücher ausgeben? Das kenne ich und darum will ich denjenigen helfen denen es genauso geht. Ab jetzt werdet ihr hier in regelmäßigen Abständen eine Einführung in HTML finden. Also schaut ab und zu mal vorbei.
Kritik, Bemerkungen, Fragen und sonstiges könnt ihr an Jantoware@hotmail.com schicken. Ansonsten wünsche ich viel Spaß!
Inhalt
Was genau ist HTML?
Der Aufbau einer HTML Seite
Textformatierung
Was genau ist HTML?
HTML ist im Prinzip keine Programmiersprache, sondern eine "Seitenbeschreibungssprache". Das heißt, man beschreibt mit ihr nur eine Seite und führt keine Operationen durch.
Die gesamte Beschreibung wird dann von einem Browser ausgewertet und dann wieder zu einer Seite "zusammengesetzt". Daher kann es vorkommen, dass die Seite auf verschiedenen Browsern auch verschieden aussieht(meist ist dieser Unterschied aber gering). Sie brauchen zum schreiben einer HTML Seite nur einen Texteditor, mit dem Sie eine Datei mit der Endung ".htm" speichern können. (Nebeninformation: Im Standard Windows-Editor(Notepad) speichern Sie eine Datei mit einer bestimmten Endung ab, indem Sie beim speichern den Dateinamen in Anführungsstriche setzen(Beispiel:"Test.htm"))
Der Aufbau einer HTML Seite
Eine HTML Seite ist im Prinzip immer nach dem gleichen Schema aufgebaut:
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
<HTML> öffnet eine HTML Seite. Dieser Befehl ist immer vorhanden.
<HEAD> öffnet den Kopf der HTML Seite. Dort werden Vereinbarungen getroffen, wie Javascripts geschrieben und der Titel, der ganz oben im Browserfenster angezeigt wird.
<TITLE> und </TITLE>:Dazwischen wird der Titel vereinbart, der ganz oben im Browserfenster angezeigt wird.
</HEAD> schließt den Kopf der HTML Seite(das müsst ihr euch unbedingt merken:Alles was in HTML geöffnet wird, wird auch wieder geschlossen).
<BODY> öffnet den Hauptteil der HTML Seite. Hier wird alles angegeben wie die HTML Seite später aussehen soll.
</BODY> schließt den Hauptteil der HTML Seite.
</HTML> schließt die HTML Seite.
Als erstes werde ich viele Möglichkeiten zeigen um Schrift ein Format zu verleihen. Alles dies wird natürlich in den BODY Teil geschrieben.
Ganz normalen Text ohne besondere Formatierung schreiben Sie einfach in den BODY Teil rein.
Beispiel:
<HTML>
<HEAD>
<TITLE>Eine Internetseite mit ganz normalem Text</TITLE>
</HEAD>
<BODY>Ein ganz normaler Text</BODY>
</HTML>
Kopieren Sie dieses Beispiel in einen Texteditor und speichern Sie es unter dem Namen "Normaltext.htm".
Die Größe einer Überschrift bestimmen Sie mit <Hx> wobei x durch eine Nummer von 1-6 ersetzt wird. <H1> ist die größte Überschrift und <H6> die kleinste. Die anderen Zahlen sind gleichmäßig in die entsprechenden Größen unterteilt.
Beispiel:
<HTML>
<HEAD>
<TITLE>Verschiedene Überschriften</TITLE>
</HEAD>
<BODY>
<H1>Mit H1</H1>
<H2>Mit H2</H2>
<H3>Mit H3</H3>
<H4>Mit H4</H4>
<H5>Mit H5</H5>
<H6>Mit H6</H6>
</BODY>
</HTML>
Es gibt auch die Möglichkeit seine eigenen Überschriften zu definieren, aber das werde ich hier nicht erwähnen, weil man es nur in den seltensten Fällen braucht.
Schräggedruckt, Fettgedruckt und Unterstrichen, diese Effekte erreicht man mit <I>, <B> und <U>.
Beispiel:
<HTML>
<HEAD>
<TITLE>Schräggedruckt, Fettgedruckt und Unterstrichen</TITLE>
</HEAD>
<BODY> <I>Schräggedruckt</I><BR>
<B>Fettgedruckt</B><BR>
<U>Unterstrichen</U><BR>
</BODY>
</HTML>
Texte ausrichten können Sie mit <DIV ALIGN=LEFT>, <DIV ALIGN=CENTER> und <DIV ALIGN=RIGHT>.
Beispiel:
<HTML>
<HEAD>
<TITLE>Ausgerichtete Texte</TITLE>
</HEAD>
<BODY>
<DIV ALIGN=LEFT>Links<BR>
<DIV ALIGN=CENTER>Zentriert<BR>
<DIV ALIGN=RIGHT>Rechts<BR>
</BODY>
</HTML>
OK, das war's für Heute. Guckt mal öfter vorbei, bald kommt eine Fortsetzung dieses Tutorials. Schreibt mir mal ruhig und sagt mir auch wie ihr dieses Tutorial und meine Homepage findet.
Jan