Onyx Web Programmiertools

HTML-Befehle

Tag (Befehl) Beschreibung des Befehls
Anfang des Befehls Ende des Befehls
<H1> </H1> Überschrift: H1 (groß)-H6 (klein)
<H1 Align="?"> </H1> Ausrichtung der Überschrift
     "center" / zentriert
     "left" / links
     "right" / rechts
     "justify" / Blocksatz
<P> </P> Absatz
<BR> / Zeilenumbruch erzwingen
<NOBR> </NOBR> keinen Zeilenumbruch erzwingen
<FONT FACE="?"> </FONT> Schriftart, auch eine zweite zur Auswahl mit Komma verbinden
<FONT SIZE="?"> </FONT> Schriftgröße (1-7), auch für <H>; Schriftgröße verändern mit / - 1,2,3...
<HR> / Trennlinie mit 100% Länge, 2Pkt Breite, grau, zentriert
   <HR Width="?"> / Weite einstellen (in Prozent oder in Bildpunkten)
   <HR Size="?"> / Breite einstellen (in Bildpunkten)
   <HR Color="?"> / Farbe einstellen
   <HR Align="?"> / Ausrichtung bestimmen
   <HR Noshade> / Linie ohne Schatten (eindimensional)
<B> </B> Fette Schrift
<I> </I> Kursive Schrift
<U> </U> Unterstrichen
<Strike> </Strike> Durchgestrichen
<Sup> </Sup> Höhersetzen
<Sub> </Sub> Tiefersetzen
<Cite> </Cite> Zitat
<Blockquote> </Blockquote> mit <Cite> Zitat in Blocksatz, Einzug nach rechts versetzt
<TT> </TT> Schreibmaschinenschrift
<DFN> </DFN> Definitonen, z.B. von Abkürzungen
<Address> </Address> Adressen einfügen
<Center> </Center> zentrierter Text
<Blink> </Blink> blinkender Text (Nur Netscape)
<Pre> </Pre> Ausgabe genau wie eingegeben
<KBD> </KBD> Tastenkombination
<Big> </Big> Schrift auffälliger
<Small> </Small> Schrift unauffälliger
<Banner> </Banner> Text hinter Bilder legen
<Font Color="?"> </Font> Farbeinstellung für alle Texte
<Body BGColor="?"> </Body> Hintergrundfarbe
<UL> </UL> einfache Aufzählung (Punkt, Kreis oder Quadrat)
   <UL Type="?"> </UL> anderes Aufzählungszeichen (Punkt=disk, Kreis=circle, Quadrat=square)
<LI> / Unterpunkt einer Aufzählung
<OL> </OL> nummerierte Aufzählung
   <OL Start=?> </OL> Beginn einer nummerierten Aufzählung mit anderer Zahl
   <OL Type="A"> </OL> Aufzählung mit Buchstaben A(groß), a(klein)
   <OL Type="I"> </OL> Aufzählung mit römischen Zahlen I(groß), i(klein)
   <OL Type="?" Start="?"> </OL> andere Aufzählung mit anderem Anfang
   <OL Compact> </OL> reduzierter Einzug
<LI> </LI> Unterpunkt einer Aufzählung
   <LI Value="?"> </LI> Aufzählung in anderen Schritten (z.B. 1, 3, 5, 8)
<DL> </DL> Definitionsliste
<DT> </DT> Begriff der Liste
<DD> </DD> Definition des Begriffs
<A HREF="?">? </A> Hyperlink im selben Fenster (1.?=Dateiname mit Endung [Name der Datei])
   <A HREF="?" Target="_blank" o."_new">? </A> Hyperlink in neuem Fenster (2.?=Name des Links [das wird ausgegeben])
   <A Name="?">? </A> Festlegung einer Textmarke (1.?=Name, 2.?=Ausgabe)
   <A HREF="#?">? </A> Sprung zu einer Textmarke (1.?=gleicher Name der Textmarke, 2.?=Ausgabe)
   <A HREF="?#?" >? </A> Link zu Textmarke anderer Seite (1.?=Dateiname,2.?=Markenname,3.?=Ausgabe)
