Web-Design

HTML-Tags und Funktionen

GRUNDELEMENTE
Dokumententyp <HTML></HTML> (am Anfang und Ende der Datei)
Thementitel <TITLE></TITLE> (muss im Titel sein)
Titel <HEAD></HEAD> (beschreibende Informationen, zB Thementitel)
Körper <BODY></BODY> (der Rest der Seite)

 









STRUKTURELLE DEFINITIONEN









Titel
<H?></H?>
(6 Stufen sind verfügbar)





Titeleinstellung
<H? ALIGN=LEFT|CENTER|RIGHT></H?>






Abteil
<DIV></DIV>






Partitionseinstellungen
<DIV ALIGN=LEFT|RIGHT|CENTER></DIV>






Anführungszeichen
<BLOCKQUOTE></BLOCKQUOTE>
(erscheint normalerweise innen geschrieben)





nachdrücklich
<EM></EM>
(erscheint normalerweise kursiv)





Übermäßig nachdrücklich
<STRONG></STRONG>
(sieht normalerweise dunkler aus)





Referenz
<CITE></CITE>
(erscheint normalerweise kursiv)





Code
<CODE></CODE>
(normalerweise für die Programmausgabe verwendet)





Beispielausgabe
<SAMP></SAMP>






Login von der Tastatur
<KBD></KBD>






Variable
<VAR></VAR>






Definition
<DFN></DFN>
(weit verbreitet)





Autorenadresse
<ADDRESS></ADDRESS>






Breite Schriftart
<BIG></BIG>






Kleine Schrift
<SMALL></SMALL>







 










PRÄSENTATION FORMATIEREN









Dunkel
<B></B>






Kursiv
<I></I>





N3.0b
unterstreichen
<U></U>
(weit verbreitet)





Strikeout
<STRIKE></STRIKE>
(weit verbreitet)




N3.0b
Strikeout
<S></S>
(weit verbreitet)





Untertitel
<SUB></SUB>






Übertitel
<SUP></SUP>






Schreibmaschine
<TT></TT>
(in einem Leerzeichen geschrieben)





Vorformatiert
<PRE></PRE>
(Text wird so angezeigt wie er ist)





Breite
<PRE WIDTH=?></PRE>
(karakter cinsinden)





Durchschnittlich
<CENTER></CENTER>
(für Text und Grafiken)




N1.0
Blinkt
<BLINK></BLINK>






Punto
<FONT SIZE=?></FONT>
(Von 1 bis 7)





Punktwechsel
<FONT SIZE=“+|-?“></FONT>





N1.0
Grundlegender Punkt
<BASEFONT SIZE=?>
(Zwischen 1-7 und seinem Hauptwert ist 3)





Schriftfarbe
<FONT COLOR=“#$$$$$$“></FONT>





N3.0b
Schriftart auswählen
<FONT FACE=“***“></FONT>





N3.0b
Ç Spaltentext
<MULTICOL COLS=?></MULTICOL>





N3.0b
Spaltenrand
<MULTICOL GUTTER=?></MULTICOL>
(sein Wert ist 10 Pixel)




N3.0b
Spaltenbreite
<MULTICOL WIDTH=?></MULTICOL>





N3.0b
Raum
<SPACER>





N3.0b
Hohlraumtyp
<SPACER TYPE=horizontal| vertical|block>





N3.0b
Spaltgröße
<SPACER SIZE=?>





N3.0b
Raumtiefe
<SPACER WIDTH=? HEIGHT=?>





N3.0b
Raumeinstellungen
<SPACER ALIGN=left|right|center>







 










LINKS UND GRAFIKEN









Link zu allem
<A HREF=“URL“></A>






Link zum Ziel
<A HREF=“URL#***“></A>
(in einem anderen Dokument)




<A HREF=“#***“></A>
(im selben Dokument)




N2.0
Zielrahmen
<A HREF=“URL“ TARGET=“***| |_blank|_self|_parent|_top“></A>






Ziele im Dokument setzen
<A NAME=“***“></A>






