HTML Grundkurs

Grundaufbau

  • Notwendigkeiten
  • Aufbau
  • Der Head
  • Der Body
  • Schrift
  • Links
  • Textpositionierung
  • Tabellen
  • Formulare
  • Bilder

    Zusätzliches

  • Spezielles Text
  • Spezielles Bilder

    Hilfen

  • Uploaden
  • Hilfen
  • Tagverzeichnis:

    Ich habe hier alle von mir auf diesen HTML-Lernseiten erklärten Tags aufgeführt. Ich finde es immer praktisch, eine Liste zu haben, auf der ich bei Bedarf nachgucken kann, wenn ich mir nicht mehr sicher bin wegen eines Tags, oder ihn schlicht und einfach vergessen habe.

    <HTML></HTML> Anfang und Ende eines html-Dokuments
    <HEAD></HEAD> Hier kommen Metatags und Scripts rein
    <TITLE></TITLE> Seitentitel (erscheint oben links)
    <BODY></BODY> Hier drin befindet sich der sichtbare Teil der Homepage
    <!---Text---> Unsichtbarer Kommentar
    <!--- Text
    Text //--->
    Mehrzeiliger unsichtbarer Kommentar
    <H1></H1> Grösster Titel
    <H2></H2>  
    <H3></H3>  
    <H4></H4>  
    <H5></H5>  
    <H6></H6> Kleinster Titel
    <FONT></FONT> Innerhalb dieses Tags sind die Schriftangaben für die ganze Seite definiert
    <FONT SIZE="x"></FONT> Schriftgrösse
    <FONT COLOR="#xxxxxx"></FONT> Schriftfarbe
    <FONT FACE="x"></FONT> Schriftart
    <HR> Horizontale Linie
    <HR SIZE="x"> Höhe der horizontalen Linie
    <HR WIDTH="X"> Breite der horzontalen Linie
    <HR NOSHADE> Horizontale Linie ohne Schatten (2-D-Optik)
    <BR> Zeilenumbruch
    <P> Paragraph: Zeilenumbruch mit Leerzeile
    <B></B> Gefettete Schrift
    <I></I> Kursive Schrift
    <U></U> Unterstrichene Schrift
    <MARQUEE></MARQUEE> Lauftext (nur IE)
    <BLINK></BLINK> Blinkender Text (nur Netscape)
    <P ALIGN="LEFT"></P> Text ist linksbündig
    <P ALIGN="Right"></P> Text ist rechtsbündig
    <P ALIGN="CENTER"></P> Text ist zentriert
    <CENTER></CENTER> Zentrierung von Text, Bildern, Tabellen...
    <BLOCKQUOTE></BLOCKQUOTE> Tabulator
    <A NAME="x"></A> Ziel eines Targets/Seiteninterner Link
    <A HREF="#x"></A> Link zu einem Target
    <A HREF="x.html"></A> Homepageinterner Link
    A HREF="x/x.html" Homepageinterner Link, Ziel in übergeordnetem Ordner
    <A HREF="../x/x.html"></A> Homepageinterner Link, Ziel in anderem Ordner
    <TABLE></TABLE> Beginn und Ende einer Tabelle
    BORDER="x" Rahmenbreite
    <TR></TR> Tabellenspalte
    <TD></TD> Tabellenzelle
    WIDTH="x" Breite von Grafiken, Tabellen, ...
    HEIGHT="x" Höhe von Grafiken, Tabellen, ...
    <BODY BGCOLOR="#xxxxxx"> Seitenhintergrundfarbe
    <BODY BACKGROUND="x.gif"> Seitenhintergrundbild
    <BODY TEXT="#xxxxxx"> Schriftfarbe
    <BODY LINK="#xxxxxx"> Linkfarbe
    <BODY ALINK="#xxxxxx"> Aktiver Link Farbe
    <BODY VLINK="#xxxxxx"> Benutzter Link Farbe
    <A HREF="x" TARGET="_blank"></A> Link, der gleich ein neues Fenster öffnet
    <A HREF=mailto:x@x.xx"></A> Maillink
    <VALIGN="TOP"> Text in einer Tabelle, oben links
    <VALIGN="MIDDLE"> Text in einer Tabelle, in der Mitte
    <VALIGN="BOTTOM"> Text in einer Tabelle, unten links
    <TABLE CELLSPACING="x"> Abstand der Zellen zueinander
    <TABLE CELLPADDING="x"> Abstand Text zum Zellenrand
    <TABLE BORDERCOLOR="#xxxxxx"> Tabellenrandfarbe
    <TABLE BORDERLIGHT="#xxxxxx"> Tabellenrandfarbe, heller Teil
    <IMG SRC="x.gif/jpg"> Bild
    <IMG SRC="x.gif/jpg" ALT="xxx"> Text, der beim Überfahren des Bildes angezeigt wird
    <IMG SRC="x.gif/jpg" LOWSRC="x.gif/jpg"> Bild, das vor einem ladeintensiven Bild geladen wird
    <EMBED SRC="x.mid"> Musikstück
    <FORM METHOD=post ACTION=x@x.xx></FORM> Anfang und Ende eines Formulars
    <TEXTAREA NAME=x ROWS="x" COLS="x"></TEXTAREA> Textareal (Text kann frei geschrieben werden)
    <INPUT TYPE=text NAME=x SIZE="x"> Textfeld
    <INPUT TYPE=checkbox NAME=x> Klick-Button
    <INPUT TYPE=radio NAME=x VALUE="x"> Radio-Button
    <SELECT NAME="x"></SELECT> Anfang und Ende eines Pull-ups
    <OPTION SELECTED VALUE=x> Erste Wahl in einem Pull-up
    <OPTION VALUE=x> Auswahlmöglichkeit in einem Pull-up
    <INPUT TYPE=submit VALUE=Losschicken> Send-Befehl am Ende eines Formulars
    <A HREF="http://www.x.xx"> Link zu einer anderen Homepag im Internet
    <OL></OL> Anfang und Ende einer nummerierten Liste
    <UL></UL> Anfang und Ende einer unnummerierten Liste
    <LI></LI> Einfache Aufzählung
    <IMG SRC="x.gif/jpg" ALIGN="LEFT"> Text fliesst links vom Bild
    <IMG SRC="x.gif/jpg" ALIGN="RIGHT"> Text fliesst rechts vom Bild
    <IMG SRC="x.gif/jpg" ALIGN="TOP"> Erste Textzeile oben, Rest unterhalb des Bildes
    <IMG SRC="x.gif/jpg" ALIGN="MIDDLE"> Erste Textzeile mittig, Rest unterhalb des Bildes
    <IMG SRC="x.gif/jpg" ALIGN="BOTTOM"> Text fliesst unterhalb des Bildes
    <IMG SRC="x.gif/jpg" VSPACE="x"> Vertikaler Rand zwischen Text und Bild
    <IMG SRC="x.gif/jpg" HSPACE="x"> Horizontaler Rand zwischen Text und Bild

    Hier noch die Tags in einer druckerfreundlichen Version
    Zum ausdrucken und übers Bett hängen. ;-). Nein, im Ernst: gerade am Anfang ist es sehr praktisch, immer eine Liste mit den wichtigsten Befehlen neben sich liegen zu haben.

    wieder hoch
     
    erstellt von Nicole Wellinger -