<Marquee> </Marquee> Laufblaken (bewegter Text) auch für Hyperlinks (nur im Internet Explorer anzeigbar)
<Meta HTTP-Equiv="refresh" Content="?; URL=?"> / direkter Sprung zu einer anderen Seite (Content= Verzögerungsdauer in Sekunden) im head angeben
<Table> </Table> Beginn einer Tabelle
   <Table Border="?"> </Table> Tabelle mit bestimmter Rahmenstärke (0 für kein Rahmen)
   <Table Width=?> </Table> Bestimmung der Weite in Pixel oder Prozent (mit " ")
   <Table Bordercolor="?"> </Table> Rahmenfarbe
   <Table Bordercolorlight="?"> </Table> Zweifarbiger Rahmen (helle Farbe)
   <Table Bordercolordark="?"> </Table> Zweifarbiger Rahmen (dunkle Farbe)
   <Table Cellpadding="?"> </Table> Abstand Text vom äußeren Rand
   <Table Cellspacing="?"> </Table> Abstand Text vom inneren Rand
<TR> </TR> Zeile in der Tabelle festlegen
   <TR Align="?"> </TR> Ausrichtung der gesamten Zeile
<TD> </TD> Spalte in der Zeile festlegen
<TH> </TH> Spalte in der Zeile, in fetter Schrift, festlegen
   <TD o.TH width="?"> </TD o.TH> Weitenangabe der Spalte
   <TD o.TH Align="?"> </TD o.TH> Ausrichtung der Spalte
   <TD o.TH Rowspan=?> </TD o.TH> Verbinden von Zeilen
   <TD o.TH Colspan=?> </TD o.TH> Verbinden von Spalten
   <TD o.TH BGColor="?"> </TD o.TH> Hintergrundfarbe