ılinti
<A REL=“***“></A>
(weit verbreitet)





Umgekehrte Korrelation
<A REV=“***“></A>
(weit verbreitet)





Bild anzeigen
<IMG SRC=“URL“>






Einstellungen
<IMG SRC=“URL“ ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>





N1.0
Einstellungen
<IMG SRC=“URL“ ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM>






Alternative
<IMG SRC=“URL“ ALT=“***“>
(Wenn das Bild nicht angezeigt werden kann)





Imagemap
<IMG SRC=“URL“ ISMAP>
(erfordert ein Programm)





Imagemap auf Client-Seite
<IMG SRC=“URL“ USEMAP=“URL“>






Kartendefinition
<MAP NAME=“***“></MAP>






Kartenauswahl
<AREA SHAPE=“RECT“ COORDS=“,,,“ HREF=“URL“|NOHREF>






Größe
<IMG SRC=“URL“ WIDTH=? HEIGHT=?>
(in Pixel)





Rand
<IMG SRC=“URL“ BORDER=?>
(in Pixel)





Umweltraum
<IMG SRC=“URL“ HSPACE=? VSPACE=?>
(in Pixel)




N1.0
Proxy mit niedriger Auflösung
<IMG SRC=“URL“ LOWSRC=“URL“>





N1.1
Rücktritt durch den Kunden
<META HTTP-EQUIV=“Refresh“ CONTENT=“?; URL=URL“>





N2.0
Integriertes Objekt
<EMBED SRC=“URL“>
(Das Objekt befindet sich auf der Seite.)




N2.0
Objektgröße
<EMBED SRC=“URL“ WIDTH=? HEIGHT=?>







 










TEILER









Absatz
<P></P>
(Es ist oft nicht notwendig, den Befehl zu schließen.)





Text einstellen
<P ALIGN=LEFT|CENTER|RIGHT></P>






Wagenrücklauf
<BR>
(bringt zum Anfang)





Textumbruch löschen
<BR CLEAR=LEFT|RIGHT|ALL>






Horizontale Linie
<HR>






Einstellungen
<HR ALIGN=LEFT|RIGHT|CENTER>






Dicke
<HR SIZE=?>
(in Pixel)





Breite
<HR WIDTH=?>
(in Pixel)




N1.0
Prozentsatz der Breite
<HR WIDTH=“%“>
(% der Seitenbreite)





Gefüllte Linie
<HR NOSHADE>
(3D unsichtbar)




N1.0
Kein Wagenrücklauf
<NOBR></NOBR>
(verhindert Wagenrücklauf)




N1.0
Word Split
<WBR>
(wo die Beförderung erfolgen muss)






 










LISTEN










