abgesehen vom Ergebnis (wichtig ist was hinten rauskommt) gilt für HTML
eigentlich
Nutze die vorgesehenen Elemente für die vorgesehenen Ausgaben
Für Listen benutzt man Listen
Für Tabellen Tabellen.
Da das Ergebnis eine oder mehrere Listen beinhalten soll
wäre ein Output wie
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
li{background:#FFFFAF}
div{ float:left;margin-left: 2em;}
</style>
</head>
<body>
<div><ul><li>Tabelle1<ul>
<li>Col1</li>
<li>Col2</li>
<li>Col3</li>
<li>Col4</li>
<li>Col5</li>
<li>Col6</li>
<li>Col7</li>
</ul></li></ul></div>
<div><ul><li>Tabelle2<ul>
<li>Col1</li>
<li>Col2</li>
<li>Col3</li>
<li>Col4</li>
<li>Col5</li>
<li>Col6</li>
<li>Col7</li>
<li>Col8</li>
<li>Col9</li>
<li>Col10</li>
<li>Col11</li>
</ul></li></ul></div>
<div><ul><li>Tabelle3<ul>
<li>Col1</li>
<li>Col2</li>
<li>Col3</li>
<li>Col4</li>
<li>Col5</li>
</ul></li></ul></div>
</body>
</html>