139
© 2001- HTML-Hilfe | Ragnar Lätsch | www.ragnar-laetsch.de | Seit: 29.09.2001 | Aktuallisiert: 01.01.1970

<HTML - TAGS>

 Inhaltsverzeichnis:
Weitere Befehle, Tips und Tricks 













 Hier erstmal das Grundgerüst:
<html>
<head>
<title>Homepage</title>
Nicht sichtbarer Bereich
</head>
<body>
Sichtbarer Bereich
</body>
</html>
Einfach den unteren Teil kopieren und mit dem Microsoft Editor (Notepad) erstellen.
Diesen dann als *.htm oder *.html speichern. Als Startseite empfiehlt sich index.htm, aber es sind auch andere Bezeichnungen möglich, wie z.B.:
default.htm oder default.html
home.htm oder home.html
welcome.htm oder welcome.html

Das hängt in der Regel vom Web-Server ab.


Beispiel anzeigen


 Zum Inhaltsverzeichnis



Wichtige BODY-TAGS
<BODY BGCOLOR="#FF0000"> Hintergrundfarbe auswählen
<BODY Background="back.gif"> Hintergrundbild auswählen
<BODY bgproperties="fixed"> Hintergrundbild fixieren, beim Scrollen
<BODY text="#FF0000"> Textfarbe auswählen
<BODY Link="#800080"> Linkfarbe auswählen
<BODY VLink="#FF00FF"> Besuchten Link, Farbe auswählen
<BODY ALink="#00FFFF"> Aktivierten Link, Farbe auswählen
<BODY Scroll="auto"> Scrollbalken Automatisch anzeigen (yes oder no)
<BODY RIGHTMARGIN="10"> Abstand von rechts einstellen
<BODY LEFTMARGIN="10"> Abstand von links einstellen
<BODY TOPMARGIN="10"> Abstand von oben einstellen
<BODY MARGINWIDTH="10"> Seitenrandbreite einstellen
<BODY MARGINHEIGHT="10"> Seitenrandhöhe einstellen


 Zum Inhaltsverzeichnis



Wichtige FONT-TAGS
<FONT COLOR="#FF0000"> Schriftfarbe auswählen
<FONT Size="4"> Schriftgröße auswählen
<FONT Face="Arial"> Schriftart auswählen
<B> </B> Breite Schrift
<U> </U> Unterstrichende Schrift
<S> </S> Durchgestrichende Schrift
<I> </I> Kursive Schrift
<TT> </TT> Schreibmaschinen Schrift
<Blink> </Blink> Blinkende Schrift (Nur Netscape)
<SUB> </SUB> Tiefergesetzte Schrift
<SUP> </SUP> Höhergesetzte Schrift
<SPAN Style='background:yellow'> </SPAN> Hervorgehobene Schrift
<Marquee> </Marquee> Laufschrift (nur Internet Explorer)
<Marquee BGColor="#FF0000"> </Marquee> Hintergrundfarbe
<Marquee Scrollamount="8"> </Marquee> Geschwindigkeit


 Zum Inhaltsverzeichnis



Wichtige LI-TAGS:
Aufzählung mit Punkten:
<ul>
<li>Voll</li>
<li>Voll</li>
<li>Voll</li>
</ul>

<ul type="circle">
<li>Hohl</li>
<li>Hohl</li>
<li>Hohl</li>
</ul>

<ul type="square">
<li>Rechteck</li>
<li>Rechteck</li>
<li>Rechteck</li>
</ul> 		Aufzählung mit Punkten:
  • Voll
  • Voll
  • Voll


  • Hohl
  • Hohl
  • Hohl


  • Rechteck
  • Rechteck
  • Rechteck
Aufzählung mit Zahlen:
<ol>
<li>Normal</li>
<li>Normal</li>
<li>Normal</li>
</ol>

<ol type="I">
<li>Röhmisch groß</li>
<li>Röhmisch groß</li>
<li>Röhmisch groß</li>
</ol>

<ol type="i">
<li>Röhmisch klein</li>
<li>Röhmisch klein</li>
<li>Röhmisch klein</li>
</ol>

<ol type="A">
<li>Buchstaben groß</li>
<li>Buchstaben groß</li>
<li>Buchstaben groß</li>
</ol>

<ol type="a">
<li>Buchstaben klein</li>
<li>Buchstaben klein</li>
<li>Buchstaben klein</li>
</ol> 		Aufzählung mit Zahlen oder Buchstaben:
  1. Normal
  2. Normal
  3. Normal



  1. Röhmisch groß
  2. Röhmisch groß
  3. Röhmisch groß


  1. Röhmisch klein
  2. Röhmisch klein
  3. Röhmisch klein


  1. Buchstaben groß
  2. Buchstaben groß
  3. Buchstaben groß



  1. Buchstaben klein
  2. Buchstaben klein
  3. Buchstaben klein


 Zum Inhaltsverzeichnis



Hier erstmal das Grundgerüst einer Tabelle:
<TABLE> Tabellen Anfang
  <TR> Zeilen Anfang
   <TD>TEXT</TD> Spalten Anfang, Inhalt und Ende
  </TR> Zeilen Ende
</TABLE> Tabellen Ende


 Weitere TAGS einer Tabelle:
