learnHTML

HTML für Anfänger

Wofür braucht man HTML und was macht es?

Ganz kurz gesagt: Mit HTML schreibt man Texte auf seine Homepage!

HTML ist nicht schwer zu erlernen, weil es logisch aufgebaut ist, es nicht viele Befehle gibt.

Lassen Sie uns anfangen

Wie erstellt und bearbeitet man HTML-Dateien?

HTML-Dateien ist total einfach. Man erstellt einfach eine neues Textdokument, mit dem Editor und speichert es unter: *.html

Bearbeiten kann man diese Datei ganz einfach, indem man: Rechtsklick und mit Editor öffnen, oder auf bearbeiten klickt.

Es gibt zahlreiche Programme mit denen man HTML schreiben kann, aber der Editor reicht. Bitte beachten Sie, wenn Sie Webseiten schreiben, dass nicht alle Befehle in jedem Browser gleich aussehen, beziehungsweise funktionieren.

HTML Einführung

Lassen Sie uns mit ganz einfacher Textverarbeitung beginnen. Wenn Sie möchten können Sie mitarbeiten, in einer neuen HTML-Datei, oder Sie lesen einfach nur.

Wenn Sie in das Dokument einfach irgendwas hineinschreiben, wird dieser Text im Browser ganz unformatiert ausgegeben, ohne Zeilenumbrüchen oder ähnlichen! Um ein bisschen Struktur in diesen Text zu bringen gibt es folgende Befehle:

<p>
<br/>
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>

Erklärung

<p>Leitet einen Absatz ein, und </p> beendet ihn wieder. Das funktioniert mit fast jedem Befehl so: <befehl>Text</befehl>

<br/> hingegen wir einfach so aufgeschrieben <br/>, logisch, denn das ist ein Zeilenumbruch und deshalb braucht er keinen Text

<h1> ist eine Überschrift, genauso wie <h4>. Es sind Überschriften in verschiedenen Größen von 1-6, wobei 1 die größte und 6 die kleinste ist.Logischerweise wird der Befehl so ausgeführt: <h1>Überschrift</h1>...,weil es soll ja eine Überschrift angezeigt werden

Bilder einfügen

Bilder einfügen funktioniert wie folgt:

src="Pfad" --> Pfad gehört mit dem Dateipfad des Bildes + Dateityp des Bildes

Hierbei könnte man zusätzlich noch die Länge und Breite angeben und zwar mit:

Die ? sollten mit Zahlenwerten ersetzt werden.

Bilder ausrichten:

Das ? gehört in diesen Fall mit left, right, center ersetzt

HTML-Tabellen

Tabellen sind sehr kompliziert zu erstellen, und sehr viel Arbeit, allerdings braucht man sie immer wieder. Eine Tabelle wird wie folgt erstellt:

Eine Tabelle mit Rahmen erstellt man mit (?=Dicke des Rahmens):

Darin erstellt man Zeilen:

und Spalten:

Tabellen Überschriften definiert man mit <th> statt <td>.

Wenn man so eine Tabelle erstellen möchte:

HTML	CSS
X	O
O	X

sieht der Code dazu so aus

<table border="2">
 <tr><th>HTML</th><th>CSS</th></tr>
 <tr><td> X </td><td> O </td></tr>
 <tr><td> O </td><td> X </td></tr>
</table>

Frames und iFrames

Frames sind Boxen, indenen eine andere Webseite angezeigt wird. Bessergesagt teile ich den Bildschirm in mehrere Bereiche auf, und in jeden einzelnen Bereich wird eine Andere Seite angezeigt

Frames definiert man so

<frameset cols="250,*">
  <frame src="verweise.htm" name="Navigation">
  <frame src="startseite.htm" name="Daten">
  <noframes>
    <body>
      <p><a href="verweise.htm">Navigation</a> <a href="startseite.htm">Daten</a></p>
    </body>
  </noframes>
</frameset>

Dadurch ensteht das hier

Genaueres zu Frames finden Sie hier

iFrames

Ist so ähnlich wie ein Frame, allerings auf einer Seite

Hinweis

Das HTML - Tutorial wird bald weiterbearbeitet.

Wenn Sie Fragen zu HTML haben, stellen Sie diese bitte im Forum oder schreiben Sie uns direkt an!

iWeb