HTML-Tags

Wer saß nicht schon mal bei PC und hatte seine Probleme damit, eine Homepage auf die Beine zu stellen. Auf dieser Seite gibt es mehrere kleine HTML-Tags, welche dafür benutzt werden können, um ein Link zu setzen, eine Mail-Adresse einzubauen und so weiter. Der Quelltext, welcher hier als Beispiel immer dient, kann so umgeändert werden, dass er zu Ihrer Seite passt.

Als Gegenleistung für die benutzten Tags bitte ich Sie darum, einen Link zu meiner Homepage auf Ihrer zu setzen.

Wenn es jedoch noch Fragen gibt, die für Sie ungelöst scheinen, so schreiben sie mir einfach und ich sehe zu wie sich das Problem lösen kann. Also viel Spaß damit.

Setzen eines Banner mit dem dazugrhörigen Link	Setzen eines einfachen Links
Setzen einer Mail-Adresse	Erstellen einer Tabelle
Setzen eines Sprunglinks (wie es hier der Fall ist)	Einfügen eines Bildes

Setzen eines Banners mit dem dazugehörigen Link

<center> < a href =" http://www.ADRESSE.XX" target="_blank">
<img border="0" src="http:www.ADRESSE.XX" width="Breite" height="Höhe" > </a> </center>

Erklärung der einzelnen Zeichen:

Center: Hier wird der Banner seitenzentriert. Andere Möglichkeiten sind noch "Left", "Right".

