Brauchen Sie Hilfe? Wir helfen Ihnen weiter.

Startseite der Wissensbank aero-right Tipps & Tricks aero-right Welches allgemeines HTML sollte ich kennen wenn ich Code von Vorlagen ansehe?

Welches allgemeines HTML sollte ich kennen wenn ich Code von Vorlagen ansehe?

Tipps & Tricks Aktualisiert am 20. September 2011
Wenn Sie den Code von Vorlagen ansehen, werden Sie mit aller sicherheit das folgende HTML Code sehen:
Grundlegende Elemente
Document Type <HTML></HTML> (Anfang und Ende der Datei)
Title <TITLE></TITLE> (muss in der Kopfzeile sein)
Header <HEAD></HEAD> (beschreibende Informationen, wie Titel)
Body <BODY></BODY> (Großteil der Seite)
Structurelle Definition
Heading<H?></H?>(das spec. definiert 6 Stufen)
Align Heading <H? ALIGN=LEFT|CENTER|RIGHT></H?>
Division <DIV></DIV>  
Align Division <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
Defined Content <SPAN></SPAN>  
Block Quote<BLOCKQUOTE></BLOCKQUOTE> (meist eingerückt)
Emphasis <EM></EM> (meist als kursiv dargestellt)
Strong Emphasis<STRONG></STRONG>(in der Regel als fett angezeigt)
Citation<CITE></CITE>(üblicherweise kursiv)
Code <CODE></CODE> (für Quellcode Liste)
Variable <VAR></VAR>  
Definition <DFN></DFN> (nicht allgemein umgesetzt)
Author’s Address <ADDRESS></ADDRESS>  
Large Font Size<BIG></BIG>  
Large Font Size<SMALL></SMALL>  
Formatierung der Präsentation
Bold <B></B>  
Italic <I></I>  
Underline <U></U> (nicht allgemein umgesetzt)
Strikeout <STRIKE></STRIKE> (nicht allgemein umgesetzt)
Strikeout <S></S> (nicht allgemein umgesetzt)
Subscript <SUB></SUB>  
Superscript <SUP></SUP>  
Preformatted<PRE></PRE> (Anzeigetext Abstand wie er ist)
Center<CENTER></CENTER> (sowohl für Text und Bilder)
Font Size <FONT SIZE=?></FONT> (reicht von 1-7)
Font Color <FONT COLOR="#$$$$$$"></FONT>  
Select Font <FONT FACE="***"></FONT>  
Weight <FONT WEIGHT=?></FONT>  
Marquee <MARQUEE></MARQUEE>  
Links und Grafiken
Link Something <A HREF="URL"></A>  
Link to Location <A HREF="URL#***"></A> (wenn in einem anderen Dokument)
 <A HREF="#***"></A> (Wenn im aktuellen Dokument)
Target Window <A HREF="URL" TARGET="***"></A>  
Link to Email <A HREF="mailto:@"></A>  
Specify Subject <A HREF="mailto:@?SUBJECT=***"></A> (echtes Fragezeichen anwenden)
Define Location <A NAME="***"></A>  
Display Image <IMG SRC="URL">  
Alignment <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
Alignment <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
Alternate <IMG SRC="URL" ALT="***"> (wenn Bild nicht angezeigt)
Dimensions <IMG SRC="URL" WIDTH=? HEIGHT=?> (in pixels)
 <IMG SRC="URL" WIDTH=% HEIGHT=%> (als Prozentsatz der Seite Weite/Höhe)