<TABLE> </TABLE> Tabellen Anfang und Ende
<TABLE Border="1"> Rahmendicke auswählen (0=kein Rahmen)
<TABLE Width="75%"> Tabellenbreite einstellen (in % oder Pixel)
<TABLE Align="center"> Tabellenausrichtung (left oder right)
<TABLE VAlign="middle"> Tabellenausrichtung (top oder bottom)
<TABLE Height="75%"> Tabellenhöhe einstellen (in % oder Pixel)
<TABLE Cellspacing="10"> Gitternetz-Dicke einstellen
<TABLE Cellpadding="10"> Randabstand einstellen
<TABLE BGColor="#FF0000"> Hintergrundfarbe auswählen
<TABLE Background="back.jpg"> Hintergrundbild auswählen
<TABLE Bordercolor="#FFFF00"> Randfarbe auswählen
<TABLE Bordercolorlight="#FF00FF"> Randfarbe auswählen (Heller Teil)
<TABLE Bordercolordark="#00FFFF"> Randfarbe auswählen (Dunkler Teil)
<TR> </TR> Tabellenzeile
<TR Align="center"> Zeilenausrichtung (left oder right)
<TR VAlign="middle"> Zeilenausrichtung (top oder bottom)
<TD> </TD> Tabellenspalte
<TD Width="50%"> Spaltenbreite einstellen (in % oder Pixel)
<TD height="20"> Zeilenhöhe einstellen (in % oder Pixel)
<TD BGColor="#FF0000"> Hintergrundfarbe auswählen
<TD Background="back.jpg"> Hintergrundbild auswählen
<TD Align="center"> Spaltenausrichtung (left oder right)
<TD VAlign="middle"> Spaltenausrichtung (top oder bottom)


 Zum Inhaltsverzeichnis



Wichtige HR-TAGS
<HR> Balken - Tag
<HR Size="4"> Balkendicke auswählen
<HR Color="#FF0000"> Balkenfarbe auswählen
<HR width="75%"> Balkenbreite auswählen (in % oder Pixel)
<HR NOSHADE> Ohne 3D Efekt


 Zum Inhaltsverzeichnis



 Wichtige A-TAGS
<A> </A> Hyperlink - Tag
<A href="http://www.webseite.de/"> </A> Ziel Angabe
<A href="Seite.htm"> </A> Ziel Angabe
<A Target="_blank"> </A> Öffnet Ziel im neuen Fenster
<A Title="Text"> </A> Text erscheint bei Mouse-Over
<A Style="text-decoration:none;"> </A> Link wird nicht Unterstrichen
<A href="Seite.htm#Pos1"> </A> Bookmark Abfragen
<A Name="Pos1"> </A> Bookmark setzen


 Zum Inhaltsverzeichnis



 Wichtige IMG-TAGS
<IMG SRC="Bild.gif"> Bild einfügen
<IMG Align="middle"> Bild ausrichten (Top, Bottom, Left oder Right)
<IMG Alt="Text"> Alternativ-Text
<IMG Title="Text"> Text erscheint bei Mouse-Over
<IMG Border="5"> Rahmen-Dicke (0=Kein Rahman)
<IMG Width="20"> Breite (in % oder Pixel)
<IMG Height="10"> Höhe (in % oder Pixel)


 Zum Inhaltsverzeichnis



 Hier erstmal das Grundgerüst eines Frames:
<Frameset Rows="85%, 15%">
 <Frameset Cols="30%, 70%">
  <Frame Name="left", Scrolling="auto" SRC="links.htm" noresize>
  <Frame Name="main", Scrolling="auto" SRC="hauptseite.htm" noresize>
 </Frameset>
<Frame Name="bottom", Scrolling="no" SRC="unten.htm" noresize>
</Frameset>


 Wichtige FRAME-TAGS
<Frameset> </Frameset> Frame - Tag
<Frameset Rows="20%, 80%"> Zeilen definieren
<Frameset Cols="20%, 80%"> Spalten definieren
<Frame NORESIZE> Nicht vergrößerbar
<Frame Scrolling="auto"> Scrollbalken Automatisch anzeigen (yes oder no)


 Zum Inhaltsverzeichnis



 Weitere-TAGS
<P> </P> Absatz - Tag
<P Align="center"> </P> Ausrichtung (left oder right)
<BR> Zeilenumbruch
<NOBR> </NOBR> Kein Zeilenumbruch
<CENTER> </CENTER> Zentrier-Element
<H1> </H1> Überschriften (Größe 1-6)
<H1 Align="center"> </H1> Ausrichtung (left oder right)
<bgsound SRC="Musik.mid"> Hintergrundmusik einbinden (.wav oder .au)
<blockquote> </blockquote>
Hiermit kann man ein "geblocktes" Zitat einfügen


 Zum Inhaltsverzeichnis



 Sonderzeichen
Ä  = &Auml; ä  = &auml; Ö  = &Ouml; ö  = &ouml; Ü  = &Uuml;
ü  = &uuml; ß  = &szlig; &  = &amp; §  = &sect; <  = &lt;
>  = &gt; "  = &quot; ©  = &copy; ®  = &reg; Ø  = &Oslash;
¶  = &para; ¼  = &frac14; ½  = &frac12; ¾  = &frac34; €  = &euro;
°  = &deg; ±  = &plusmn; ´  = &acute; ÷  = &divide; ×  = &times;
Leerzeichen  = &nbsp;


 Zum Inhaltsverzeichnis



 Farbcodes
Farbe Farbanzeige Farbname Farbcode
Rot Red #FF0000
Gelb Yellow #FFFF00
Weiß White #FFFFFF
Schwarz Black #000000
Blau Blue #0000FF
Kobaltblau Aqua #00FFFF
Grün Green #008000
Hellgrün Lime #00FF00
Violett Fuchsia #FF00FF
Marineblau Navy #000080
Blaugrün Teal #008080
Lila Purple #800080
Braun Maroon #800000
Silber Silver #C0C0C0
Olivgrün Olive #808000
Grau Gray #808080


 Zum Inhaltsverzeichnis