commit | author | age
|
8077b8
|
1 |
<!DOCTYPE html> |
U |
2 |
<!-- |
|
3 |
Baum-Demo |
|
4 |
von Ulrich Hilger, https://uhilger.de |
|
5 |
8. Juli 2021 |
|
6 |
--> |
|
7 |
<html> |
|
8 |
<head> |
ced8dc
|
9 |
<title>Baum-Demo statisch</title> |
8077b8
|
10 |
<meta charset="UTF-8"> |
U |
11 |
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalabe=no"> |
|
12 |
<meta name="apple-mobile-web-app-capable" content="yes" /> |
|
13 |
<link rel="stylesheet" type="text/css" href="stile.css"> |
|
14 |
</head> |
|
15 |
<body> |
|
16 |
<div> |
ced8dc
|
17 |
<h4>Baum-Demo (statisch)</h4> |
8077b8
|
18 |
</div> |
U |
19 |
|
|
20 |
<p> |
ced8dc
|
21 |
Demo zum Artikel <a href="/data/doc/2021/07/web-botanik.adoc">Web-Botanik: Hierarchische Daten als Baum darstellen</a>. |
8077b8
|
22 |
</p> |
U |
23 |
|
|
24 |
<div class="baum"> |
|
25 |
<div class="baum-elem"> |
|
26 |
<i class="icon-folder-open"></i> |
|
27 |
1: Knoten |
|
28 |
<div class="baum-elem"> |
|
29 |
<i class="icon-folder-open"></i> |
|
30 |
1.1: Knoten |
|
31 |
<div class="baum-elem"> |
|
32 |
<i class="icon-doc-inv"></i> |
|
33 |
1.1.1: Blatt |
|
34 |
</div> |
|
35 |
</div> |
|
36 |
<div class="baum-elem"> |
|
37 |
<i class="icon-doc-inv"></i> |
|
38 |
1.2: Blatt |
|
39 |
</div> |
|
40 |
<div class="baum-elem"> |
|
41 |
<i class="icon-doc-inv"></i> |
|
42 |
1.3: Blatt |
|
43 |
</div> |
|
44 |
<div class="baum-elem" data1="irgendwas" data2="nochwas"> |
|
45 |
<i class="icon-folder"></i> |
|
46 |
1.4: Knoten |
|
47 |
</div> |
|
48 |
</div> |
|
49 |
<div class="baum-elem"> |
|
50 |
<i class="icon-doc-inv"></i> |
|
51 |
2: Blatt |
|
52 |
</div> |
|
53 |
</div> |
|
54 |
</body> |
|
55 |
</html> |