Listenelemente HTML - KURZE EINFÜHRUNG IN DIE HTML
- Grundelemente (alle HTML Dokumente sollten sie enthalten)
- Strukturdefinition (Typ ist Viewer - Programm - Parameter angegeben)
- Aussehen (der Autor bestimmt das Erscheinungsbild des Textes)
- Links und Grafiken
- Zirkel
- Listen
- Hintergrund und Farben
- Sonderzeichen
- Form
- Tabellen
- Rahmen (Frames)
- Java - Sprache
- Verschiedenes
Die Basiselemente | |||
---|---|---|---|
Dokumenttyp |
<HTML> </ HTML> |
(Anfang und Ende der Datei) |
|
Dokumentname |
<Title> </ title> |
(Sollte im Header sein) |
|
Kopfzeile |
<HEAD> </ HEAD> |
(Beschreibung des Dokuments, wie beispielsweise der Name) |
|
Körper |
<BODY> </ BODY> |
(Inhalt der Seite) |
Strukturbestimmung | |||
---|---|---|---|
Titel |
<H?> </ H? > |
(Standard definiert 6 Stufen) |
|
Ausrichtung |
<H? ALIGN = left | center | RECHTS> </ H>? |
||
Abschnitt |
<Div> </ div> |
||
Ausrichtung |
<DIV ALIGN = LEFT | RIGHT | CENTER> </ div> |
||
Zitat |
<Blockquote> </ blockquote> |
(In der Regel gegliederte zugeordnet) |
|
Zuteilung |
<Em> </ em> |
(In der Regel kursiv dargestellt) |
|
Zusätzliche Zuordnung |
<STRONG> </ STRONG> |
(In der Regel in fett dargestellt) |
|
Senden Zitat |
<Cite> </ cite> |
(In der Regel kursiv) |
|
Code |
<Code> </ code> |
(Für Code) |
|
Beispiel Ausgabe |
<SAMP> </ SAMP> |
||
Tastatureingabe |
<KBD> </ KBD> |
||
Variable |
<VAR> </ VAR> |
||
Definition |
<DFN> </ DFN> |
(Oft wird nicht unterstützt) |
|
Autor Anschrift |
<Address> </ ADDRESS> |
||
Große Schrift |
<Big> </ big> |
||
Kleine Schrift |
<Small> </ small> |
AUSSEHEN | |||
---|---|---|---|
schmierig |
<B> </ B> |
||
Kursivschrift |
<I> </ I> |
||
N3.0b |
unterstrichen |
<U> </ U> |
(Oft wird nicht unterstützt) |
Slashed |
<Strike> </ strike> |
(Oft wird nicht unterstützt) |
|
N3.0b |
Slashed |
<S> </ S> |
(Oft wird nicht unterstützt) |
Überschrift |
<Sub> </ sub> |
||
Der Index |
<Sup> </ sup> |
||
Schreibmaschine |
<Tt> </ tt> |
(Dargestellt als die Breite der Schrift Befestigung) |
|
Formatierung |
<Pre> </ PRE> |
(Speichern Sie das Format des Textes, wie es ist) |
|
Breite |
<PRE WIDTH =?> </ PRE> |
(Zeichen) |
|
Zentrum |
<Center> </ CENTER >> |
(Text und Grafiken) |
|
N1.0 |
blinken |
<BLINK> </ BLINK> |
(Die meisten lächerlich gemacht Artikel) |
Schriftgröße |
<Font size =?> </ FONT> |
(1 bis 7) |
|
Ändere Schriftgröße |
<Font size = "+ | - ?"> </ FONT> |
||
N1.0 |
Die Basis - Schriftgröße |
<BASEFONT SIZE =?> |
(Von 1 bis 7; Default 3) |
Schriftfarbe |
<FONT COLOR = "# $$$$$$" > </ FONT> |
||
N3.0b |
Schriftauswahl |
<Font face = "***"> </ FONT> |
|
N3.0b |
mehrspaltigen Text |
<MULTICOL COLS => </ MULTICOL> |
|
N3.0b |
Abstand zwischen den Spalten |
<MULTICOL GUTTER => </ MULTICOL> |
(Standardeinstellung ist 10 Punkte) |
N3.0b |
Breite Spalte |
<MULTICOL WIDTH =?> </ MULTICOL> |
|
N3.0b |
Leere Block |
<SPACER> |
|
N3.0b |
Typ leeren Block |
<SPACER TYPE = horizontal | vertikal | block> |
|
N3.0b |
Der Wert eines leeren Block |
<SPACER SIZE =?> |
|
N3.0b |
Abmessungen leeren Block |
<SPACER WIDTH =? HEIGHT =?> |
|
N3.0b |
Ausrichtung |
<SPACER ALIGN = left | right | center> |
Links und Grafiken | |||
---|---|---|---|
Link |
<A Href="URL"> </A> |
||
Link zu Lesezeichen |
<A HREF="URL#***"> </A> |
(In einem anderen Dokument) |
|
<A HREF="#***"> </A> |
(Im selben Dokument) |
||
N2.0 |
In einem anderen Fenster |
<A Href="URL" TARGET="***| |_blank|_self|_parent|_top"> </A> |
|
Registerkarte definieren |
<A NAME="***"> </A> |
||
Haltung |
<A REL="***"> </A> |
(Oft wird nicht unterstützt) |
|
inverse Verhältnis |
<A REV="***"> </A> |
(Oft wird nicht unterstützt) |
|
Grafik |
<IMG SRC = "URL"> |
||
Ausrichtung |
<IMG SRC = "URL" ALIGN = top | bottom | MIDDLE | LINKS | RECHTS> |
||
N1.0 |
Ausrichtung |
<IMG SRC = "URL" ALIGN = TEXTTOP | ABSMIDDLE | AUSGANGS | absbottom> |
|
Alternative |
<IMG SRC = "URL" ALT = "***"> |
(Wird angezeigt, wenn das Bild nicht dargestellt) |
|
Karte |
<IMG SRC = "URL" ISMAP > |
(Erforderlich, da das Programm) |
|
Lokale Karte |
<IMG SRC = "URL" USEMAP = "URL"> |
||
Die Definition Karten |
<MAP NAME = "***"> </ MAP> |
||
Bereiche auf der Karte |
<AREA SHAPE = "RECT" COORDS = ",,," HREF = "URL" | NOHREF> |
||
Größe |
<IMG SRC = "URL" WIDTH =? HEIGHT =?> |
(In Punkten) |
|
Borte |
<IMG SRC = "URL" border => |
(In Punkten) |
|
Einzug |
<IMG SRC = "URL" HSPACE =? VSPACE => |
(In Punkten) |
|
N1.0 |
Ersetzen Sie eine niedrige Auflösung |
<IMG SRC = "URL" LOWSRC = "URL"> |
|
N1.1 |
Aktualisierung |
<Meta http-equiv = "refresh " content = ";? URL = URL"> |
|
N2.0 |
Aktivieren Objekt bekannt |
<EMBED SRC = "URL"> |
(Insert-Objekt in der Seite bekannt) |
N2.0 |
Size - Objekt bekannt |
<EMBED SRC = "URL" WIDTH =? HEIGHT =?> |
DIVIDERS | |||
---|---|---|---|
Abschnitt |
<P> </ P> |
(Schlusselement ist oft nicht erforderlich) |
|
Ausrichtung |
<P align = left | CENTER | RIGHT> </ P> |
||
neue Linie |
<BR> |
(Single Newline) |
|
entfernen Ausrichtung |
<BR CLEAR=LEFT|RIGHT|ALL> |
||
Horizontal Separator |
<HR> |
||
Ausrichtung |
<HR ALIGN = LEFT | RIGHT | CENTER> |
||
Dicke |
<HR SIZE =?> |
(In Punkten) |
|
Breite |
<HR WIDTH =?> |
(In Punkten) |
|
N1.0 |
Prozentuale Breite |
<HR WIDTH = "%"> |
(In Prozent der Seitenbreite) |
volle Linie |
<HR NOSHADE> |
(Ohne die dreidimensionalen Effekte) |
|
N1.0 |
Keine Aufschlüsselung |
<NOBR> </ NOBR> |
(Verbietet einen Zeilenumbruch) |
N1.0 |
Transfer |
<WBR> |
(Wo die Linie brechen zu verschieben, falls erforderlich) |
LISTEN |
||||
---|---|---|---|---|
ungeordnet |
<UL> <LI> </ UL> |
(<LI> vor jedem Punkt) |
||
kompakt |
<UL COMPACT> </ UL> |
|||
Etikettentyp |
<UL TYPE = DISC | CIRCLE | SQUARE> |
(Eine vollständige Liste) |
||
<LI TYPE = DISC | CIRCLE | SQUARE> |
(Dieser und die folgenden) |
|||
Nummerierte |
<OL> <LI> </ OL> |
(<LI> vor jedem Punkt) |
||
kompakt |
<OL COMPACT> </ OL> |
|||
Aufzählungstyp |
<OL TYPE = A | a | I | i | 1> |
(Eine vollständige Liste) |
||
<LI TYPE = A | a | I | i | 1> |
(Und die folgenden) |
|||
Die erste Ausgabe |
<OL START => |
(Eine vollständige Liste) |
||
<LI VALUE =?> |
(Und die folgenden) |
|||
Liste der Definitionen |
<DL> <DT> <DD > </ DL> |
(<DT> = Begriff, <DD> = Definition) |
||
kompakt |
<DL COMPACT> </ DL> |
|||
Menü |
<MENU> <LI> </ MENU> |
(<LI> vor jedem Punkt) |
||
kompakt |
<MENU COMPACT> </ MENU> |
|||
Verzeichnis |
<DIR> <LI> </ DIR> |
(<LI> vor jedem Punkt) |
||
kompakt |
<DIR COMPACT> </ DIR> |
HINTERGRUND UND FARBEN | |||
---|---|---|---|
Hintergrundbild |
<BODY BACKGROUND = "URL"> |
||
Hintergrund Farbe |
<Body bgcolor = "# $$$$$$" > |
(Order: rot / grün / blau) |
|
Textfarbe |
<BODY TEXT = "# $$$$$$" > |
||
Link Farbe |
<BODY LINK = "# $$$$$$" > |
||
unterwegs Link |
<BODY VLINK = "# $$$$$$" > |
||
Aktive Verbindung |
<BODY ALINK = "# $$$$$$" > |
||
SONDERZEICHEN
| |||
---|---|---|---|
Sonderzeichen |
& #?; |
(Wo? Ist der Code ISO 8859-1) |
|
< |
& Lt; |
||
> |
& Gt; |
||
& |
& Amp; |
||
" |
& Quot; |
||
Marke TM |
& Reg; |
||
Copyright |
& Copy; |
||
non-breaking Leerzeichen |
& Nbsp; |
||
( Liste ) |
FORM | |||
---|---|---|---|
Bestimmen Sie die Form |
<Form action = "URL" METHODE = GET | POST> </ FORM> |
||
N2.0 |
Senden Datei |
<FORM ENCTYPE = "multipart / form -Daten"> </ FORM> |
|
Eingabefeld |
<Input type = "TEXT | PASSWORT | CHECKBOX | RADIO | BILD | HIDDEN | SENDEN | RESET"> |
||
Feld Name |
<INPUT NAME = "***"> |
||
Das Feld |
<INPUT VALUE = "***"> |
||
So bezeichnete? |
<INPUT CHECKED> |
(Checkboxen und Radioboxen) |
|
Feldgröße |
<INPUT SIZE =?> |
(Zeichen) |
|
Die maximale Länge |
<INPUT MAXLENGTH => |
(Zeichen) |
|
Liste der Optionen |
<SELECT> </ SELECT> |
||
Listenname |
<NAME SELECT = "***"> </ SELECT> |
||
Anzahl der Optionen |
<SELECT SIZE =?> </ SELECT> |
||
Multiple Choice |
<SELECT MULTIPLE> |
(Sie können mehr als ein wählen) |
|
Option |
<OPTION> |
(Ein Element, das ausgewählt werden kann) |
|
Die Standardoption |
<OPTION selected> |
||
Eingeben von Text Größe |
<TEXTAREA- rows =? COLS => </ TEXTAREA-> |
||
Name Text |
<TEXTAREA- NAME = "***"> </ TEXTAREA-> |
||
N2.0 |
Eine Aufschlüsselung auf der Linie |
<TEXTAREA- WRAP = OFF | VIRTUAL | Physikalische> </ TEXTAREA-> |
Tabellen | |||
---|---|---|---|
definieren Tisch |
<TABLE> </ TABLE> |
||
Edging Tisch |
<Table border =?> </ TABLE> |
||
Der Abstand zwischen den Zellen |
<TABLE CELLSPACING => |
||
Supplement Zellen |
<Table cellpadding => |
||
Gewünschte Breite |
<Table width => |
(In Punkten) |
|
Prozentuale Breite |
<Table width = "%"> |
(In Prozent der Seitenbreite) |
|
Stehtisch |
<TR> </ TR> |
||
Ausrichtung |
<TR ALIGN = LEFT | RIGHT | CENTER | MIDDLE | Unten> |
||
Tabellenzelle |
<TD> </ TD> |
(Muss innerhalb der Linie sein) |
|
Ausrichtung |
<Td align = left | right | CENTER | MIDDLE | Unten> |
||
Kein newline |
<TD NOWRAP> |
||
Stretch - Säule |
<Td colspan => |
||
Stretching entlang der Linie |
<TD ROWSPAN => |
||
N1.1 |
Gewünschte Breite |
<Td width => |
(In Punkten) |
N1.1 |
Prozentuale Breite |
<Td width = "%"> |
(In Prozent der Seitenbreite) |
N3.0b |
Zelle Farbe |
<TD bgcolor = "# $$$$$$" > |
|
Tabellenkopf |
<TH> </ TH> |
(Da die Daten, sondern fett und Zentrierung) |
|
Ausrichtung |
<TH ALIGN = LEFT | RIGHT | CENTER | MIDDLE | Unten> |
||
Kein newline |
<TH NOWRAP> |
||
Stretch - Säule |
<TH colspan =?> |
||
Stretching entlang der Linie |
<TH ROWSPAN => |
||
N1.1 |
Gewünschte Breite |
<TH WIDTH =?> |
(In Punkten) |
N1.1 |
Prozentuale Breite |
<TH WIDTH = "%"> |
(Prozentsatz der Breite der Tabelle) |
N3.0b |
Zelle Farbe |
<TH bgcolor = "# $$$$$$" > |
|
Titel Tisch |
<CAPTION> </ caption> |
||
Ausrichtung |
<CAPTION ALIGN = top | bottom> |
(Oben / unten in der Tabelle) |
FELDER | |||
---|---|---|---|
N2.0 |
Ein Dokument mit Frames |
<FRAMESET> </ FRAMESET> |
(Anstelle des <BODY>) |
N2.0 |
Zeilenhöhe |
<Frameset rows = ,,,> </ FRAMESET> |
(Points oder%) |
N2.0 |
Zeilenhöhe |
<Frameset rows = *> </ FRAMESET> |
(* = Relative Größe) |
N2.0 |
Die Breite der Spalten , |
<FRAMESET COLS = ,,,> </ FRAMESET> |
(Points oder%) |
N2.0 |
Die Breite der Spalten , |
<FRAMESET COLS = *> </ FRAMESET> |
(* = Relative Größe) |
N3.0b |
Die Breite des Grenz |
<FRAMESET BORDER =?> |
|
N3.0b |
Borte |
<FRAMESET frameborder = "yes | no "> |
|
N3.0b |
Farbsäume |
<FRAMESET BORDER = "# $$$$$$" > |
|
N2.0 |
Bestimmen Sie den Rahmen |
<FRAME> |
(Der Gehalt eines einzelnen Rahmens) |
N2.0 |
Dokument |
<FRAME SRC = "URL"> |
|
N2.0 |
Frame - Namen |
<FRAME NAME = "***" | _blank | _self | _parent | _top> |
|
N2.0 |
Grenze Breite |
<FRAME MARGINWIDTH- => |
(Rechte und linke Rand) |
N2.0 |
Die Höhe der Grenz |
<FRAME MARGINHEIGHT => |
(Obere und untere Grenze) |
N2.0 |
Scrollen? |
<FRAME scrolling = "YES | NO | AUTO"> |
|
N2.0 |
Feste Größe |
<FRAME NORESIZE> |
|
N3.0b |
Borte |
<FRAME frameborder = "yes | no "> |
|
N3.0b |
Farbsäume |
<FRAME BORDER = "# $$$$$$" > |
|
N2.0 |
Der Inhalt ohne Rahmen |
<NOFRAMES> </ NOFRAMES> |
(Für Browser Frames nicht unterstützen) |
LANGUAGE JAVA | |||
---|---|---|---|
Applet |
<APPLET> </ APPLET> |
||
Applet - der Dateiname |
<APPLET CODE = "***"> |
||
Parameter |
<APPLET param name = "***" > |
||
Applet - Adresse |
<APPLET codebase = "URL"> |
||
Applet - Name |
<APPLET NAME = "***"> |
(Verweise auf andere Teile der Seite) |
|
Alternativtext |
<APPLET ALT = "***"> |
(Programme für Nicht-Java) |
|
Ausrichtung |
<APPLET ALIGN = "LEFT | RIGHT | CENTER"> |
||
Größe |
<APPLET WIDTH =? HEIGHT =?> |
(In Punkten) |
|
Einzug |
<APPLET HSPACE =? VSPACE => |
(In Punkten) |
SONSTIGES | |||
---|---|---|---|
Kommentar |
<! - *** -> |
(Ignoriert Viewer) |
|
Prolog HTML 3.2 |
<DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 3.2 // EN"> |
||
Suche |
<ISINDEX> |
(Bedeutung der Anfangssuchpunkt) |
|
Einladung |
<ISINDEX PROMPT = "***"> |
(Text der Einladung das Feld eingeben) |
|
Suche starten |
<A HREF="URL?***"> </a> |
(Wirklich ein Fragezeichen verwenden) |
|
Die URL der Datei |
<BASE HREF = "URL"> |
(Sollte im Header sein) |
|
N2.0 |
Name der Basisfeld |
<BASE TARGET = "***"> |
(Sollte im Header sein) |
Haltung |
<LINK REV = "***" REL = "***" HREF = "URL"> |
(Sollte im Header sein) |
|
Meta |
<META> |
(Sollte im Header sein) |
|
Styles |
<STYLE> </ style> |
(Oft wird nicht unterstützt) |
|
Programm |
<SCRIPT> </ SCRIPT> |
(Oft wird nicht unterstützt) |
Kommentare
Kommentar nicht vergessen , dass der Inhalt und der Ton Ihrer Nachrichten , die Gefühle von echten Menschen verletzen können, Respekt und Toleranz gegenüber seinen Gesprächspartnern, auch wenn Sie Ihr Verhalten in Bezug auf die Meinungsfreiheit ihre Meinung nicht teilen, und die Anonymität des Internets, ändert sich nicht nur virtuell, sondern realen Welt. Alle Kommentare werden aus dem Index, Spam - Kontrolle versteckt.