HTML Tag Übersicht

Tag

Name

Code Beispiel

Browser Ansicht

<!-- comment <!--Das ist eine Kommentarzeile im Dokument--> Keine Anzeige im Browser 
<A - anchor <A HREF="http://www.x5forum.home-wiekau.de/">
Unsere Webseite</A>
Unsere Webseite 
<B> bold <B>Beispiel Schrift Fett</B> Beispiel Schrift Fett
<BIG> big (text) <BIG>Beispiel Schrift Gross</BIG> Beispiel Schrift Gross 
<BODY> body vom Dokument <BODY>Der Inhalt der Seite</BODY> Der Inhalt der Seite
<BR> line break Der Inhalt der Seite<BR>Der Inhalt der Seite Der Inhalt der Seite
Der Inhalt der Seite
<CENTER> center <CENTER>Der Inhalt wird zentriert</CENTER>

Der Inhalt wird zentriert

<DD> definition description <DL>
<DT>Begriffsdefinition
<DD>Definition des Begriffs
<DT>Begriffsdefinition
<DD>Definition des Begriffs
</DL>
Begriffsdefinition
Definition des Begriffs
Begriffsdefinition
Definition des Begriffs
<DL> definition list <DL>
<DT>Begriffsdefinition
<DD>Definition des Begriffs
<DT>Begriffsdefinition
<DD>Definition des Begriffs
</DL>
Begriffsdefinition
Definition des Begriffs
Begriffsdefinition
Definition des Begriffs
<DT> definition term <DL>
<DT>Begriffsdefinition
<DD>Definition des Begriffs
<DT>Begriffsdefinition
<DD>Definition des Begriffs
</DL>
Begriffsdefinition
Definition des Begriffs
Begriffsdefinition
Definition des Begriffs
<EM> emphasis Das ist ein <EM>Beispiel</EM> für einen hervorgehobenen tag Das ist ein Beispiel für einen hervorgehobenen tag
<EMBED>
embed object <EMBED src="file.mid"width="100%" height="60"align="center"> Die Musik beginnt zu spielen, wenn diese gestartet wird. Ein Bedienfeld wird angezeigt, damit diese wieder gestoppt werden kann.
<EMBED> embed object <EMBED src="file.mid" autostart="true" hidden="false" loop="false">
<noembed><bgsound src="file.mid" loop="1"></noembed>
Die Musik beginnt zu spielen, wenn die Seite geladen wird, und wird nur einmal abgespielt. Ein Bedienfeld wird angezeigt, damit die Besucher die Musik stoppen können.
<FONT> font <FONT FACE="arial">Font Arial Size 2</FONT> Font Arial Size 2
<FONT> font <FONT FACE="tahoma" SIZE="4">Font Tahoma Size 4</FONT> Font Tahoma Size 4
<FONT> font <FONT FACE="tahoma" SIZE="+3" COLOR="#FF0000">Font Tahoma Size +3 rot</FONT> Font Tahoma Size +3 rot 
<FORM> form <FORM action="mailto:your@domain.tld">
<CENTER>
Name: <INPUT name="Name" value="" size="10"><BR>
Email: <INPUT name="Email" value="" size="10"><BR>
<INPUT type="submit">
</CENTER>
</FORM>
Name:  
Email:
<H1> heading 1 <H1>Heading 1 Beispiel</H1>

Heading 1 Beispiel

<H2> heading 2 <H2>Heading 2 Beispiel</H2>

Heading 2 Beispiel

<H3> heading 3 <H3>Heading 3 Beispiel</H3>

Heading 3 Beispiel

<H4> heading 4 <H4>Heading 4 Beispiel</H4>

Heading 4 Beispiel

<H5> heading 5 <H5>Heading 5 Beispiel</H5>
Heading 5 Beispiel
<H6> heading 6 <H6>Heading 6 Beispiel</H6>
Heading 6 Beispiel
<HEAD> heading vom Dokument <HEAD>Enthält Elemente, die das Dokument beschreiben</HEAD> Keine Anzeige im Browser
<HR> horizontal rule <HR>
Der Inhalt der Webseite
Der Inhalt der Webseite
<HR> horizontal rule <HRWIDTH="50%" SIZE="3"> Der Inhalt der Webseite

Der Inhalt der Webseite
<HR> horizontal rule <HRWIDTH="50%" SIZE="3" NOSHADE> Der Inhalt der Webseite

Der Inhalt der Webseite
<HR> horizontal rule <HR WIDTH="75%" COLOR="#FF0000 "SIZE="4"> Der Inhalt der Webseite

Der Inhalt der Webseite
<HR> horizontal rule <HR WIDTH="25%" COLOR="#6699FF" SIZE="6"> Der Inhalt der Webseite

