Wichtige HTML Befehle

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Wichtige HTML Befehle

    Dokument Typ <HTML></HTML> Anfang und Ende der Datei
    Titel <TITLE></TITLE> muss im Header stehen
    Kopf der Datei <HEAD></HEAD> Allgemeine Infos zum Dokument
    Körper der Datei <BODY></BODY> Der Rest der Datei


    Formate, die der Autor bestimmen kann
    Fett <B></B>
    Kursiv <I></I>
    3.0 Unterstrichen <U></U> Selten benutzt
    3.0 Durchgestrichen <S></S> Selten benutzt
    3.0 Unterscript <SUB></SUB>
    3.0 Superscript <SUP></SUP>
    Schreibmaschine <TT></TT>
    Vorformatiert <PRE></PRE>
    Breite <PRE WIDTH=?></PRE> ? in Pixel oder Prozent
    N1.0+ Zentriert <CENTER></CENTER> Für Text und Bilder
    N1.0 Blinkend <BLINK></BLINK>
    N1.0 Schriftgrösse <FONT SIZE=?></FONT> ? von 1-7
    N1.0 Schriftgrössenänderung <FONT SIZE=+|-?></FONT>
    N1.0 Standard Schriftgrösse <BASEFONT SIZE=?> ? von 1-7 ; Standard ist 3
    N2.0 Schriftfarbe <FONT COLOR="#$$$$$$"></FONT>


    Links und Grafiken
    Link zu einer Datei <A HREF="URL"></A>
    Link zu einem Ziel <A HREF="URL#***"></A> falls Ziel in einem anderen Dokument ist
    <A HREF="#***"></A> Im gerade geöffneten Dokument
    N2.0 Ziel Fenster <A HREF="URL" TARGET="***"></A>
    Ziel Definieren <A NAME="***"></A>
    Grafik anzeigen <IMG SRC="URL">
    Ausrichtung <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE>
    N1.0 Ausrichtung <IMG SRC="URL" ALIGN=LEFT|RIGHT|TEXTTOP|
    ABSMIDDLE|BASELINE|ABSBOTTOM>

    Alternative Bezeichnung <IMG SRC="URL" ALT="***"> Wenn kein Bild angezeigt wird
    Imagemap <IMG SRC="URL" ISMAP> Benötigt ein Script
    N2.0 Imagemap <IMG SRC="URL" USEMAP="URL">
    N2.0 Map <MAP NAME="***"></MAP> Beschreibt das Map
    N2.0 Sektion <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
    3.0 Dimensionen <IMG SRC="URL" WIDTH="?" HEIGHT="?"> in Pixel
    N1.0 Rahmen <IMG SRC="URL" BORDER=?> in Pixel
    N1.0 Platz rund um die Grafik <IMG SRC="URL" HSPACE=? VSPACE=?> in Pixel
    N1.0 Low-Res Proxy <IMG SRC="URL" LOWSRC="URL">
    N1.1 Client Pull <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
    N2.0 Eingebettetes Objekt <EMBED SRC="URL"> fügt ein Objekt in die Seite ein
    N2.0 Objekt Grösse <EMBED SRC="URL" WIDTH="?" HEIGHT="?">


    Zeilen- und Abschnittsteiler ; Zeilenumbruch erzwingen

    Paragraph <P> Normalerweise als doppelt Teiler
    3.0 Paragraph <P></P> Neu definiert als Container Tag
    3.0 Text Ausrichtung <P ALIGN=LEFT|CENTER|RIGHT></P>
    Zeilenumbruch <BR> Einfacher Zeilenumbruch
    N1.0 Textwrap löschen <BR CLEAR=LEFT|RIGHT|ALL> Horizontaler Teiler <HR>
    N1.0 Ausrichtung <HR ALIGN=LEFT|RIGHT|CENTER>
    N1.0 Dicke <HR SIZE=?> in Pixel
    N1.0 Breite <HR WIDTH=?> In Pixel
    N1.0 Breite in Prozent <HR WIDTH=%> als % Angabe auf Fenster bezogen
    N1.0 Solide Linie <HR NOSHADE> Ohne den 3D look
    N1.0 Ohne Zeilenumbruch <NOBR></NOBR>
    N1.0 Zeilenumbruch wenn nötig <WBR>


    Listen und Aufzählungen
    Nichtgeordnete Liste <UL><LI></UL> <LI> vor jedem Unterpunkt
    N1.0 Bullet Typ <UL TYPE=DISC|CIRCLE|SQUARE> für die ganze Liste)
    <LI TYPE=DISC|CIRCLE|SQUARE> für dieses Segment
    Geordnete Liste <OL><LI></OL> <LI> vor jedem Unterpunkt
    N1.0 Nummer Typ <OL TYPE=A|a|I|i|1> für die ganze Liste
    <LI TYPE=A|a|I|i|1> in diesem Untersegment
    N1.0 Start Nummer <OL VALUE=?> für die ganze Liste
    <LI VALUE=?> Dieses Untersegment
    Definierte Liste <DL><DT><DD></DL> <DT>=term, <DD>=defination
    Menu Liste <MENU><LI></MENU> <LI> vor jedem Unterpunkt
    Verzeichnis Liste <DIR><LI></DIR> <LI> vor jedem Unterpunkt


    Hintergrundbilder und -farben
    3.0 Hintergrundbild <BODY BACKGROUND="URL">
    N1.1+ Hintergrundfarbe <BODY BGCOLOR="#$$$$$$">
    N1.1+ Text Farbe <BODY TEXT="#$$$$$$">
    N1.1+ Link Farbe <BODY LINK="#$$$$$$">
    N1.1+ Besuchter Link <BODY VLINK="#$$$$$$">
    N1.1 Aktiver Link <BODY ALINK="#$$$$$$">

    HTML-Befehle für Formulare
    Formular definieren <FORM ACTION="URL" METHOD=GET|POST></FORM>
    N2.0 Datei Upload <FORM ENCTYPE="multipart/form-data></FORM>
    Eingabe Feld <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|
    RADIO|IMAGE|HIDDEN|SUBMIT|RESET">

    Feld Name <INPUT NAME="***">
    Feld Wert <INPUT VALUE="***"> Checked? <INPUT CHECKED> Checkbox und Radiobox
    Feld Größe <INPUT SIZE=?> In Pixel
    Max Länge <INPUT MAXLENGTH=?> In Pixel
    Auswahlliste <SELECT></SELECT>
    Name der Liste <SELECT NAME="***"></SELECT>
    Anzahl der Optionen <SELECT SIZE=?></SELECT>
    Auswahlfeld <SELECT MULTIPLE> mehr als eine Auswahl ist möglich
    Optionen <OPTION> Punkte, die selektiert werden können
    Standard Option <OPTION SELECTED>
    Eingabe Box Größe <TEXTAREA ROWS=? COLS=?></TEXTAREA>
    Name der Box <TEXTAREA NAME="***"></TEXTAREA>
    N2.0 Zusammenhängender Text <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>


    HTML-Befehle für Tabellen
    3.0 Tabelle definieren <TABLE></TABLE>
    3.0 Rahmen <TABLE BORDER></TABLE> an oder aus
    N1.1 Rahmen <TABLE BORDER=?></TABLE> mit ? 1-12
    N1.1 Cell Spacing <TABLE CELLSPACING=?>
    N1.1 Cell Padding <TABLE CELLPADDING=?>
    N1.1 Bestimmte Breite <TABLE WIDTH=?> in Pixel
    N1.1 Breite in Prozent <TABLE WIDTH=%> Prozent der Seite
    3.0 Tabellen Zeile <TR></TR>
    3.0 Ausrichtung <TR ALIGN=LEFT|RIGHT|CENTER
    VALIGN=TOP|MIDDLE|BOTTOM>

    3.0 Tabellen Zellel <TD></TD> Nur innerhalb von Tabellenzeilen
    3.0 Ausrichtung <TD ALIGN=LEFT|RIGHT|CENTER
    VALIGN=TOP|MIDDLE|BOTTOM>

    3.0 Kein Zeilenumbruch <TD NOWRAP>
    3.0 Spaltenübergereifend <TD COLSPAN=?>
    3.0 Zeilenübergreifend <TD ROWSPAN=?>
    N1.1 Bestimmt Grösse <TD WIDTH=?> in Pixel
    N1.1 Breite in Prozent <TD WIDTH=%> Prozent der Seite
    3.0 Tabellen Überschrift <TH></TH>
    3.0 Ausrichtung <TH ALIGN=LEFT|RIGHT|CENTER
    VALIGN=TOP|MIDDLE|BOTTOM>

    3.0 Kein Umruch <TH NOWRAP>
    3.0 Spaltenübergreifend <TH COLSPAN=?>
    3.0 Zeilenübergreifend <TH ROWSPAN=?>
    N1.1 Bestimmte Grösse <TH WIDTH=?> in Pixel
    N1.1 Grösse in Prozent <TH WIDTH=%> Auf Tabelle bezogen
    3.0 Tabellen Name <CAPTION></CAPTION>
    3.0 Ausrichtung <CAPTION ALIGN=TOP|BOTTOM> Über oder unter der Tabelle



    HTML-Befehle für Frames

    N2.0 Frame Dokument <FRAMESET></FRAMESET> Anstatt Body
    N2.0 Zeilen Höhen <FRAMESET ROWS=,,,></FRAMESET> Pixel oder %
    N2.0 Zeilen Höhen <FRAMESET ROWS=*></FRAMESET> * = relative Grösse
    N2.0 Spalten Breite <FRAMESET COLS=,,,></FRAMESET> Pixel oder %
    N2.0 Spalten Breite <FRAMESET COLS=*></FRAMESET> * = ralative Grösse
    N2.0 Frame Definieren <FRAME>
    N2.0 Dokument anzeigen <FRAME SRC="URL">
    N2.0 Frame Name <FRAME NAME="***"|_blank|_self|_parent|_top>
    N2.0 Abstand Breite <FRAME MARGINWIDTH=?> linke und rechte Abstände
    N2.0 Abstand Höhe <FRAME MARGINHEIGHT=?> Ober und Unterabstand
    N2.0 Scrollbar? <FRAME SCROLLING="YES|NO|AUTO">
    N2.0 Nicht vergrösserbar <FRAME NORESIZE>
    N2.0 Für Browser ohne Frames <NOFRAMES></NOFRAMES>

    Hoffentlich kann ich euch hiermit weiterhelfen.
    :read: :read: :read: :read: :read: :read: :read: :read: :read: :read:
    [SIZE="2"]Uploadz:[/SIZE]
    [COLOR="DarkOrchid"]G[/color][COLOR="DeepSkyBlue"]e[/color][COLOR="Cyan"]s[/color][COLOR="Lime"]a[/color][COLOR="Yellow"]m[/color][COLOR="Orange"]t[/color][COLOR="Magenta"]e[/color] [COLOR="Gray"]U[/color][COLOR="White"][COLOR="Silver"]p[/color][/color][COLOR="LemonChiffon"]l[/color][COLOR="Wheat"]o[/color][COLOR="Orange"]a[/color][COLOR="Orange"]d[/color][COLOR="SandyBrown"]r[/color][COLOR="SandyBrown"]a[/color][COLOR="DarkOrange"]t[/color][COLOR="Sienna"]e[/color][COLOR="DarkOrange"]:[/color] [COLOR="SandyBrown"]1[/color],[COLOR="Orange"]2[/color][COLOR="Wheat"]5[/color] [COLOR="LemonChiffon"]G[/color][COLOR="Yellow"]B[/color] [COLOR="YellowGreen"]/[/color][COLOR="YellowGreen"]\[/color] [COLOR="Olive"]d[/color][COLOR="DarkOliveGreen"]i[/color][COLOR="DarkGreen"]e[/color][COLOR="Teal"]s[/color][COLOR="MediumTurquoise"]e[/color][COLOR="Cyan"]n[/color] [COLOR="PaleTurquoise"]M[/color][COLOR="LightBlue"]o[/color][COLOR="DeepSkyBlue"]n[/color][COLOR="RoyalBlue"]a[/color][COLOR="Blue"]t[/color][COLOR="Navy"]:[/color] [COLOR="PaleGreen"]3[/color][COLOR="Lime"]0[/color][COLOR="SeaGreen"]0[/color] [COLOR="Green"]M[/color][COLOR="DarkGreen"]B[/color]
  • Mal abgesehen davon..das Head- und Body- Element wird heutzutage glaub ich gar nich mehr geschlossen weil sich das durch den Anfang des nächsten Strukturelements selbst beendet..Sprich <head> beendet sich durch <body>, das sich durch </html> beendet
  • @RobbyLee

    Also ich hatte Inetrnet in der Schule und bin mir 100% sicher das es nicht mit </html> automatisch geschlossen wird. Es kann sein das sie das ganz neu eingeführt haben aber ich habe davon nichts mit bekommen.
    [SIZE="2"]Uploadz:[/SIZE]
    [COLOR="DarkOrchid"]G[/color][COLOR="DeepSkyBlue"]e[/color][COLOR="Cyan"]s[/color][COLOR="Lime"]a[/color][COLOR="Yellow"]m[/color][COLOR="Orange"]t[/color][COLOR="Magenta"]e[/color] [COLOR="Gray"]U[/color][COLOR="White"][COLOR="Silver"]p[/color][/color][COLOR="LemonChiffon"]l[/color][COLOR="Wheat"]o[/color][COLOR="Orange"]a[/color][COLOR="Orange"]d[/color][COLOR="SandyBrown"]r[/color][COLOR="SandyBrown"]a[/color][COLOR="DarkOrange"]t[/color][COLOR="Sienna"]e[/color][COLOR="DarkOrange"]:[/color] [COLOR="SandyBrown"]1[/color],[COLOR="Orange"]2[/color][COLOR="Wheat"]5[/color] [COLOR="LemonChiffon"]G[/color][COLOR="Yellow"]B[/color] [COLOR="YellowGreen"]/[/color][COLOR="YellowGreen"]\[/color] [COLOR="Olive"]d[/color][COLOR="DarkOliveGreen"]i[/color][COLOR="DarkGreen"]e[/color][COLOR="Teal"]s[/color][COLOR="MediumTurquoise"]e[/color][COLOR="Cyan"]n[/color] [COLOR="PaleTurquoise"]M[/color][COLOR="LightBlue"]o[/color][COLOR="DeepSkyBlue"]n[/color][COLOR="RoyalBlue"]a[/color][COLOR="Blue"]t[/color][COLOR="Navy"]:[/color] [COLOR="PaleGreen"]3[/color][COLOR="Lime"]0[/color][COLOR="SeaGreen"]0[/color] [COLOR="Green"]M[/color][COLOR="DarkGreen"]B[/color]
  • Speedy G schrieb:

    @RobbyLee

    Also ich hatte Inetrnet in der Schule und bin mir 100% sicher das es nicht mit </html> automatisch geschlossen wird. Es kann sein das sie das ganz neu eingeführt haben aber ich habe davon nichts mit bekommen.


    da hatta abba recht ;)

    auch HTML unterliegt einer permanenten Erweiterung und Optimierung. Das automatische Beenden eines Tag wird zwar nicht explizit gefördert, ist aber in der Browserlogik enthalten...

    Teste und Du wirst sehen!

    greetz
    taurus
  • Also ich kann nur empfehlen es "richtig" zu schliessen weil nicht alle Menschen gerade aktuell sind.
    [SIZE="2"]Uploadz:[/SIZE]
    [COLOR="DarkOrchid"]G[/color][COLOR="DeepSkyBlue"]e[/color][COLOR="Cyan"]s[/color][COLOR="Lime"]a[/color][COLOR="Yellow"]m[/color][COLOR="Orange"]t[/color][COLOR="Magenta"]e[/color] [COLOR="Gray"]U[/color][COLOR="White"][COLOR="Silver"]p[/color][/color][COLOR="LemonChiffon"]l[/color][COLOR="Wheat"]o[/color][COLOR="Orange"]a[/color][COLOR="Orange"]d[/color][COLOR="SandyBrown"]r[/color][COLOR="SandyBrown"]a[/color][COLOR="DarkOrange"]t[/color][COLOR="Sienna"]e[/color][COLOR="DarkOrange"]:[/color] [COLOR="SandyBrown"]1[/color],[COLOR="Orange"]2[/color][COLOR="Wheat"]5[/color] [COLOR="LemonChiffon"]G[/color][COLOR="Yellow"]B[/color] [COLOR="YellowGreen"]/[/color][COLOR="YellowGreen"]\[/color] [COLOR="Olive"]d[/color][COLOR="DarkOliveGreen"]i[/color][COLOR="DarkGreen"]e[/color][COLOR="Teal"]s[/color][COLOR="MediumTurquoise"]e[/color][COLOR="Cyan"]n[/color] [COLOR="PaleTurquoise"]M[/color][COLOR="LightBlue"]o[/color][COLOR="DeepSkyBlue"]n[/color][COLOR="RoyalBlue"]a[/color][COLOR="Blue"]t[/color][COLOR="Navy"]:[/color] [COLOR="PaleGreen"]3[/color][COLOR="Lime"]0[/color][COLOR="SeaGreen"]0[/color] [COLOR="Green"]M[/color][COLOR="DarkGreen"]B[/color]