HTML-Tags

**zeus7** · 29.12.2008, 16:23

soo wollte mal ne liste mit allen HTML-Tags erstellen die man so kennt ^.^
wenn ihr was wisst dass noch nicht drin steht sagt bescheid!

Grafiken referenzieren: [img]Bildname.Format[/img]

Relative Adressierung: [img]Verzeichnis/Bildname.Format[/img]

Absolute Adressierung: [img]URL/Bildname.Format[/img]

Alternativer Text: [img]Bildname.Format alt=alternativer Text[/img]

Grafiken linksbündig ausrichten: [img]Bildname.Format align=left[/img] oder <P align=left>[img]Bildname.Format[/img]</P>

Grafiken zentriert ausrichten: <center>[img]Bildname.Format[/img]</center> oder <P align=center>[img]Bildname.Format[/img]</P>

Grafiken rechtsbündig ausrichten: [img]Bildname.Format align=right[/img] oder <P align=right>[img]Bildname.Format[/img]</P>

Text unten neben dem Bild: [img]Bildname.Format[/img]

Text in der Mitte neben dem Bild: [img]Bildname.Format[/img]

Text oben neben dem Bild: [img]Bildname.Format[/img]

Text zentriert unter dem Bild: <P align=center>[img]Bildname.Format[/img]</P>
<P align=center>Bildunterschrift</P>

Grafik mit einfachem Rahmen: [img]Bildname.Format[/img]
(Die Rahmenstärke richtet sich nach der Anzahl der angegebenen Pixel.)

farbiger Rahmen: <font color=#Hexadezimalzahl>
[img]Bildname.Format[/img]</font>

Tabellenrahmen: <TABLE BORDER=Pixelangabe>
<TD>[img]Bildname.Format[/img]</TD></TABLE>

(Auch hier richtet sich die Rahmenbreite nach der Anzahl der Pixel.)

Bildhöhe dehnen oder stauchen: [img]Bildname.Format[/img]

Bildbreite dehnen oder stauchen: [img]Bildname.Format[/img]

Hintergrundgrafiken einbinden:
<BODY background="Bildname.Format">

Anklickbare Grafiken: [img]Bildname.Format[/img]

wenn Ihr die Grafik ohne Rahmen darstellen wollt, schreibt Ihr:
[img]Bildname.Format[/img]

Verweis-sensitive Grafiken: <MAP NAME="irgendein Name">
[img]Bildname.Format[/img]
</MAP>

Farbiger Text: <font color=#Hexadezimalzahl>irgendein Text</font>

Farbiger Hintergrund: <BODY bgcolor=#Hexadezimalzahl>

Farbiger Verweis-Text: Text: <BODY text=#Hexadezimalzahl>
Verweisfarbe: <BODY link=#Hexadezimalzahl>
angeklickte Verweise: <BODY vlink=#Hexadezimalzahl>
beim Anklicken: <BODY alink=#Hexadezimalzahl>

Linienbreite: <HR width=Prozentangabe>

Linienausrichtung: <HR width=Prozentangabe align=...>

Linienstärke: <HR size=Pixelangabe>

nicht-schattierte Linien: <HR noshade>

farbige Linien: <HR color="#Hexadezimalzahl"

Schriftgröße: <font size=Zahl>Text</font>

Schriftart: <font face=Schriftname>Text</font>

Blinkende Schrift: <blink>Text</blink>

Tabelle öffnen und schließen: <TABLE>Tabelleninhalt</TABLE>

Tabellenzeile öffnen und schließen: <TR>Zeileninhalt</TR>

Tabellenzelle öffnen und schließen: <TD>Zelleninhalt</TD>

Tabellenbreite und -höhe prozentual zum Anzeigefenster: <TABLE WIDTH=Prozentangabe bzw. HEIGHT=Prozentangabe>

Tabellenbreite und -höhe in Pixel: <TABLE WIDTH=Pixelangabe bzw. HEIGHT=Pixelangabe>

Spaltenbreite: <TD WIDTH=Prozent oder Pixelangabe>

Zeilenhöhe: <TD HEIGHT=Prozent oder Pixelangabe>

Tabelle ohne Gitternetzlinien: <TABLE BORDER=0>

Stärke des äußeren Rahmens: <TABLE BORDER=Pixelangabe>

Stärke der Gitternetzlinien: <TABLE cellspacing=Pixelangabe>

Abstand vom Zelleninhalt zum Rand: <TABLE cellpadding=Pixelangabe>

Zelleninhalt horizontal ausrichten: <TD ALIGN=left oder center oder right>

Zelleninhalt vertikal ausrichten: <TD VALIGN=top oder middle oder bottom>

Tabellenzeilen verbinden: <TD ROWSPAN=Anzahl der zu verbindenden Zeilen>