Ungeordnete Liste
<UL><LI></UL>(
(<LI> vor jedem Listenelement)






Compact
<UL COMPACT></UL>






Gepunkteter Typ
<UL TYPE=DISC|CIRCLE|SQUARE>
(für die ganze Liste)





<LI TYPE=DISC|CIRCLE|SQUARE>







Warteschlangenliste
<OL><LI></OL>
(<LI> vor jedem Listenelement)






Compact
<OL COMPACT></OL>






Nummerierter Typ
<OL TYPE=A|a|I|i|1>
(für die ganze Liste)





<LI TYPE=A|a|I|i|1>







Startnummer
<OL START=?>
(für alle Listenelemente)





<LI VALUE=?>







Definitionsliste
<DL><DT><DD></DL>
(<DT> = Begriff, <DD> = Definition)






Compact
<DL COMPACT></DL>






Menüliste
<MENU><LI></MENU>
(<LI> vor jedem Listenelement)






Compact
<MENU COMPACT></MENU>






Verzeichnisliste
<DIR><LI></DIR>
(<LI> vor jedem Listenelement)






Compact
<DIR COMPACT></DIR>







 










HINTERGRUND UND FARBEN









Hintergrund
<BODY BACKGROUND=“URL“>






Hintergrundfarbe
<BODY BGCOLOR=“#$$$$$$“>
(Reihe rot / grün / blau)





Textfarbe
<BODY TEXT=“#$$$$$$“>






Verknüpfungsfarbe
<BODY LINK=“#$$$$$$“>






Link besucht
<BODY VLINK=“#$$$$$$“>






Aktiver Link
<BODY ALINK=“#$$$$$$“>
















 










SONDERZEICHEN (alle Kleinbuchstaben)









Sonderzeichen
&#?;
(? Ist der ISO 8859-1 Code)





<
<






>
>






&
&






„
„






Eingetragenes Warenzeichen TM
®






Copyright
©






Non-Breaking Space

















 










TÜRKISCHE ZEICHEN









ü
ü
ü
ü
Kleinbuchstaben gepunktet u





Ü
Ü
Ü
Ü
Großbuchstabe gepunktet U





ö
ö
ö
ö
Kleinbuchstaben gepunktet o





Ö
Ö
ö
Ö
Großbuchstabe gepunktet O





ğ
ð
ğ
Ð
Kleinbuchstaben weich g





ğ
Ð
ğ
Ð
Großbuchstaben weich G





ş
þ
ş
þ
Kleinbuchstaben eingehakt s





ş
Þ
ş
Þ
Großbuchstaben süchtig S





ç
ç
ç
ç
Kleinbuchstaben eingehakt c





Ç
Ç
Ç
Ç
Großbuchstaben süchtig C





ı
ý
ı
ý
punktloser Kleinbuchstabe i





ı
Ý
ı
Ý
Großbuchstabe gepunktet I






 










FORMEN









Formulardefinition
<FORM ACTION=“URL“ METHOD=GET|POST></FORM>





N2.0
Datei hochladen
<FORM ENCTYPE=“multipart/form-data“></FORM>






Eingangsbereich
<INPUT TYPE=“TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET“>






Domainname
<INPUT NAME=“***“>






Feldwert
<INPUT VALUE=“***“>






markiert?
<INPUT CHECKED>
(Box und rund)





Feldgröße
<INPUT SIZE=?>
(in Zeichen)





Maximale Länge
<INPUT MAXLENGTH=?>
(in Zeichen)





Optionsliste
<SELECT></SELECT>






Listennamen
<SELECT NAME=“***“></SELECT>






Optionsnummer
<SELECT SIZE=?></SELECT>






Mehrere Optionen
<SELECT MULTIPLE>
(mehrfach wählbar)





Möglichkeit
<OPTION>
(Optionen zur Auswahl)





Ausgewählte Option
<OPTION SELECTED>






Eingabefeldgröße
<TEXTAREA ROWS=? COLS=?></TEXTAREA>






Boxname
<TEXTAREA NAME=“***“></TEXTAREA>





N2.0
Text zurückgeben
<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>







 










TABELLEN









Tabellendefinition
<TABLE></TABLE>






Tabelle Rand
<table border=?></TABLE>






Zellhöhle
<TABLE CELLSPACING=?>






Zellabstand
<TABLE CELLPADDING=?>






Gewünschte Breite
<TABLE WIDTH=?>
(in Pixel)





Prozentsatz der Breite
<TABLE WIDTH=“%“>
(% der Seite)





Tischreihe
<TR></TR>






Einstellungen
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>






Tabellenzelle
<TD></TD>
(muss in der Tabellenzeile sein)





Einstellungen
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>






Kein Wagenrücklauf
<TD NOWRAP>






wie viele Spalten
<TD COLSPAN=?>






Wie viele Zeilen
<TD ROWSPAN=?>





N1.1
Gewünschte Breite
<TD WIDTH=?>
(in Pixel)




N1.1
Prozentsatz der Breite
<TD WIDTH=“%“>
(% der Tabelle)




N3.0b
Zellenfarbe
<TD BGCOLOR=“#$$$$$$“>






Tabellentitel
<TH></TH>
(dunkel und zentriert)





Einstellungen
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>






Kein Wagenrücklauf
<TH NOWRAP>






Wie viele Spalten oben
<TH COLSPAN=?>






Wie viele Zeilen
<TH ROWSPAN=?>





N1.1
Gewünschte Breite
<TH WIDTH=?>
(in Pixel)




N1.1
Prozentsatz der Breite
<TH WIDTH=“%“>
(% der Tabelle)




N3.0b
Zellenfarbe
<TH BGCOLOR=“#$$$$$$“>






Table Caption
<CAPTION></CAPTION>






Einstellungen
<CAPTION ALIGN=TOP|BOTTOM>
(Unter / über der Tabelle)






 










RAHMEN








N2.0
Rahmendokument
<FRAMESET></FRAMESET>
(Anstelle von <KÖRPER>)




N2.0
Zeilenhöhe
<FRAMESET ROWS=,,,></FRAMESET>
(in Pixel oder Prozent)




N2.0
Zeilenhöhe
<FRAMESET ROWS=*></FRAMESET>
(* = relative Größe)




N2.0
Spaltenbreite
<FRAMESET COLS=,,,></FRAMESET>
(Pixel oder Prozent)




N2.0
Spaltenbreite
<FRAMESET COLS=*></FRAMESET>
(* = relative Größe)




N3.0b
Rahmenbreite
<FRAMESET BORDER=?>





N3.0b
Rands
<FRAMESET FRAMEBORDER=“yes|no“>





N3.0b
Randfarbe
<FRAMESET BORDERCOLOR=“#$$$$$$“>





N2.0
Rahmendefinition
<FRAME>
(Inhalt eines einzelnen Rahmen)




N2.0
Dokument anzeigen
<FRAME SRC=“URL“>





N2.0v
Rahmenname
<FRAME NAME=“***“|_blank|_self| _parent|_top>





N2.0
Randbreite
<FRAME MARGINWIDTH=?>
(linker und rechter Rand)




N2.0
Randhöhe
<FRAME MARGINHEIGHT=?>
(oberer und unterer Rand)




N2.0
Scrollbar?
<FRAME SCROLLING=“YES|NO|AUTO“>





N2.0
keine Skala
<FRAME NORESIZE>





N3.0b
Rand
<FRAME FRAMEBORDER=“yes|no“>





N3.0b
Randfarbe
<FRAME BORDERCOLOR=“#$$$$$$“>





N2.0
Unteilbarer Inhalt
<NOFRAMES></NOFRAMES>
(für Webbrowser, die keine Frames unterstützen)






 








JAVA









Applet
<APPLET></APPLET>






Name der Applet-Datei
<APPLET CODE=“***“>






Parameters
<APPLET PARAM NAME=“***“>






Applet-Standort
<APPLET CODEBASE=“URL“>






Applet-ID
<APPLET NAME=“***“>
(als Referenz an anderer Stelle auf der Seite)





alternativer Text
<APPLET ALT=“***“>
(Für Webbrowser, die Java nicht unterstützen)





Einstellungen
<APPLET ALIGN=“LEFT|RIGHT|CENTER“>






Größe
<APPLET WIDTH=? HEIGHT=?>
(in Pixel)





Lücken
<APPLET HSPACE=? VSPACE=?>
(in Pixel)






 








ANDERE









Comment

(wird vom Webbrowser nicht angezeigt)





HTML 3.2 Vorwort
<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 3.2//EN“>






Durchsuchbarkeit
<ISINDEX>
(bestimmt den durchsuchbaren Index)





Prompt
<ISINDEX PROMPT=“***“>
(bietet Texteingabe)





Suche starten
<A HREF=“URL?***“></a>
(? Zeichen wird verwendet)





URL der Datei
<BASE HREF=“URL“>
(muss im Titel sein)





Grundlegender Fenstername
<BASE TARGET=“***“>
(muss im Titel sein)





ılinti
<LINK REV=“***“ REL=“***“ HREF=“URL“>
(muss im Titel sein)





Meta-Informationen
<META>
(muss im Titel sein)





Stylesheet
<STYLE></STYLE>
(keine übliche Verwendung)





Scripts
<SCRIPT></SCRIPT>
(keine übliche Verwendung)