Kategorien
Eigene Webseite erstellen

Eigene Webseite erstellen #06 – Listen (geordnete, ungeordnete), Tabellen

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>

 

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.