HTML Tutorial [ Inhaltsverzeichnis ] Bullet- uns Aufzählungslisten HTML Quellcode: <html>
<head> <title>Mustermanns Blumentips</title> <style type="text/css"> <!-- body { background-color:#33EE00; color:#002000; font-family:Times; } ul { list-style-type:circle } ol { list-style-type:lower-alpha } --> </style> </head> <body> Eine ungeordnete Liste: <ul> <li>Unser Tip 1</li> <li>Unser Tip 2</li> <li>Unser Tip 3</li> </ul> Daneben gibt es noch die geordneten Listen: <ol> <li>Unser Tip 1</li> <li>Unser Tip 2</li> <li>Unser Tip 3</li> </ol> </body> </html> Erklärung: Das Element ul
erzeugt in HTML eine Liste, und zwar eine "ungeordnete", d.h. es gibt
keine Nummerierung der Aufzählungspinkte. Jeder
darzustellende Unterpunkt
wird durch das li-Tag markiert.
Die Form des Aufzählungszeichens kann man in CSS durch
das Attribut list-style-type festlegen.
Mit dem Wert
circle ist es ein Ring. Daneben gibt es noch etwas ungewöhnliche Typen wie Hebräisch oder Japanisch, siehe de.selfhtml.org/navigation/css.htm#listen
[ Inhaltsverzeichnis ] ©2003 de Vries |