<Caption Align="?"> </Caption> Hinweise zur Tabelle oben(top), unten(bottom), links(left), rechts(right)
<IMG SRC="file:///?"> / Einbinden einer Grafik im lokalen Rechner ( für Leerzeilen)
<IMG SRC="?"> / Einbinden einer Grafik im Web (?=Dateiname mit Endung [Groß/Klein beachten]
   <IMG SRC="?/?"> / Einbinden aus Unterverzeichnis (1.?=Ordner, 2.?=Datei)
   <IMG Border="?" SRC="?"> / Rahmen um Grafik, mit Angabe der Stärke
   <IMG SRC="?" ALT="?"> / Text anstelle der Grafik (z.B. bei langem Laden)
   <IMG SRC="?" Width="?" Height="?"> / Größe der Grafik bestimmen
   <IMG SRC="?"Align="?"> / Ausrichtung der Grafik
   <IMG SRC="?" Align="?" HSpace="?"> / Ausrichtung mit horizontalem Abstand Grafik/Text in Pixeln
   <IMG SRC="?" Align="?" VSpace="?"> / Ausrichtung mit vertikalem Abstand Grafik/Text in Pixeln
   <P><IMG SRC="?"><P> / kein Text um die Grafik
   <A HREF="?"><IMG SRC="?"> </A> Grafik als Hyperlink
<Body Background="?"> </Body> Hintergrundbild (Datei mit Endung)
<Map Name="?"> </Map> Image-Map erstellen
<Area HREF="?" Shape="?" Coords="?"> / Angabe der Datei, der Image Form und der Koordinaten der Map
   "rect" / Rechteck (4 Koordinaten [Abstand linke, obere Ecke von oben, von links; Abstand rechte, untere Ecke von oben, von links in Pixeln])
   "circle" / Kreis (3 Koordinaten [Abstand Mittelpunkt oben, links; Kreisradius in Pixeln])
   "polygon" / Polygon (mehrere Paarkoordinaten [Abstand Punkt 1 von oben, von links; Abstand Punkt 2 von oben, von links usw.])
<IMG SRC="?" Usemap="#?"> / Einfügen einer Grafik in Verbindung des festgelegten Maps (?=Mapname)
<IMG SRC="?" DYNSRC="?"> / Bild, nachdem ein Film gezeigt wird (Endungen nicht vergessen)
   <IMG DYNSRC="?" Loop="?"> / Wiederholungen des Films (-1 o.Infinite= unendlich)
   <IMG DYNSRC="?" Loopdelay="?"> / Zeit zwischen den Wiederholungen in Millisekunden (1sek.=10.000)
   <IMG DYNSRC="?" Start="> / Zeitpunkt des Starts Mausberührung(Mouseover), Seite voll geladen(Fileopen)
   <A HREF="?"><IMG DYNSRC="?"> </A> Start bei Mausklick
<BGSound SRC="?"> / Sounddatei abspielen (auch mit Loop o. Loopdelay)
<Frameset> </Frameset> Grundgerüst für Frames
<NoFrames> / öffnet sich wenn für keine Frames geeignet
   <Frameset Rows="?"> </Frameset> Anzahl der Zeilen eines Fensters in Prozent (1.%, 2.%)
   <Frameset Cols="?"> </Frameset> Anzahl der Spalten in Prozent (1.%, 2.%)
   <Frame Name="?", SRC="?"> / Festlegung eines Namens und angeben der Datei
   <Frame Name="?",Scrolling="?" SRC=?> / Bildlaufleisten (no oder yes)
   <Frame Name="?" Noresize> / Verhindert die Verschiebung der Leisten im Browser
   <Frameset Framespacing="?"> </Frameset> selber Effekt wie Noresize
   <Frame Name="?" Marginwidth=?> / Textabstand von links/ rechts in Pixeln
   <Frame Name="?" Marginheight=?> / Textabstand von oben/ unter in Pixeln
   <Frameset Frameborder="?"> </Frameset> Randgröße des Frames bestimmen
   <Frameset Bordercolor="?"> </Frameset> Farbe des Rahmens
<A HREF="?" Target="?">? </A> Link im Frame zum öffnen im anderen Frame (anderen Frame in Target angeben)
   <A HREF="?" Target="_Blank">? </A> Link in neuem Fenster öffnen
   <A HREF="?" Target="_Top">? </A> Link in Vollbild öffnen
   <A HREF="?" Target="_Parent">? </A> Rahmen aktualisieren
   <A HREF="?" Target="_Self">? </A> Link im selben Frame öffnen
<Form Methode="Post" Action="mailto:?" Enctype="text/plain" Name="?"> </Form> Inhalte eines Formulars per E-Mail versenden
<Input Type="Submit" Value="?"> / Schaltfläche zum Senden (Value= Name)
<Input Name="?" Type="Radio" Value="?">? / Optionsfeld, eins kann gewählt werden (Name steht vor, Value hinter dem Feld)
   <Input Name="?" Type="Radio" Value="?"    Checked>? / Voreingestelltes Optionsfeld
<Input Name="?" Type="Text" Size="?"> / Einzeiliges Texteingabefeld mit bestimmter Länge
   <Input Name="?" Type="Text" Size="?"    Maxlength="?"> / Texteingabefeld mit begrenzter Anzahl an Zeichen
   <Input Name="?" Type="Text" Size="?"    Value="?"> / Texteingabefeld mit Vorbelegung
<Input Name="?" Type="Password" Size="?"> / Passworteingabefeld (mit Sternchen)
<Textarea Name="?"> </Textarea> mehrzeiliges Texteingabefeld
   <Textarea Name="?" Rows="?"> </Textarea> Anzahl der Zeilen
   <Textarea Name="?" Cols="?"> </Textarea> Anzahl der Spalten
<Input Name="?" Type="Checkbox" Value="?"> / Kontrollfeld, es kann mehr als eins ausgewählt werden
<Select Name="?" Size=?> </Select> Dropdownfeld zum Auswählen
   <Select Name="?" Size=? Multiple> </Select> Mehrere Dinge können ausgewählt werden
<Option>? / Option im Dropdownfeld
   <Option Selected>? / Ausgewählte Option
   <Option Value="?">? / Andere Übertragung, als der eigentliche Name
<Input Type="Reset" Value="?"> / Alle bisherigen Eingaben löschen
<Input Type="File"> / Datei anhängen

HTML Farbcodes


Farbnamen
 

Farbcode
 
aliceblue#f0f8ff
antiquewhite#faebd7
aqua#00ffff
aquamarine#7fffd4
azure#f0ffff
beige#f5f5dc
bisque#ffe4c4
blanchedalmond#ffebcd
blue#0000ff
blueviolet#8a2be2
brown#a52a2a
burlywood#deb887
cadetblue#5f9ea0
chartreuse#7fff00
chocolate#d2691e
coral#ff7f50
cornflowerblue#6495ed
cornsilk#fff8dc
crimson#dc143c
cyan#00ffff
darkblue#00008b
darkcyan#008b8b
darkgoldenrod#b8860b
darkgreen#006400
darkkhaki#bdb76b
darkmagenta#8b008b
darkolivegreen#556B2f
darkorange#ff8c00
darkorchid#9932cc
darkred#8b0000
darksalmon#e9967a
darkseagreen#8fbc8f
darkslateblue#483d8b
darkslategray#2f4f4f
darkturquoise#00ced1
darkviolet#9400d3
deeppink#ff1493
deepskyblue#00bfff
dodgerblue#1e90ff
firebrick#b22222
floralwhite#fffaf0
forestgreen#228b22
fuchsia#ff00ff
ghostwhite#f8f8ff
gold#ffd700
goldenrod#daa520
green#008000
greenyellow#adff2f
honeydew#f0fff0
hotpink#ff69b4
indianred#cd5c5c
indigo#4b0082
ivory#fffff0
khaki#f0e68c
lavender#e6e6fa
lavenderblush#fff0f5
lawngreen#7cfc00
lemonchiffon#fffacd
lightblue#add8e6
lightcoral#f08080
lightcyan#e0ffff
lightgoldenrodyellow#fafad2
lightgreen#90ee90
lightpink#ffb6c1
lightsalmon#ffa07a
lightseagreen#20b2aa
lightskyblue#87cefa
lightslategray#778899
lightsteelblue#b0c4de
lightyellow#ffffe0
lime#00ff00
limegreen#32cd32
linen#faf0e6
magenta#ff00ff
maroon#800000
mediumaquamarine#66cdaa
mediumblue#0000cd
mediumorchid#ba55d3
mediumpurple#9370db
mediumseagreen#3cb371
mediumslateblue#7b68ee
mediumspringgreen#00fa9a
mediumturquoise#48d1cc
mediumvioletred#c71585
midnightblue#191970
mintcream#f5fffa
mistyrose#ffe4e1
moccasin#ffe4b5
navajowhite#ffdead
navy#000080
oldlace#fdf5e6
olive#808000
olivedrab#6b8e23
orange#ffa500
orangered#ff4500
orchid#da70d6
palegoldenrod#eee8aa
palegreen#98fb98
paleturquoise#afeeee
palevioletred#db7093
papayawhip#ffefd5
peachpuff#ffdab9
peru#cd853f
pink#ffc0cb
plum#dda0dd
powderblue#b0e0e6
purple#800080
red#ff0000
rosybrown#bc8f8f
royalblue#4169e1
saddlebrown#8b4513
salmon#fa8072
sandybrown#f4a460
seagreen#2e8b57
seashell#fff5ee
sienna#a0522d
skyblue#87ceeb
slateblue#6a5acd
slategray#708090
snow#fffafa
springgreen#00ff7f
steelblue#4682b4
tan#d2b48c
teal#008080
thistle#d8bfd8
tomato#ff6347
turquoise#40e0d0
violet#ee82ee
wheat#f5deb3
whitesmoke#f5f5f5
yellow#ffff00
yellowgreen#9acd32
white#ffffff
gainsboro#dcdcdc
lightgrey#d3d3d3
silver#c0c0c0
darkgray#a9a9a9
gray#808080
dimgray#696969
black#000000

Meine Erweiterungen

Meine Rechnungen

Einstellungen