<!DOCTYPE html>
|
<!--
|
Baum-Demo
|
von Ulrich Hilger, https://uhilger.de
|
8. Juli 2021
|
-->
|
<html>
|
<head>
|
<title>Baum-Demo statisch</title>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalabe=no">
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
<link rel="stylesheet" type="text/css" href="stile.css">
|
</head>
|
<body>
|
<div>
|
<h4>Baum-Demo (statisch)</h4>
|
</div>
|
|
<p>
|
Demo zum Artikel <a href="/data/doc/2021/07/web-botanik.adoc">Web-Botanik: Hierarchische Daten als Baum darstellen</a>.
|
</p>
|
|
<div class="baum">
|
<div class="baum-elem">
|
<i class="icon-folder-open"></i>
|
1: Knoten
|
<div class="baum-elem">
|
<i class="icon-folder-open"></i>
|
1.1: Knoten
|
<div class="baum-elem">
|
<i class="icon-doc-inv"></i>
|
1.1.1: Blatt
|
</div>
|
</div>
|
<div class="baum-elem">
|
<i class="icon-doc-inv"></i>
|
1.2: Blatt
|
</div>
|
<div class="baum-elem">
|
<i class="icon-doc-inv"></i>
|
1.3: Blatt
|
</div>
|
<div class="baum-elem" data1="irgendwas" data2="nochwas">
|
<i class="icon-folder"></i>
|
1.4: Knoten
|
</div>
|
</div>
|
<div class="baum-elem">
|
<i class="icon-doc-inv"></i>
|
2: Blatt
|
</div>
|
</div>
|
</body>
|
</html>
|
