Übersicht HTML-Tags
Übersicht und Beispiele der HTML-Tags
HTML Tag Übersicht |
|||||||||||||||
Tag |
Name |
Code Beispiele |
Browser Ansicht |
||||||||||||
<!-- |
comment |
<!—Das ist eine Kommentarzeile im Dokument--> |
Keine Anzeige im Browser |
||||||||||||
<A |
anchor |
<A HREF="http://www.deine-domain.tld/"> Hier unsere Webseite </A> |
|||||||||||||
<B> |
bold |
<B> Das ist ein Beispiel </B> |
Das ist ein Beispiel |
||||||||||||
<BIG> |
big (text) |
<BIG> Das ist ein Beispiel </BIG> |
Das ist
ein Beispiel |
||||||||||||
<BODY> |
body vom Dokument |
<BODY> Der content der Webseite </BODY> |
Der content der Webseite |
||||||||||||
<BR> |
line break |
Der content
der Webseite<BR> Der
content der Webseite |
Der content der Webseite |
||||||||||||
<CENTER> |
center |
<CENTER>Text ist mittig im content</CENTER> |
Text
ist mittig im content |
||||||||||||
<DD> |
definition description |
<DL> |
Definition
Term Definition of the term Definition
Term Definition of the term |
||||||||||||
<DL> |
definition list |
<DL> |
Definition
Term Definition of the term
Definition
Term Definition of the term |
||||||||||||
<DT> |
definition term |
<DL> |
Definition
Term Definition of the term
Definition
Term Definition of the term |
||||||||||||
<EM> |
emphasis |
Das ist ein <EM>Beispiel</EM> für
einen Hervorhebung Tag |
Das ist ein Beispiel für einen
Hervorhebung Tag |
||||||||||||
<EMBED> |
embed object |
<EMBED src="yourfile.mid" width="100%" height="60"
align="center"> |
|||||||||||||
<EMBED> |
embed object |
<EMBED
src="yourfile.mid" autostart="true" hidden="false" loop="false"> <bgsound src="yourfile.mid" loop="1"> </noembed> |
Beim Laden der Seite wird der
Musiktitel einmal abgespielt. Das Control Panel wird dem Besucher zum Stoppen
angezeigt. |
||||||||||||
<FONT> |
font |
<FONT FACE="Times New Roman"> Das
ist ein Beispiel </FONT> |
Das ist
ein Beispiel |
||||||||||||
<FONT> |
font |
<FONT FACE="Times New Roman" SIZE="4"> Das
ist ein Beispiel </FONT> |
Das ist
ein Beispiel |
||||||||||||
<FONT> |
font |
<FONT FACE="Times New Roman" SIZE="+3"
COLOR="#FF0000"> Beispiel </FONT> |
Beispiel |
||||||||||||
<FORM> |
form |
<FORM action="mailto:deine@domain.tld"> size="10"><BR> size="10"><BR> |
|||||||||||||
<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 content der Webseite Der content der Webseite |
||||||||||||
<HR> |
horizontal rule |
<HR WIDTH="50%" SIZE="3"> |
Der content der Webseite Der content der Webseite |
||||||||||||
<HR> |
horizontal rule |
<HR WIDTH="50%" SIZE="3" NOSHADE> |
Der content der Webseite Der content der Webseite |
||||||||||||
<HR> |
horizontal rule |
<HR WIDTH="75%" COLOR="#FF0000"
SIZE="4"> |
Der content der Webseite Der content der Webseite |
||||||||||||
<HR> |
horizontal rule |
<HR WIDTH="25%" COLOR="#6699FF"
SIZE="6"> |
Der content der Webseite Der content der Webseite |
||||||||||||
<HTML> |
hypertext markup language |
<HTML> <HEAD> <META> <TITLE>Der Tiel der Webseite</TITLE> </HEAD> <BODY> Der content der Webseite </BODY> </HTML> |
Der content der Webseite |
||||||||||||
<I> |
italic |
<I> Das ist ein
Beispiel </I> |
Das ist ein Beispiel |
||||||||||||
<IMG> |
image |
<IMG SRC="erde.gif" WIDTH="41"
HEIGHT="41" BORDER="0" ALT="Einen Text über das
Bild"> |
|
||||||||||||
<INPUT> |
input field |
Beispiel 1: |
Beispiel 1: |
||||||||||||
<INPUT> |
input field |
Beispiel
2: font-family:
Verdana; font-weight: bold; font-size:
12px; background-color: #72A4D2;" size="10"
maxlength="30"> |
Beispiel 2: |
||||||||||||
<INPUT> |
input field |
Beispiel
4: rows=3 cols=20 MAXLENGTH=100></TEXTAREA><BR> |
Beispiel 4: |
||||||||||||
<INPUT> |
input field |
Beispiel
5: </CENTER> |
Beispiel 5: |
||||||||||||
<INPUT> |
input field |
Beispiel
6: Option 1 Option 2 Option 3 Selection
1 Selection
2 Selection
3 |
Beispiel
6: |
||||||||||||
<LI> |
list item |
Beispiel 1: |
·
Listen Feld 1 o Listen Feld 2 §
Listen Feld 3
i.
Listen Feld 1
ii.
Listen Feld 2
iii.
Listen Feld 3
iv.
Listen Feld 4 |
||||||||||||
<LINK> |
link |
Hier unsere
<A
HREF="http://www. domain.tld/"> Webseite </A> |
Hier unsere Webseite |
||||||||||||
<MARQUEE> |
scrolling text |
<MARQUEE bgcolor="#CCCCCC" loop="-1"
scrollamount="2" width="100%">Beispiel
Marquee </MARQUEE> |
|
||||||||||||
<MENU> |
menu |
<MENU> |
o Liste Seite 2 §
Liste Seite 3 |
||||||||||||
<META> |
meta |
<META name="Description" content="Beschreibung der Webseite"> |
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 |
Beispiel 1: <OL
type="a"> |
1.
Listen Feld 1 2.
Listen Feld 2 3.
Listen Feld 3 4.
Listen Feld 4
Beispiel 2: a.
Listen Feld 1 b.
Listen Feld 2 c.
Listen Feld 3 d. Listen Feld 4 |
||||||||||||
<OPTION> |
listbox option |
<FORM METHOD=post ACTION="/cgi-bin/example.cgi"> |
Wähle eine Option: |
||||||||||||
<P> |
paragraph |
Dieses Beispiel zeigt die
Verwendung des Absatz tag. <P> Dies erzeugt einen Zeilenumbruch und einen Platz
zwischen den Zeilen. |
Dieses Beispiel zeigt die
Verwendung des Absatz tag. Dies
erzeugt einen Zeilenumbruch und einen Platz zwischen den Zeilen. Beispiel 2: Beispiel 3: |
||||||||||||
<SMALL> |
small (text) |
<SMALL>Das ist ein Beispiel</SMALL> |
Das ist
ein Beispiel |
||||||||||||
<STRONG> |
strong emphasis |
<STRONG>Das ist ein Beispiel</STRONG> |
Das ist ein Beispiel |
||||||||||||
<TABLE> |
table |
Beispiel 1: |
|
||||||||||||
<TD> |
table data |
<TABLE BORDER="2"
CELLPADDING="2" CELLSPACING="2"
WIDTH="100%"> |
|
||||||||||||
<TH> |
table header |
<DIV align="center"> <TABLE> |
|
||||||||||||
<TITLE> |
Dokumenten title |
<TITLE>Der Titel der Webseite</TITLE> |
Der Titel der Webseite wird
angezeigt in der title bar. |
||||||||||||
<TR> |
table row |
<TABLE BORDER="2"
CELLPADDING="2" CELLSPACING="2"
WIDTH="100%"> |
|
||||||||||||
<TT> |
teletype |
<TT>Das ist ein Beispiel</TT> |
Das ist
ein Beispiel |
||||||||||||
<U> |
underline |
<U>Das ist ein Beispiel</U> |
Das ist
ein Beispiel |
||||||||||||
<UL> |
unordered list |
Beispiel 1:<BR><BR> |
Beispiel
1: ·
Listen Feld 1 ·
Listen Feld 2
·
Listen Feld 1 ·
Listen Feld 2 o Listen Feld 3 o Listen Feld 4 |
||||||||||||
|