Der Inhalt der Webseite
<HTML> hypertext markup language <HTML>
<HEAD>
<META> <TITLE>Title der Webseite</TITLE>
</HEAD>
<BODY>Webseiten Titel</BODY>
</HTML>
Titel der Webseite
<I> italic <I>Beispiel Kursiv</I> Beispiel Schrift kursiv
<IMG> image <IMG SRC="images/email.gif" WIDTH="41" HEIGHT="41" BORDER="0" ALT="E-Mail Logo"> E-Mail Logo
<INPUT> input field <u>Beispiel 1:</u><BR>
<BR>
<FORM METHOD=post ACTION="/cgi-bin/Beispiel.cgi">
<INPUT type="text" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM>
Beispiel 1:

<INPUT> input field <u>Beispiel 2:</u><BR>
<BR>
<FORM METHOD=post ACTION="/cgi-bin/Beispiel.cgi">
<INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM>
Beispiel 2:

<INPUT> input field <u>Beispiel 4:</u><BR>
<BR>
<FORM METHOD=post ACTION="/cgi-bin/Beispiel.cgi">
Enter Your Comments:<BR>
<TEXTAREA wrap="virtual" name="Comments" rows=3 cols=20 MAXLENGTH=100></TEXTAREA><BR>
<INPUT type="Submit" VALUE="Submit">
<INPUT type="Reset" VALUE="Clear">
</FORM>
Beispiel 4:


<INPUT> input field <u>Beispiel 5:</u><BR>
<BR>
<FORM METHOD=post ACTION="/cgi-bin/Beispiel.cgi">
<CENTER>
Wähle eine Option:
<SELECT>
<OPTION >option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
<INPUT type="Submit" VALUE="Submit"> </CENTER>
</FORM>

Beispiel 5:

Wähle eine Option:

<INPUT> input field <u>Beispiel 6:</u><BR>
<BR>
<FORM METHOD=post ACTION="/cgi-bin/Beispiel.cgi">
Wähle eine Option:<BR>
<INPUT type="radio" name="option"> Option 1
<INPUT type="radio" name="option" CHECKED> Option 2
<INPUT type="radio" name="option"> Option 3
<BR>
<BR>
Wähle eine Option:<BR>
<INPUT type="checkbox" name="selection"> Selection 1
<INPUT type="checkbox" name="selection" CHECKED> Selection 2
<INPUT type="checkbox" name="selection"> Selection 3
<INPUT type="Submit" VALUE="Submit">
</FORM>
Beispiel 6:

Wähle eine Option:
Option 1
Option 2
Option 3

Wähle eine Option:
Selection 1
Selection 2
Selection 3
<LI> Listenpunkt <u>Beispiel 1:</u><BR>
<BR>
<MENU>
<LI type="disc">Listenpunkt 1
<LI type="circle">Listenpunkt 2
<LI type="square">Listenpunkt 3
</MENU><BR>
<BR>
<u>Beispiel 2:</u><BR>
<BR>
<OL type="i">
<LI>Listenpunkt 1
<LI>Listenpunkt 2
<LI>Listenpunkt 3
<LI>Listenpunkt 4
</OL>
Beispiel 1:
  • Listenpunkt 1
  • Listenpunkt 2
  • Listenpunkt 3


Beispiel 2:

  1. Listenpunkt 1
  2. Listenpunkt 2
  3. Listenpunkt 3
  4. Listenpunkt 4
<LINK> link Unsere <A HREF="http://www.x5forum.home-wiekau.de/">
Webseite</A>
Unsere Webseite
<MARQUEE> scrolling text <MARQUEE bgcolor="#CCCCCC" loop="-1" scrollamount="2" width="100%">Beispiel Marquee</MARQUEE> Beispiel Marquee
<MENU> menu <MENU>
<LI type="disc">Listenpunkt 1
<LI type="circle">Listenpunkt 2
<LI type="square">Listenpunkt 3
</MENU>
  • Listenpunkt 1
  • Listenpunkt 2
  • Listenpunkt 3
<META> meta <META name="description" content="Beschreibung Website">
<META name="keywords" content="Schlüsselwörter">
Keine Anzeige im Browser 
<META> meta <META HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.domain.tld/"> Keine Anzeige im Browser
<META> meta <META http-equiv="Pragma" content="no-cache"> Keine Anzeige im Browser
<META> meta <META name="rating" content="General"> Keine Anzeige im Browser
<META> meta <META name="robots" content="ALL"> Keine Anzeige im Browser
<META> meta <META NAME="robots" content="NOINDEX,FOLLOW"> Keine Anzeige im Browser
<OL> ordered list <u>Beispiel 1:</u><BR>
<BR>
<OL>
<LI>Listenpunkt 1
<LI>Listenpunkt 2
<LI>Listenpunkt 3
<LI>Listenpunkt 4
</OL>
<BR>

<u>Beispiel 2:</u><BR>
<BR>
<OL type="a">
<LI>Listenpunkt 1
<LI>Listenpunkt 2
<LI>Listenpunkt 3
<LI>Listenpunkt 4
</OL>
Beispiel 1:
  1. Listenpunkt 1
  2. Listenpunkt 2
  3. Listenpunkt 3
  4. Listenpunkt 4

