In diesem Teil des Tutorials „Eigene Webseite erstellen“ wird gezeigt, wie man Listen sowie Tabellen erstellt und mit CSS anpasst.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Unbenanntes Dokument</title>
<style type="text/css">
ul {
list-style-type:circle;
}
ol {
list-style-type:upper-roman;
}
.heading {
list-style-image:url(tick.png);
font-size:24px;
}
th {
font-weight:normal;
color:red;
}
td {
color:blue;
}
</style>
</head>
<body>
<ol>
<li>Das ist ein Eintrag</li>
<li>Das ist noch ein Eintrag</li>
<li>Das ist ein weiterer Eintrag</li>
</ol>
<ul>
<li>Das ist ein Eintrag</li>
<li>Das ist noch ein Eintrag</li>
<li>Das ist ein weiterer Eintrag</li>
</ul>
<ul class="heading">
<li>Das ist ein Eintrag</li>
<li>Das ist noch ein Eintrag</li>
<li>Das ist ein weiterer Eintrag</li>
</ul>
<table border="1">
<tr>
<th></th>
<th>Spalte 2</th>
<th>Spalte 3</th>
</tr>
<tr>
<th>Inhalt 1</th>
<td>Inhalt 2</td>
<td>Inhalt 3</td>
</tr>
</table>
</body>
</html>