Border <IMG SRC="URL" BORDER=?> (in pixels)
Runaround Space <IMG SRC="URL" HSPACE=? VSPACE=?> (in pixels)
Imagemap <IMG SRC="URL" USEMAP="URL">  
Client-Side Map <MAP NAME="***"></MAP> (beschreibt die Karte)
Map Section <AREA SHAPE="DEFAULT|RECT|CIRCLE|POLY" COORDS=",,," HREF="URL"|NOHREF>
Dividers
Paragraph<P></P> (schließender Tag oft unnötig)
Align Text<P ALIGN=LEFT|CENTER|RIGHT></P>  
Justify Text <P ALIGN=JUSTIFY></P>  
Line Break <BR> (ein Wagenrücklauf)
Clear Textwrap <BR CLEAR=LEFT|RIGHT|ALL>  
Horizontal Rule <HR>  
Alignment <HR ALIGN=LEFT|RIGHT|CENTER>  
Thickness <HR SIZE=?> (in pixels)
Width <HR WIDTH=?> (in pixels)
Width Percent <HR WIDTH="%"> (als Prozentsatz der Seite Weite/Höhe)
Lists
Unordered List <UL><LI></UL> (vor jedem Listenelement)
Compact <UL COMPACT></UL>  
Bullet Type <UL TYPE=DISC|CIRCLE|SQUARE> (bevor der ganzen Liste)
Bullet Type <LI TYPE=DISC|CIRCLE|SQUARE> (dies & anschließende)
Ordered List <OL><LI></OL> (vor jedem Listenelement)
Numbering Type <OL TYPE=A|a|I|i|1> (für die ganze Liste)
Numbering Type <LI TYPE=A|a|I|i|1> (dies & anschließende)
Starting Number <OL START=?> (für die ganze Liste)
Starting Number <LI VALUE=?> (dies & anschließende)
Definition List <DL><DT><DD></DL> (<DT>=term, <DD>=definition)
Backgrounds and Colors
Tiled Bkground <BODY BACKGROUND="URL">  
Bkground Color <BODY BGCOLOR="#$$$$$$"> (Reihenfolge ist rot / grün / blau)
Text Color <BODY TEXT="#$$$$$$">  
Link Color <BODY LINK="#$$$$$$">  
Visited Link <BODY VLINK="#$$$$$$">  
Active Link <BODY ALINK="#$$$$$$">  
Tables
Define Table <TABLE></TABLE>  
Table Alignment <TABLE ALIGN=LEFT|RIGHT|CENTER>  
Table Border <TABLE BORDER></TABLE> (Entweder Ein oder Aus)
Table Border <TABLE BORDER=?></TABLE> (Sie können den Wert setzen)
Cell Spacing <TABLE CELLSPACING=?>  
Cell Padding <TABLE CELLPADDING=?>  
Desired Width <TABLE WIDTH=?> (in pixels)
Width Percent <TABLE WIDTH=%> (prozentsatz der Seite)
Table Color <TABLE BGCOLOR="$$$$$$"></TABLE>  
Table Row <TR></TR>  
Alignment <TR ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>
Table Cell <TD></TD> (muss innerhalb von Tabellenzeilen angezeigt sein)
Alignment <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
No linebreaks <TD NOWRAP>  
Columns to Span <TD COLSPAN=?>  
Rows to Span <TD ROWSPAN=?>  
Desired Width <TD WIDTH=?> (in pixels)
Width Percent <TD WIDTH="%"> (Prozentsatz der Tabelle)
Cell Color <TD BGCOLOR="#$$$$$$">  
Header Cell <TH></TH> (wie Daten, mit Ausnahme fett zentriert)
Alignment <TH ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>
No Linebreaks <TH NOWRAP>  
Columns to Span <TH COLSPAN=?>  
Rows to Span <TH ROWSPAN=?>  
Desired Width <TH WIDTH=?> (in pixels)
Width Percent <TH WIDTH="%"> (Prozentsatz der Tabelle)
Cell Color <TH BGCOLOR="#$$$$$$">  
Table Body <TBODY>  
Columns Spanned <COL SPAN=?></COL>  
Column Width <COL WIDTH=?></COL>  
Width Percent <COL WIDTH="%"></COL>  
Haben wir Ihre Frage beantwortet?
0 0

Haben Sie nicht gefunden, wonach Sie gesucht haben?

Senden Sie uns eine Anfrage

Verlauf der Anfrage anzeigen