PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : 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: Bildname.Format

Relative Adressierung: Verzeichnis/Bildname.Format

Absolute Adressierung: URL/Bildname.Format

Alternativer Text: Bildname.Format alt=alternativer Text

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

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

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

Text unten neben dem Bild: Bildname.Format

Text in der Mitte neben dem Bild: Bildname.Format

Text oben neben dem Bild: Bildname.Format

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

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

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

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

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

Bildhöhe dehnen oder stauchen: Bildname.Format

Bildbreite dehnen oder stauchen: Bildname.Format

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

Anklickbare Grafiken: Bildname.Format (Dateiangabe)

wenn Ihr die Grafik ohne Rahmen darstellen wollt, schreibt Ihr:
Bildname.Format (Dateiangabe)

Verweis-sensitive Grafiken: <MAP NAME="irgendein Name">
Bildname.Format
</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 (http://de.selfhtml.org/)
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 (http://de.selfhtml.org/navigation/syntax.htm)
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/homepages/Birgit_Bachmann/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
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.


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:
<b>Text</b>
Cout
25.01.2009, 22:30
Quelltext kann man auch zitieren.
Ich korrigiere mich wenn ich mich nicht ganz vollständig ausgedrückt habe.

.. durch die neue Forum Software und der Datenbank Anpassung ..