|
|
|
|
|
|||||
|
|
|
|
|
|
|
||||||||||||
|
|
|||||||||||
|
|
 |
Beispiel für eine unsortierte Liste:
Beispielcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Unsortierte Liste</title>
</head>
<body>
<ul>
<li>Eintrag 1</li>
<li>Eintrag 2</li>
<li>Eintrag 3</li>
<li>Eintrag 4</li>
<li>Eintrag 5</li>
</ul>
</body>
</html>
CSS-formatierte Liste: Quadratische Bullets
Zusätzlich lässt sich das Aussehen der sogenannten “Bullets” beeinflussen:
Beispielcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Quadratische Bullets</title>
</head>
<body>
<ul style="list-style-type: square; color: red;
font-weight: bold">
<li>Eintrag 1</li>
<li>Eintrag 2</li>
<li>Eintrag 3</li>
<li>Eintrag 4</li>
<li>Eintrag 5</li>
</ul>
</body>
</html>
CSS-formatierte Liste: Nummerierte Liste
Sie können ihre Liste auch mit automatischer Nummernfolge an- zeigen lassen:
Beispielcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Nummerierte Liste</title>
</head>
<body>
<ol style="color: green; font-weight: bold">
<li>Eintrag 1</li>
<li>Eintrag 2</li>
<li>Eintrag 3</li>
<li>Eintrag 4</li>
<li>Eintrag 5</li>
</ol>
</body>
</html>
Neben den vorgestellten Beispielen gibt es noch einige weitere Möglichkeiten, Listen zu formatieren.
Mehr Bei- spiele finden Sie z.B. auf der Online-Version von SELFHTML.
|
 |
|
|
||||||
|
||||||||||||
