Hier habe ich ein paar einfache
html-Codes zusammengestellt

<p>

hier wird eine Leerzeile aktiviert

<br>

das ist ein Zeilenumbruch

<center>

zeigt einen Text oder Bild mittig an

Am Ende des Textes/Bildes muss </center> angegeben werden,
damit die Funktion wieder aufgehoben ist

<hr>

hr steht für eine Linie


<b>

b steht für fettgedrucktes

Am Ende des Textes muss </b> angegeben werden,
damit die Funktion wieder aufgehoben ist

<i>

i steht für kursiv

Am Ende des Textes muss </i> angegeben werden,
damit die Funktion wieder aufgehoben ist

<u>

u steht für unterstrichenes

Am Ende des Textes muss </u> angegeben werden,
damit die Funktion wieder aufgehoben ist


Schriftgröße und Farbe


<h1>

Angabe von Schriftgröße h1

Am Ende des Textes muss </h1> angegeben werden,
damit die Funktion wieder aufgehoben ist

<font size="+4">

Angabe von Schriftgröße +4

<font size="+2">

Angabe von Schriftgröße +2

<font size=3>

Angabe von Schriftgröße 3

<font size="-2">

Angabe von Schriftgröße -2

<font size="red">

font color definiert die Angabe der Schriftfarbe hier z.B. rot "red"

<font color="#005F00">

Angabe von Schriftfarbe grün "#005F00"

<font color="#A52A2A">

Angabe von Schriftfarbe braun "#A52A2A"

</font>

Am Ende des Textes muss </font> angegeben werden,
damit die Funktion wieder aufgehoben ist


Tabellen


<table>

generiert eine Tabelle

<tr>

tr steht für eine neue Zeile

<td>

td für eine neue Spalte

</td>
</tr>
</table>

Auch hier müssen die Funktionen mit / wieder beendet werden

<table border="1">

border="1" sagt dir die breite der Tabellenlinie an.

zum Beispiel <table border="0">

Das ist eine Tabelle ohne Tabellenrahmen
mit 2 Zeilen und 2 Spalten

1 2
3 4

zum Beispiel <table border="1">

mit Tabellenrahmen 1, wieder mit 2 Zeilen und 2 Spalten

1 2
3 4

zur besseren Ansicht:

<table border="1">
<tr> (die 1. Zeile)
<td>1</td> (Spalte 1)
<td>2</td> (Spalte 2)
</tr> (Ende 1. Zeile)
<tr> (neue 2. Zeile)
<td>3</td> (Spalte 3)
<td>4</td> (Spalte 4)
</tr> (Ende 2. Zeile)
</table> (Ende der Tabelle)

<table border="1" bgcolor="red">

Tabellenrahmen 1, bgcolor definiert die Tab.hintergrundfarbe


Texte/Bilder und ihre Verlinkungen


<img src="http://deine Url">

mit img src wird dein Bild in die Hp eingefügt

<img src="http://deine Url" width= >

width gibt die Breite deines Bildes an

<img src="http://deine Url" height= >

height steht für die Höhe deines Bildes

<a href="http://deine Url"> <a>

a href hingegen verlinkt eine Url.
Dieser Befehl kann sowohl einen Text als auch ein Bild verlinken

Am Ende dieses Befehls muss </a> angegeben werden,
damit die Funktion wieder aufgehoben ist

<a href="http://deine Url"> zum Gästebuch </a>

hier wird der Text zum Gästebuch mit deinem Gästebuch verlinkt

zum Beispiel: zum Gästebuch

Das schaut dann so aus:

<a href="http://www.baffm.de/HP_Tini/alle-gaestebuch.htm">zum Gästebuch</a>

<a href="http://deine Url"><img src="http://deine Bild-Url"> </a>

zum Beispiel: Breite des Bildes width auf Wert 150 verkleinert
verlinkt direkt mit meiner Gästebuchseite.
ohne borderangabe bekommt dein verlinktes Bild automatisch einen Rahmen.

Das schaut dann so aus:

<a href="http://www.baffm.de/HP_Tini/alle-gaestebuch.htm"><img src="http://i53.tinypic.com/2zzuemv.jpg" width=150></a>

<a href="http://deine Url><img src="http://deine Bild-Url" border="0"> </a>

zum Beispiel: Breite des Bildes width auf Wert 150 verkleinert
geöffnet im Frame meiner HP und verlinkt direkt mit meiner Gästebuchseite,
mit border="0" im <img src> -Bereich

Das schaut dann so aus:

<a href="http://www.baffm.de/HP_Tini/alle-gaestebuch.htm"><img src="http://i53.tinypic.com/2zzuemv.jpg" width=150 border="0"></a>

<a href="http://deine Url" target="_blank"><img src="http://deine Bild-Url"> </a>

zum Beispiel: Breite des Bildes width auf Wert 150 verkleinert
verlinkt direkt mit meiner Gästebuchseite, aber auf einer neuen Seite deines Browsers.

target="_blank" gibt an, ob die Seite im neuen Fester oder im gleichen Frame geöffnet wird.

Probiere es aus, es sollte sich nun eine neues Fenster öffnen...

Das schaut dann so aus:

<a href="http://www.baffm.de/HP_Tini/alle-gaestebuch.htm" target="_blank" ><img src="http://i53.tinypic.com/2zzuemv.jpg" width=150></a>


Zur Übersicht aller Webmaster-Tools



Copyright © by baffm.de, 2010
Erstellt am: 03.10.2010

Zum Seitenanfang