Überschriften | <h1>...</h1> <h2>...</h2> <h3>...</h3> <h4>...</h4> <h5>...</h5> <h6>...</h6> |
1. bis 6. Ordnung |
Überschrift ausrichten | <h[1-6] align=" ">...</h[1-6]> | align="[left/center/right/justify]" |
Textabsatz | <p>...</p> | |
Zeilenumbruch | <br /> | |
Zeilenumbruch verhindern | <nobr>...</nobr> | |
geschützte Leerzeichen | | |
Block-Bereich: div-Tag | <div align="right"> <h1>Alles rechts am Rand</h1> <ul> <li>alles rechts?</li> <li>wirklich alles!</li> </ul> </div> |
Mit dem div-Tag kann man mehrere HTML-Elemente zu einem Block-Bereich (div = division) zusammenfassen. Der Bereich wird als Block dargestellt und kann mit CSS-Formaten angesprochen werden. Dieses Tag wird zusammen mit CSS oft eingesetzt, um Ebenen (Layer) zu realisieren. Bock-Elemente: erzeugen einen eigenen Absatz im Textfluss. |
Inline-Bereich: span-Tag | <p>Dies ist das <span style="color:blue">A</span> <span style="color:red">B</span> <span style="color:green">C</span> des Webdesigns. </p> Sieht so aus: Dies ist das A B C des Webdesigns. |
Mit dem span-Tag können mehrere inline HTML-Elemente zu einem inline-Bereich zusammengefasst werden. Eine Wirkung entsteht erst, wenn CSS-Formate zum Einsatz kommen. Inline-Elemente: erzeugen keinen eigenen Absatz im Textfluss. Inline-Elemente sind als untergeordnete, "innere" Elemente für Block-Elemente gedacht. |
Nummerierte Liste | <ol> <li>...</li> <li>...</li> </ol> |
|
Nummerierte Liste Nummerierungsart |
<ol type=" "> <li>...</li> </ol> |
type="[a/A/i/I]" |
Nummerierte Liste Startwert |
<ol start=" "> <li>...</li> </ol> |
Es kann eine beliebige Zahl als Startwert übergeben werden. |
Aufzählungsliste | <ul> <li>...</li> </ul> |
|
Aufzählungsliste Bullet-Typ |
<ul type=" "> <li>...</li> </ul> |
type="[circle/square/disk]" |
Physische Textauszeichnung I | <strong>...</strong> <em>...</em> <tt>...</tt> |
strong = hervorgehoben, meist fett em = stark hervorgehoben, meist kursiv tt = dicktengleich |
Physische Textauszeichnung II | <u>...</u> <strike>...</strike> <big>...</big> <small>...</small> <sub>...</sub> <sup>...</sup> |
u = untersrichen strike= durchgestrichen big = grösser small = kleiner sub =tiefgestellt sup = hochgestellt |
Schrifteinstellungen | <font size=>...</font> <font color=>...</font> <font face=>...</font> |
size=[1/2/3/4/5/6/7] color=[#XXXXXX/Farbname] face="Schriftartname" |
Trennlinie und Optionen | <hr /> <hr noshade /> <hr width=... /> <hr size=... /> <hr align=... /> <hr color=... /> |
noshade (nicht schattiert) width=[Pixel/%] (Breite) size=[Pixel] (Dicke) align=[left/center/right] (Ausrichtung) color=[#XXXXXX/Farbname] |
Lauftext und Optionen | <marquee>...</marquee> <marquee direction=>...</marquee> <marquee scrollamount=>...</marquee> <marquee scrolldelay=>...</marquee> <marquee behavior=>...</marquee> <marquee height=>...</marquee> <marquee hspace=>...</marquee> |
direction=[left/right/up] (Richtung) scrollamount=[Pixel] (Pixel pro Bewegung) scrolldelay=[Millisekunden] (Geschwindigkeit) behavior=[alternate] (wechselnd) height=[Pixel] (Höhe) hspace=[Pixel] (Abstand) |