HTML-Befehle

by Wyden Silvan — last modified 01.06.2010 20:29

Grundgerüst
Grundgerüst:	<html> <head> Informationen über die Datei </head> <body> Gesamter Seiteninhalt </body> </html>
Titel:	<title>Titel der Seite</title>
Meta-Tags:	<meta name="keywords" content="Stichwort1,..,StichwortX"> <meta name="description" content="Diese Seite ist nur ein Beispiel."> <meta name="author" content="Muster Hans">
Hintergrundfarbe:	<body bgcolor="#12FF2G">
Hyperlinkfarbe:	<body link="#000000" vlink="#123456" alink="#FFFFFF"> link = Hyberlink; vlink = besuchter Link; alink = aktiver Link
Hintergrundbild:	<body background="URL des Bildes (z.B. images/background.jpg)">
Textformatierung
Zeilenumbruch:	<br> = erzeugt ein Zeilenumbruch <p> = erzeugt zwei Zeilenumbrüche
Textausrichtung:	<p align="left"> = Text ist links ausgerichtet <p align="right"> = Text ist rechts ausgerichtet <p align="center"> = <center> = Text ist zentriert ausgerichtet <p align="justify"> = Blocksatz
Formatierung:	<b>fett formatiert</b> <i>kursiv formatiert</i> <u>unterstrichen</u> <strike>durchstreichen</strike> <big>vergrösserter Text</big> <small>verkleinerter Text</small> <sup>hochgestelleter Text</sup> <sub>tiefgestellter Text</sub> <nobr>unzertrennbarer Text</nobr>
Schriftgrösse:	<font size="3"> = Standartschriftgrösse Werte von size="1,2,3,4,5,6,7"
Schriftart:	<font face="Arial">
Schriftfarbe:	<font color="#23GG4B">
Kombination:	<font face="Arial Black" size=2" color="#34GG40">
Trennlinien:	<hr align="left" width="200" height="5" color="FFGG30" noshade> "noshade" schaltet die 3D-Darstellung aus
Listen
Aufzählungen:	<ul type="disc"> <li>1. Eintrag</li> <li>2. Eintrag</li> </ul> disc = gefüllter Kreis; square = gefülltest Quadrat; circle = leerer Kreis
Nummerierung:	<ol type="1" start="1"> <li>1. Eintrag</li> <li>2. Eintrag</li> </ol> 1 = Zahlen; a = Kleinbuchstaben; A = Grossbuchstaben; i = kleine römische Zahlen; I = grosse römische Zahlen
Grafiken
Grafik einbinden	<img src="URL des Bildes (z.B. images/logo.jpg">
Breit und Höhe:	<img src="URL" width="100" height="50>
Alternativer Text:	<img src="URL" alt="Das ist das Logo von uns"> Der Text bei alt="..." wird angezeigt, wenn man mit dem Mauszeiger über dem Bild ist.
Grafik umranden:	<img src="URL" border="2">
Text um Grafik:	<img src="URL" align="left/right">Ihr Text Bei der Ausrichtung "left" wird die Grafik links dargestellt und der Text fliesst rechts herum. Bei "right" ist es gerade umekehrt.
Abstand zur Grafik:	<img src="URL" vspace="10" hspace="30">Ihr Text vspace ist der vertikale und hspace der horizontale Abstand zwischen Grafik und Text
Hyberlinks
Hyperlink setzten:	<a href="URL" target="_blank/main">Verweistext</a> _blank = Link wird immer in einem neuen Fenster geöffnet blank = Link wird das erste Mal in einem neuen Fenster geöffnet, dann immer in demselben Fenster main = Links wird im Frame "main" geöffnet
E-Mail-Hyperlink:	<a href="mailto:Mail-Adresse?subject=Betreff&body=Text"> Verweistext</a>
Anker setzen:	<a name="ANKERNAME">ANKERTEXT</a>
Anker aufrufen:	<a href="DATEI.html#ANKERNAME">ANKERTEXT</a>
Tabellen
Grundaufbau:	<table border="1"> <tr> <td>Zelleninhalt</td> <td>Zelleninhalt</td> </tr> </table> Grundaufbau einer Tabelle mit einer Zeile und Rahmenstärke 1. Für jede weiter Zeile einfach immer einen neuen Befehl <tr>Zeile</tr> eingeben.
Spaltenbreite:	<tr width="100">
Tabelle horizontal ausrichten:	<table align="left/center/right">
Tabelle vertikal ausrichten:	<td valign="top/middle/bottom">
Zellabstand:	<table cellspacing="15">
Abstand des Zellinhalts:	<table cellpadding="10">
Rahmenfarbe:	<table borderlight="#123456" bordercolorlight="#123456 bodercolordark="#123456"> borderlight = Rahmenfarbe bordercolorlight = heller Rahmen (3-D-Effekt) bordercolordark = dunkler Rahmen (3-D-Effekt)
Hintergrundfarbe:	<table bgcolor="#123456"> <tr bgcolor="#123456"> <td bgcolor="#123456">
Hintergrundbild:	<table background="URL">
Zelen horizontal verbinden:	<td colspan="2">
Zellen vertikal verbinden:	<td rowspan="2">
Frames
Grundaufbau:	<frameset cols"100,*"> <frame src="links.html" name="links"> <frame src="rechts.html" name="rechts"> </frameset>
Bildlaufleiste:	scrolling="yes/no/auto"
Grösse nicht änderbar:	noresize
Abstand:	marginheight = Abstand nach oben und nach unten marginwidth = Abstand nach links und nach rechts
Rahmen<:/b>	border="0" -> Rahmen nicht sichtbar border="1" -> Rahmen sichtbar framespacing="WERT" -> Rahmenbreite bordercolor="WERT" -> Rahmenfarbe
Formulare
Grundaufbau:	<form name="formular" action="senden.php" method="get" enctype="text"> Inhalt des Formulars </form>
Einzeiliges Eingabefeld:	<input type="text" name="FELDNAME" size="GRÖSSE" maxlength="LÄNGE" value="TEXT" readonly>
Passwortfeld:	<input type="password" name="FELDNAME" size="GRÖSSE" maxlength="LÄNGE">
Mehrzeiliges Eingabefeld:	<textarea name="FELDNAME" rows="WERT" cols="WERT" readonly>TEXT</texarea>
Auwahlliste:	<select name="FELDNAME" size="WERT" multiple> <option value="NAME">1. Eintrag</option> <option value="NAME" selected>2. Eintrag</option> </select>
Kontrollkästchen:	<input type="checkbox" name="NAME" value="WERT"> <input type="checkbox" name="NAME" value="WERT" checked>
Optionsfeld:	<input type="radio" name="NAME" value="WERT"> <input type="radio" name="NAME" value="WERT" checked>
Versteckte Felder:	<input type="hidden" name="NAME" value="WERT">
Schaltflächen:	<input type="submit" value="TEXT"> <input type="reset" value="TEXT">
Bild als Schaltfläche:	<input type="image" name="NAME" src="URL">