Beispiel 2:

  1. Listenpunkt 1
  2. Listenpunkt 2
  3. Listenpunkt 3
  4. Listenpunkt 4
<OPTION> listbox option <FORM METHOD=post ACTION="/cgi-bin/Beispiel.cgi">
<CENTER>
Wähle eine Option:
<SELECT>
<OPTION>option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
</CENTER>
</FORM>
Wähle eine Optition:
<P> paragraph Das ist ein Beispiel zur Verwendung des Absatz tag. <P> Dies erzeugt einen Zeilenumbruch und einen Platz zwischen den Zeilen.<BR>
<BR>
Attributes:<BR>
<BR>
<u>Beispiel 1:</u><BR>
<BR>
<P align="left">
Das ist ein Beispiel<BR>
zur Verwendung<BR>
des Absatz tag.<BR>
<BR>
<u>Beispiel 2:</u><BR>
<BR>
<P align="right">
Das ist ein Beispiel<BR>
zur Verwendung<BR>
des Absatz tag.<BR>
<BR>
<u>Beispiel 3:</u><BR>
<BR>
<P align="center">
Das ist ein Beispiel<BR>
zur Verwendung<BR>
des Absatz tag.

Das ist ein Beispiel zur Verwendung des Absatz tag.

Dies erzeugt einen Zeilenumbruch und einen Platz zwischen den Zeilen.

Attributes:

Beispiel 1:

Das ist ein Beispiel
zur Verwendung
des Absatz tag.

Beispiel 2:

Das ist ein Beispiel
zur Verwendung
des Absatz tag.

Beispiel 3:

Das ist ein Beispiel
zur Verwendung
des Absatz tag.

<SMALL> small (text) <SMALL>Beispiel Schrift klein</SMALL> Beispiel Schrift klein
<STRONG> strong emphasis <STRONG>Beispiel Schrift fett</STRONG> Beispiel Schrift fett
<TABLE> table <u>Beispiel 1:</u><BR>
<BR>
<TABLEBORDER="4" CELLPADDING="2"   CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Spalte 1</TD>
<TD>Spalte 2</TD>
</TR>
</TABLE><BR>
<BR>
<BR>
<u>Beispiel 2:</u><BR>
<BR>
<TABLE BORDER="2" BORDERCOLOR="#336699" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Spalte 1</TD>
<TD>Spalte 2</TD>
</TR>
</TABLE><BR>
<BR>
<BR>
<u>Beispiel 3:</u><BR>
<BR>
<TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD BGCOLOR="#CCCCCC">Spalte 1</TD>
<TD BGCOLOR="#CCCCCC">Spalte 2</TD>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
</TABLE><BR><BR>
Beispiel 1: 

Spalte 1 Spalte 2


Beispiel 2:

Spalte 1 Spalte 2


Beispiel 3:

Spalte 1 Spalte 2
Spalte 2 Spalte 2

<TD> table data <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Spalte 1</TD>
<TD>Spalte 2</TD>

</TR>
</TABLE>

Spalte 1 Spalte 2

 

<TH> table header <DIV align="center">
<TABLE>
<TR>
<TH>Spalte 1</TH>
<TH>Spalte 2</TH>
<TH>Spalte 3</TH>

</TR>
<TR>
<TD>Zeile 2</TD>
<TD>Zeile 2</TD>
<TD>Zeile 2</TD>
</TR>
<TR>
<TD>Zeile 3</TD>
<TD>Zeile 3</TD>
<TD>Zeile 3</TD>
</TR>
<TR>
<TD>Zeile 4</TD>
<TD>Zeile 4</TD>
<TD>Zeile 4</TD>
</TR>
</TABLE>
</DIV>
Spalte 1 Spalte 2 Spalte 3
Zeile 2 Zeile 2 Zeile 2
Zeile 3 Zeile 3 Zeile 3
Zeile 4 Zeile 4 Zeile 4
<TITLE> document title <TITLE>Title der Webseite</TITLE> Der Titel der Webseite wird in der Titelleiste angezeigt. 
<TR> table row <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Spalte 1</TD>
<TD>Spalte 2</TD>
</TR>
</TABLE>

 
Spalte 1 Spalte 2

 

<TT> teletype <TT>Beispiel Teletyp</TT> Beispiel Teletyp
<U> underline <U>Beispiel unterstrichen</U> Beispiel unterstrichen
<UL> unordered list <u>Beispiel 1:</u><BR>
<BR>
<UL>
<LI>Listenpunkt 1
<LI>Listenpunkt 2
</UL><BR>
<BR>
<u>Beispiel 2:</u><BR>
<UL type="disc">
<LI>Listenpunkt 1
<LI>Listenpunkt 2
<UL type="circle">
<LI>Listenpunkt 3
<LI>Listenpunkt 4
</UL>
</UL>
Beispiel 1:
  • Listenpunkt 1
  • Listenpunkt 2


Beispiel 2:

  • Listenpunkt 1
  • Listenpunkt 2
    • Listenpunkt 3
    • Listenpunkt 4