Ginas Sammelsurium - HTML-Kunde

Ein HTML-Code besteht aus einem Befehl, der hinter dem auszuführenden Wort (o. ä.) durch den gleichen Befehl mit einem Schrägstrich davor wieder aufgehoben wird.

Die zu verwendenden HTML-Codes habe ich pink dargestellt,
den Beispieltext blau.

Absatz	Aufzählung mit Punkten	Aufzählung mit Ziffern
Bild einfügen	Bild im Internet ablegen	Bild verlinken
Bild zentrieren	"Enter"	Farbhinterlegung
Fettschrift	Link	Schrägschrift
Schriftfarbe	Schriftgröße ändern	Seitenhintergrundfarbe
Seitenhintergrund mit Bild	Tabelle einfügen	Unterstreichen eines Wortes

NEU!!
Die Farbpalette für weitere Farben!!

Einen Absatz
(= "Enter" + eine Leerzeile) bilden:

Ein "Enter" einbauen:

 

Ein Wort fett schreiben:

...WORT...

Ein Wort kursiv schreiben:

...WORT...

Ein Wort farbig hinterlegen (z. B. pink):


HTML-Kunde

Ein Wort farbig darstellen (z. B. in rot):

...WORT...

Die Farben haben immer solche "Code-Nummern".
Ich schreibe hier mal die gängigsten auf:

*rot*	#ff0000
*orange*	#ff7700
*gelb*	#ffff00
*grün*	#007700
*blau*	#000077
*lila*	#770077

Weitere Farben findet Ihr auf der
Farbpalette!

Ein Wort unterstreichen:

...WORT...

Schriftgröße ändern:

...Schriftgröße...

...ändern...

Die Standardschriftgröße ist 2. Größer oder kleiner macht man die Schrift, indem man die Ziffer ändert.

Seitenhintergrund mit Bild bestimmen

<BODY background="beispiel_hg.jpg">

</BODY>

Der "Body"-Befehl muß ganz am Anfang aller HTML-Codes stehen und ganz am Ende allen Textes aufgehoben werden.

Seitenhintergrundfarbe bestimmen

<BODY bgcolor="#EC33FF">

</BODY>

Auch hier muß der "Body"-Befehl ganz oben stehen und ganz unten aufgehoben werden.

ACHTUNG! eBay erkennt keine Hintergrundfarbe!! Da muß man auf einen kleinen Trick zurückgreifen und - wenn man keinen gemusterten Hintergrund haben möchte - ein kleines Bildchen mit der gewünschten Hintergrundfarbe erstellen und dann mit dem HTML-Code für "Seitenhintergrund mit Bild bestimmen" definieren.

Eine Aufzählungsliste mit Punkten erstellen
<ul> <li>Erstens</li> <li>Zweitens</li> <li>Drittens</li> </ul>	Erstens Zweitens Drittens
Die Zeile mit dem <li>XY</li> kann beliebig oft wiederholt werden.

Eine Aufzählungsliste mit Ziffern erstellen
<ol type="1"> <li>Erstens</li> <li>Zweitens</li> <li>Drittens</li> </ol>	Erstens Zweitens Drittens
Die Zeile mit dem <li>XY</li> kann beliebig oft wiederholt werden.

Eine Tabelle erstellen

Mit width="?" bestimmt man die Zellenbreite.
Bei dem Beispiel rechts ist es 50.

Mit  bestimmt man die Position des Textes
innerhalb der Zelle.

Auch bei der Tabelle kann man eine Hintergrundfarbe bestimmen.
Dafür fügt man entweder bei <table> (für die ganze Tabelle) oder
bei <tr> (für eine einzelne Zelle) den Befehl bgcolor="??" ein.

Wenn man ein Hintergrundbild bestimmen möchte, geht das mit dem Befehl background="??".

Mit dem Befehl von <tr> bis </tr> können beliebig
weitere Zeilen geschaffen werden.

Ein Wort, einen Satz oder einen Namen mit einem Link versehen:

z. B.

Die Familien-Homepage von Gina & Jörg & Jan & Lisa & "Purzel"

<A HREF="http://www.familie-wischnewski.de" target="_blank">
Die Familien-Homepage von Gina & Jörg & Jan & Lisa & "Purzel"</A>

Das target="_blank" bewirkt, dass der Link in einem neuen Fenster geöffnet wird.

Ein Bild (das sich bereits im Internet befindet) einfügen:

z. B.

<IMG SRC="http://www.ginas-sammelsurium.de/e-mail.gif">

Ein Bild (aus dem Internet) mit einem Link versehen:

z. B.

<A HREF="http://www.herbstmamas.de" target="_blank">
<IMG SRC="http://www.herbstmamas.de/banner_index.gif" BORDER="0"></A>

Das target="_blank" bewirkt, dass der Link in einem
neuen Fenster geöffnet wird.
BORDER="0" bedeutet, dass kein Linkrahmen um das Bild gezogen wird.

Ein Bild im Text zentrieren:

z. B.