Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: HTML-Tags

  1. #1
    Bugbear Wurm
    Registriert seit
    07.11.2007
    Beiträge
    252

    Standard HTML-Tags

    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...

  2. #2
    Stanley Jobson Avatar von GregorSamsa
    Registriert seit
    23.08.2008
    Beiträge
    729

    Standard

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

  3. #3
    NoClose Wurm
    Registriert seit
    10.08.2008
    Beiträge
    173

  4. #4
    Bugbear Wurm
    Registriert seit
    07.11.2007
    Beiträge
    252

    Standard

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

  5. #5
    Fortgeschrittener
    Registriert seit
    01.03.2008
    Beiträge
    35

    Standard

    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
    Bluber Blub

  6. #6

    Standard

    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
    Eine Regierung muß sparsam sein, weil das Geld, das sie erhält, aus dem Blut und Schweiß ihres Volkes stammt.
    Es ist gerecht, daß jeder einzelne dazu beiträgt, die Ausgaben des Staates tragen zu helfen. Aber es ist nicht gerecht, daß er die Hälfte seines jährlichen Einkommens mit dem Staate teilen muß.

    Friedrich II. der Große

  7. #7
    Bugbear Wurm Avatar von bLaCk.LiGhT
    Registriert seit
    16.07.2008
    Beiträge
    260

    Standard

    @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
    "The Sun is gone, but I see a light."
    Kurt Cobain R.I.P.




    ~Ein Paranoikier ist jemand, der lediglich alle Fakten kennt. Warren Ellis

    Meine Hobbies ?! Aus Spaß Trojanerkiddys abusen..NICHT^^

    [S] Bietet was!
    [b] 12-Slot TS Server
    [b] Gameserver CoD2 & CoD4

    Meine Banner für die Competition:
    Bitte bewerten ;D


  8. #8
    Attention-whore Avatar von n00kie
    Registriert seit
    26.02.2007
    Beiträge
    755

    Standard

    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.
    Geändert von n00kie (25.01.2009 um 22:19 Uhr)

  9. #9
    Fortgeschrittener
    Registriert seit
    01.03.2008
    Beiträge
    35

    Standard

    Zitat Zitat von Nintendo Beitrag anzeigen
    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 Zitat von Nintendo Beitrag anzeigen
    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.
    Bluber Blub

  10. #10
    Attention-whore Avatar von n00kie
    Registriert seit
    26.02.2007
    Beiträge
    755

    Standard

    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>
    Geändert von n00kie (25.01.2009 um 23:49 Uhr)

Seite 1 von 2 12 LetzteLetzte

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •