dasinternet.net - HTML-Code

Hier erhalten sie eine Informationen zu grundlegendem HTML-Code, sodass sie schnell eine eigene Website erstellen k�nnen.

Bevor sie diese HTML-Referenz durchgehen, sollten sie sich den HTML-Crashkurs mit weiteren Informationen zu HTML durchlesen.

Erster Schritt: Legen sie sich eine ".htm" oder ".html" - Datei ( = Textdatei) mit einem beliebigen Editor (z.B. Windows Notepad, Notepad++) an. In diese k�nnen sie dann den HTML-Code schreiben. Die Datei l�sst sich mit jeden Browser �ffnen und dort als ganz normale Website betrachten.

Der allgemeine Aufbau einer HTML-Datei:
Bevor sie mit dem Erstellen beginnen, sollten sie den allgemeinen Aufbau einer HTML-Datei kennen:

Und hier noch ein Bild, um sich das Ganze besser vorstellen zu k�nnen:

Dieses Bild k�nnen sie sich hier auch als PDF downloaden.
Mehr �ber Metatexte (vgl. Bild), finden sie demn�chst hier.

Abs�tze, Textausrichtung
Ganz wichtig ist es auch Abs�tze bzw. Zeilenumbr�che zu definieren, da dies HTML nicht automatisch erledigt. Einen Absatz definieren sie mit <p>der absatz</p>. Achten sie auch darauf den Absatz am Ende wieder zu schlie�en.
Einen einfachen Zeilenumbruch definieren sie mit: <br>
Der Text l�sst sich auch auf verschiedene Arten ausrichten:


    <center>zentrierter Text</center>
<p align="left">links ausgerichteter
Text in einem Absatz</p>
    <p align="right">rechts
    ausgerichteter Text in einem Absatz</p>
<p align="justify">als
Blocksatz ausgerichteter Text in einem Absatz</p>
    &nbsp; = Ein Leerzeichen

Den Text formatieren:



    <b>Fetter Text</b>
    <i>Kursiver Text</i>
    <u>Unterstrichener Text</u>
    <font color="green">Gr�ner Text</font>
    <font color="red">Roter Text</font>
    <font color="blue">Blauer Text</font>
    <font color="yellow">Gelber Text</font>

Achten sie hier unbedingt darauf den Tag zu schlie�en, sonst wird der gesamte nachfolgende Text mitformatiert.
Sie k�nnen die Tags selbstverst�ndlich auch kombiniert verwenden.

Links einf�gen:
Das Wichtigste ist im Internet sind nat�rlich die Hyperlinks. Das hei�t Links, die von einer Seite zu einer anderen Seite bzw. Datei verweisen.
Sie zu definieren ist sehr einfach:


<a href="Datei oder Website">Linkbeschreibung = beliebiger Text</a>

Ein Beispiel daf�r w�re: <a href="http://www.dasinternet.net">Link zu
dasinternet.net</a>

Bilder einf�gen:
Eine Seite ohne Bilder w�re doch auch nichts! Deshalb sollten sie auch Bilder einf�gen. Dies ist ebenfalls auch sehr einfach:

Die Datei l�sst sich z.B. auch noch rechts bzw. links vom Text ausrichten oder genauer beschreiben, um von Suchmaschinen gefunden zu werden.



    <img src="foto.jpg align="left"> = Links vom Text ausgerichtet
    <img src="foto.jpg align="right" alt="Bildbeschreibung kommt hier rein">
    = Rechts vom Text ausgerichtet  und mit entsprechender Bildbeschreibung

Tabellen einf�gen: Fr�her wurden Tabellen oftmals daf�r verwendet um Elemente auf der Website nach Belieben zu positionieren. Dies wird heute jedoch immer mehr von CSS �bernommen.
Eine grundlegende Tabelle mit 2 Spalten und Zeilen wird so definiert:

<table border="0" width="100%"> <tr> <td>Zeile 1; Spalte 1</td> <td>Zeile 1; Spalte 2</td> </tr> <tr> <td>Zeile 2; Spalte 1</td> <td>Zeile 2; Spalte 2</td> </tr> </table>
Die Tabelle hat keinen Rahmen ("border") und ist genau so Breit ("width") wie die ganze Seite.

Listen zur Aufz�hlung:
M�chten sie etwas aufz�hlen und einfach nur sch�n �bersichtlich auflisten, dann sollten sie sich diesen Listen bedienen:
Unnummerierte Liste:

<ul>

<li>Listenelement</li>

</ul>

Nummerierte Liste


<ol>

<li>Listenelement 1 bis .....</li>

</ol>

Weiteres:
An dieser Stelle sollten nochmal weitere HTML-Tags aufgelistet werden:



    <marquee>Lauftext ..... ;) </marquee>
    <hr> = Eine horizontale Linie
    <blink>Blinkender Text</blink>

Beachten sie: Dies sollte nur eine kleine �bersicht sein �ber die M�glichkeiten. Sie k�nnen diese Elemente noch weiter formatieren (z.B. mit Farben, Rahmen etc.).
Diese Seite hat sie somit grundlegend �ber HTML-Code informiert. F�r weitere Informationen empfiehlt sich ein Besuch von SelfHTML.
Und vergessen sie nicht: Probieren geht �ber Studieren!

HTML-Code - Referenz