a href: Gibt die Adresse an, welche die Startseite des Links ist (Beispiel: http://www.flou.angerer-home.de).

Target="_blank": Hierbei wird der Link in einem neuen Browserfenster gestartet.

<img border=0 src="http:www.ADRESSE.XX">: gibt die Adresse an, wo der Banner des Links zu finden ist (Beispiel: http://www.flou.angerer-home.de/banner/bannerf.jpg). width="Breite" height="Höhe": Diese Werte werden immer in Bildschirmzeilen bzw. Bildschirmspalten angegeben.

mit </a> bzw. </center> wird das HTML-Tag abgeschlossen.

Nach oben

Setzen eines einfachen Links

<center> <a href ="http://www.ADRESSE.XX" target="_blank">
EINGABE DES TEXTES 
</a> </center>

Erklärung der einzelnen Zeichen:

<Center>: Hier wird der Banner seitenzentriert. Andere Möglichkeiten sind noch "Left", "Right".

<a href>: Gibt die Adresse an, welche die Startseite des Links ist (Beispiel: http://www.karl.angerer-home.de).

Target="_blank": Hierbei wird der Link in einem neuen Browserfenster gestartet.

An der Stelle, wo font size="Größe" steht geben Sie die Schriftgröße an und an der Stelle wo Face="Schriftart" steht die Schriftart. (Beispiel: bzw. </center> wird das HTML-Tag abgeschlossen.

Nach oben

Setzen einer Mailadresse

<center> <a href =" mailto:MAILADRESSE?subject=Homepage">
EINGABE DES TEXTES 
</a> </center>

Erklärung der einzelnen Zeichen:

<Center>: hier wird der Banner seitenzentriert. Andere Möglichkeiten sind noch "Left", "Right"

<a href>: gibt die Mailadresse an, wohin das Mail direkt geleitet werden soll (Beispiel: flou@angerer-home.de).

Bei dem Teil subject=Homepage, wird im Mail als Betreff Homepage gesetzt, diesen Text kann man jedoch beliebig ändern, indem man das Wort Homepage einfach ersetzt.

An der Stelle, wo font size="Größe" steht geben Sie die Schriftgröße an und an der Stelle wo Face="Schriftart" steht die Schriftart (Beispiel: bzw. </center> wird das HTML-Tag abgeschlossen.

Nach oben

Erstellen einer Tabelle

Hier gebe ich das Beispiel wie man eine 2-spaltige Tabelle (wo beide Spalten gleich groß sind), welche die Breite des Bildschirms hat, zentriert ist und mit einem Rahmen ausgestattet ist.

<Table Border=1 width="625" align="Center">
<colgroup> <col width="50%"><col width="50%"></colgroup>
<tr>
<td>
EINGABE DES TEXTES 
</td></tr>
<tr><td>
EINGABE DES TEXTES 
</td></tr>
</table>

Erklärung der einzelnen Zeichen:

<Table Border=1 width="625" align="Center"> Border=1: bedeutet, dass ein Rahmen erstellt werden soll (kein Rahmen: Border=0). width="625" gibt an wie viele Spalten des Bildschirms zur Erstellen benutzt werden sollen. Dieser Wert kann auch in Prozent ausgedrückt werden (Beispiel: width="100%"), und das align="center" sagt aus ob die Tabelle seitenzentriert sein soll.

<tr>: Die erste Spalte soll von nun an benutzt werden.

<td>: Die erste Zeile soll von nun an benutzt werden.

An der Stelle, wo font size="Größe" steht geben Sie die Schriftgröße an und an der Stelle wo Face="Schriftart" steht die Schriftart. (Beispiel: : Die erste Zeile soll von nun an geschlossen werden.

</tr>: Die 1. Spalte soll von nun an geschlossen werden.

<tr>: Die 2. Spalte soll von nun an geöffnet sein.

<td>: Die Zeile soll von nun an benutzt werden.

An der Stelle, wo font size="Größe" steht geben Sie die Schriftgröße an und an der Stelle wo Face="Schriftart" steht die Schriftart. (Beispiel: : Die Zeile soll von nun an geschlossen werden.

</tr>: Die 2. Spalte soll von nun an geschlossen werden.

</table>: Die Tabelle ist abgeschlossen.

Nach oben

Setzen eines Sprunglinks

Zuerst der Teil der oben eingefügt wird (hier auf der Seite ist das der Fall oben in der Tabelle).

<A href="#NAME" TARGET="_self">
EINGABE DES TEXTES 
</a>

Erklärung der einzelnen Zeichen:

<A href="#NAME" TARGET="_self"> Das P align="center" sagt aus ob der Text der dem Sprunglink zugeführt wird (sichtbar für den User) zentriert sein soll.

<A ref="#NAME" TARGET="_self">Im Teil NAME wird der Name des Links (welcher im Quelltext benutzt wird und nicht für den User sichtbar; Bsp. Sprunglink) angegeben und es wird keine neues Browserfenster geöffnet.

An der Stelle, wo font size="Größe" steht geben Sie die Schriftgröße an und an der Stelle wo Face="Schriftart" steht die Schriftart. (Beispiel: dienen dazu den ersten Teil des Sprunglinks abzuschließen.

Der zweite Teil der dann später an der Stelle eingefügt wird, wo der Coursur hinspringen soll (hier auf der Seite ist das der Fall bei der jeweiligen Kapitelüberschrift).

Erklärung der einzelnen Zeichen:

<A name="NAME">Im Teil NAME wird der Name des Links (welcher Sie im ersten Teil des Quelltextes benutzt wird; Bsp. Sprunglink) angegeben.

Anschließend können Sie dann den entsprechenden Text eingeben.

Nach oben

Einfügen eines Bildes

<center>
<img src="http:www.ADRESSE.XX" alt="NAME" width="Breite" height="Höhe">
</center>

Erklärung der einzelnen Zeichen:

<Center>: hier wird das Bild seitenzentriert. Andere Möglichkeiten sind noch "Left", "Right"

img src="http:www.ADRESSE.XX": gibt die Adresse an, wo das Bild zu finden ist (kann mit einer URL angegeben werden oder mit ../Ordner/NAME.jpg).

alt="NAME": Hier kann dem Bild ein Name gegeben werden.

width="Breite" height="Höhe": Diese Werte werden immer in Bildschirmzeilen bzw. Bildschirmspalten angegeben.

</center> schließt die Zentrierung ab.

Nach oben

Wenn's jetzt noch Fragen gibt über HTML...

Dann sollte das Problem auch noch gelöst werden. Also wenn's Fragen gibt, dann schreiben Sie mir eine Mail mit Ihrem Wunsch. Sollten Sie Probleme haben bei etwas und Sie kriegen den richtigen Quelltext nicht auf die Beine, so können Sie mir auch dazu ein Mail schreiben, in Sie einfach auf den folgenden Link klicken.