Tabellenspalten verbinden: <TD COLSPAN=Anzahl der zu verbindenden Spalten>

Tabellenrahmen-Farbe: <TABLE BORDER BORDERCOLOR=#Hexadezimalzahl>

Tabellenhintergrund-Farbe: <TABLE BGCOLOR=#Hexadezimalzahl>

Tabellenzellen-Farbe: <TD BGCOLOR=#Hexadezimalzahl>

Die Frame-Tags müssen noch vor den Body-Tag gesetzt werden
Grundgerüst für horizontale Frames: <frameset rows="Prozent,Prozent">
<frame src="Dateiname.htm" name="...">
<frame src="Dateiname.htm" name="...">
</frameset>

Grundgerüst für vertikale Frames: <frameset cols="Prozent,Prozent">
<frame src="Dateiname.htm" name="...">
<frame src="Dateiname.htm" name="...">
</frameset>

Kombination von horizontalen
und vertikalen Frames: <frameset rows="Prozent,Prozent">
<frame src="Dateiname.htm" name="...">
<frame src="Dateiname.htm" name="...">
<frameset cols="Prozent,Prozent">
<frame src="Dateiname.htm" name="...">
<frame src="Dateiname.htm" name="...">
</frameset>
</frameset>

Kommentar

<!doctype> Typ des Dokuments

<a> Link/Anker

<abbr> Abkürzung

<acronym> Akronym/Abkürzung

<address> Adresse

<area> Bereich einer Imagemap

[b] Fettschrift

<base> Angabe einer Linkbasis

<bdo> Textrichtung

<big> Größerer Text

<blockquote> (längeres) Zitat

<body> Body-Teil

Zeilenumbruch

<button> Button

<caption> Überschrift für Tabelle

<cite> Zitat

<code> Code

<col> Tabellenspalte

<colgroup> Gruppierung von Tabellenspalten

<dd> Element in Definitionsliste

<del> Älterer Text, der inzwischen durch neueren ersetzt wurde

<dfn> Definition

<div> Abschnitt

<dl> Definitionsliste

<dt> Element in Definitionsliste

[i] Betonter Text

<fieldset> Zusammengehörende Formularfelder

<form> Formular

<frame> Frame

<frameset> Frameset

<h1> bis <h6> Überschriften, hierarchische Ordnung

<head> Kopf-Teil

<hr> Horizontale Linie

<html> HTML-Bereich

[i] Kusiver Text

<iframe> Inline-Frame

<img> Bild

<input> Formular-Element

<ins> Eingefügter Text (siehe <del>)

<kbd> Tastatur-Eingabe

<label> Bezeichnung für Formularfeld

<legend> Titel eines Fieldsets
[*] Listenelement

<link> Beziehung zu einer anderen Datei

<map> Imagemap

<meta> Meta-Tag

<noframes> Bereich für Browser, die keine Frames unterstützen

<noscript> Bereich für Browser, die kein JavaScript unterstützen

<object> Objekt-Einbindung. Beispiel: Java-Applet

[list=1] Geordnete Liste (nummeriert)

<optgroup> Obergruppe eines verschachtelten Menüs

<option> Element einer Liste

Absatz

<param> Parameter eines Objekts

<pre> Vorformatierter Text

<q> Zitat

<samp> Beispiel

<script> Skript

<select> Listenauswahl

<small> Kleinerer Text

<span> Bereichs-Auszeichnung

[b] Hervorgehobener Text

<style> CSS-Definition

<sub> Tiefgestellter Text

<sup> Hochgestellter Text

<table> Tabelle

<tbody> Tabellenkörper

<td> Tabellenzelle

<textarea> Mehrzeiliges Eingabefeld

<tfoot> Tabellenfuß

<th> Zeile im Tabellenkopf

<thead> Tabellenkopf

<title> Seitentitel

<tr> Tabellenzeile

<tt> diktengleicher Text

<ul> Ungeordnete Liste (ohne Zahlen, dafür mit kleinen Grafiken)

<var> Variable

*up*

werde noch weitere suchen sobald aich aus dem urlaub bin...

**GregorSamsa** · 29.12.2008, 16:34

Da fehlt noch ne ganze menge, so wie: div, span, p, link, style, script...

**LudenJupp** · 29.12.2008, 16:36

SelfHTML

**zeus7** · 29.12.2008, 16:37

jaj wie gesagt is nur mal der anfang^^
schreib einfach die beschreibung und den tag dann edit ich es^^

**Cout** · 29.12.2008, 17:16

Nun ja also einen Html Tag Sammelthread finde ich unnötig, aber wenn es dir Freude ,acht hier sind noch ein paar:

