Da sich im Thread "Schöneres Ariva?" doch nun einige HTML-Gestaltungstips angehäuft haben, hab´ mir gedacht, dass ich mal eine kleine Zusammenfassung einstelle:
- Horizontale Linie:
<hr>
- Text mittig ausrichten:
<center>Text</center>
- Text fett darstellen: <b>Text</b>
- Text kursiv darstellen: <i>Text</i>
- Text unterstreichen: <u>Text</u>
- Schrift mit gleichen Zeichenabständen:
<tt>Text</tt>
- Textfarbe einstellen: <font color=green>Text</font color=green>
z.B. Aqua (aqua), schwarz (black), blau (blue), fuchsienrot (fuchsia), grau (gray), grün (green), limonengrün (lime), kastanienbraun (maroon), marineblau (navy), olive (olive) , purpurrot (purple), rot (red), silber (silver), blaugrün (teal), gelb (yellow)
Die Linien könnt Ihr übrigens auch farbig gestalten mit dem Zusatz color=
also: <hr color=red>
- Tieferstellen der Schrift:
<sub>Text</sub>
Beispiel: H2O
- Erstellung von Listen:
Mittels Aufzählungszeichen oder Nummern könnt Ihr Listen erstellen. Beginnt Eure Liste mit <ol> für eine geordnete, d.h. „numerierte“ Liste (ordered list - ol). Beginnt Eure Liste mit <ul> für eine Liste mit Aufzählungszeichen, d.h. „unnumerierte“ Liste (unordered list - ul). Jeder Artikel in einer Liste sollte ein Befehl <li>Listenartikel</li> (list item - li) haben.
Beispiel:
<ul><li>Name</li><li>WKN</li><li>Kurs</li></ul> wird zu
- Text durchstreichen:
<strike>Text</strike>
- Schriftgröße allgemein im Text ändern:
<small>Text</small> oder <big>Text</big>
Hier wird der Text jeweils um eine Stufe kleiner oder größer.
Beispiel 5 x und 5 x :
123456
- Schriftgröße einstellen:
<font size=ZAHL>Text</font>
Beispiel ZAHL=6: 1000%-Chance
- Erstellen von Titeln (Größe: h1-h6):
<h1>Text</h1>
Beispiel h1: 1000%-Chance
- Schriftart festlegen:
<font face=Schriftname>Text</font>
Beispiel in Größe 6: Schriftart typist
- Marquee-Effekt:
<marquee>Lauftext</marquee>
(Funktioniert nur beim Microsoft Internet Explorer)
Beispiel:
Der Vollständigkeit halber sollten folgende Zusätze erwähnt werden:
Scroll-Richtung bestimmen:
Per Voreinstellung werden die Texte von rechts nach links gescrollt. Man kann die Scroll-Richtung aber auch umkehren: durch die Zusatzeingabe direction=right im einleitenden Tag <marquee ...> erzwingt man die Scrollrichtung von links nach rechts.
Scroll-Geschwindigkeit einstellen:
Um die voreingestellte Scroll-Geschwindigkeit zu verändern gibt es zwei Parameter:
a) Anzahl der Pixel zwischen einem Scroll-Zustand und dem nächsten
scrollamount= ins einleitende Tag <marquee ...>
b) Angabe der Verzögerung zwischen zwei Scroll-Zuständen
scrolldelay= ins einleitende Tag <marquee ...>
Hin- und herwechselnder Text:
Man kann bestimmen, dass sich der Text abwechselnd von rechts nach links und von links nach rechts bewegt. Dabei wird die Laufrichtung des Textes umgekehrt, sobald der Text einen der beiden Fenster- bzw. Seitenränder berührt. Durch die Zusatzangabe behavior=alternate im einleitenden Tag von <marquee ...> erzwinget man den Wechsel-Effekt.
- Blink-Effekt:
<blink>Blinktext</blink>
(Funktioniert nur beim Netscape Navigator)
Beispiel:
- Bilder einfügen (auch animierte):
<img src="http://Internetadresse">
Beispiel: 
- Hintergrundmusik einfügen:
<bgsound src=http://Internetadresse>
Das Beipiel hört Ihr ja...
- Kombination z.B. von marquee und Bild:
- Aufnehmen von Zitaten:
<blockquote>Text</blockquote>
Hiermit können Zitate aufgenommen werden. Tag verhält sich wie ein Absatztag, wobei das Aussehen vom Browser definiert wird! Meistens eingerückt, auf jeden Fall anders formatiert wie der Rest.
Beispiel: Was man nicht begreift, verlernt man nie.
- Anklickbare Links:
<a href="http://Internetadresse des Links">Name des Links</A>
Beispiel: ariva
Das ganze geht natürlich auch mit Bildern!
Anstatt den Namen des Links gebt Ihr den Link zum Bild an:
<a href="http://www.ariva.de"><img src="http://www.ariva.de/images/smalltop.gif></a>
wird zu: 
Der o.g. Zusatz border=0 hinter der Adresse des Bildes bewirkt, dass um die Grafik kein zusätzlicher "Línk-Rahmen" erstellt wird; wenn Ihr den Zusatz weglasst, sieht das ganze wie folgt aus:
(nicht ganz so schön, oder?)
Na dann, wieder viel Spaß (und Erfolg) beim Ausprobieren...
Gruß
Happy End
P.S. Die Rechtschreibfehler sind Absicht und dienen zur Unterhaltung!
|
Thread abonnieren