Kommentar
<!doctype> Typ des Dokuments
<a> Link/Anker
<abbr> Abkürzung
<acronym> Akronym/Abkürzung
<address> Adresse
<area> Bereich einer Imagemap
[b] Fettschrift
<base> Angabe einer Linkbasis
<bdo> Textrichtung
<big> Größerer Text
<blockquote> (längeres) Zitat
<body> Body-Teil

Zeilenumbruch
<button> Button
<caption> Überschrift für Tabelle
<cite> Zitat
<code> Code
<col> Tabellenspalte
<colgroup> Gruppierung von Tabellenspalten
<dd> Element in Definitionsliste
<del> Älterer Text, der inzwischen durch neueren ersetzt wurde
<dfn> Definition
<div> Abschnitt
<dl> Definitionsliste
<dt> Element in Definitionsliste
[i] Betonter Text
<fieldset> Zusammengehörende Formularfelder
<form> Formular
<frame> Frame
<frameset> Frameset
<h1> bis <h6> Überschriften, hierarchische Ordnung
<head> Kopf-Teil
<hr> Horizontale Linie
<html> HTML-Bereich
[i] Kusiver Text
<iframe> Inline-Frame
<img> Bild
<input> Formular-Element
<ins> Eingefügter Text (siehe <del>)
<kbd> Tastatur-Eingabe
<label> Bezeichnung für Formularfeld
<legend> Titel eines Fieldsets[*] Listenelement
<link> Beziehung zu einer anderen Datei
<map> Imagemap
<meta> Meta-Tag
<noframes> Bereich für Browser, die keine Frames unterstützen
<noscript> Bereich für Browser, die kein JavaScript unterstützen
<object> Objekt-Einbindung. Beispiel: Java-Applet
[list=1] Geordnete Liste (nummeriert)
<optgroup> Obergruppe eines verschachtelten Menüs
<option> Element einer Liste

Absatz
<param> Parameter eines Objekts
<pre> Vorformatierter Text
<q> Zitat
<samp> Beispiel
<script> Skript
<select> Listenauswahl
<small> Kleinerer Text
<span> Bereichs-Auszeichnung
[b] Hervorgehobener Text
<style> CSS-Definition
<sub> Tiefgestellter Text
<sup> Hochgestellter Text
<table> Tabelle
<tbody> Tabellenkörper
<td> Tabellenzelle
<textarea> Mehrzeiliges Eingabefeld
<tfoot> Tabellenfuß
<th> Zeile im Tabellenkopf
<thead> Tabellenkopf
<title> Seitentitel
<tr> Tabellenzeile
<tt> diktengleicher Text
<ul> Ungeordnete Liste (ohne Zahlen, dafür mit kleinen Grafiken)
<var> Variable

**2called-chaos** · 30.12.2008, 09:00

Ich persönlich finde diese Sammlung auch mehr als unnötig zumal der Code teilweise ziemlich bescheiden oder sogar falsch ist und übersichtlich ist auch was anderes. Aber wenn es dir Spaß macht dann machs halt

Vielleicht kann das ja jemand gebrauchen aber ich würde dann dazu raten sich die entsprechende Dokumentation des jeweiligen Tags noch einmal genauer anzusehen und/oder eine schönere Variante suchen...

Mfg

Chaos

//EDIT: Hier haste ne komplette Liste

--> HTML Befehlsreferenz

**bLaCk.LiGhT** · 30.12.2008, 09:08

@zeus7

Wäre auch schön gewesen wenn du mal die Orginalquelle* genannt hättest,
anstatt die Liste als dein Werk zu präsentieren

* http://ourworld.compuserve.com/homep...nn/uebersi.htm

**n00kie** · 25.01.2009, 21:06

1. Ist es unübersichtlich. 2. Unnötig und 3. Sind manche Tags einfache BB-Codes.
Außerdem unterteilt man es wenn in Inline- und Block-Elemente.

**Cout** · 25.01.2009, 21:32

Zitat von Nintendo

3. Sind manche Tags einfache BB-Codes.

Erst Denken dann posten!
Diese angeblichen BB Codes wurden durch die Forum Software automatisch aus den Html Tags erstellt.

Zitat von Nintendo

1. Ist es unübersichtlich. 2. Unnötig

Ja und? Wurde doch schon alles gesagt. Und unnötig trifft auch auf deinen Post zu, du Leichenschänder.

**n00kie** · 25.01.2009, 21:47

Erst Denken dann posten!
Diese angeblichen BB Codes wurden durch die Forum Software automatisch aus den Html Tags erstellt.

Quelltext kann man auch zitieren.

Beispiel:

Thema: HTML-Tags

Themen-Optionen

Anzeige

HTML-Tags

Stichworte

Berechtigungen