-
Notifications
You must be signed in to change notification settings - Fork 15
/
composed-tree-links-inobject.html
60 lines (60 loc) · 2.27 KB
/
composed-tree-links-inobject.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html>
<head>
<title>composed-tree-links - SVG test file as object in HTML</title>
</head>
<body>
<h1>SVG as <code><object>in</code> HTML:</h1>
<p>The SVG image composed-tree-links included with an <code><object>in</code> element in an HTML document</p>
<p><object data="composed-tree-links.svg" width="654" height="606">
<p>The diagram <a href="composed-tree-links.svg">Composed-Tree.svg</a> shows a graphical tree, representing some nodes in an HTML document's object model.</p>
<p>The document root node - level 1 - is linked to two second level nodes:<p/>
<ul>
<li>Level 2, node 1, has two children
<ul>
<li>Level 3 node 1, a shadow host, with two children
<ul>
<li>Level 4, node 1, with two children
<ul>
<li>Level 5, node 1, with no children</li>
<li>Level 5, node 2, with no children</li>
</ul></li>
<li>Level 4, node 2, with two children
<ul>
<li>Level 5, node 3, with no children</li>
<li>Level 5, node 4, with no children</li>
</ul></li>
</ul></li>
<li>Level 3, node 2 with no children</li>
</ul></li>
<li>Level 2, node 2, has two children
<ul>
<li>Level 3, node 3 with no children</li>
<li>Level 3 node 4, a shadow host, with two children
<ul>
<li>Level 4, node 3, with two children
<ul>
<li>Level 5, node 5, a shadow host with two children
<ul>
<li>Level 6, node 1, with no children</li>
<li>Level 6, node 2, with no children</li>
</ul></li>
<li>Level 5, node 6, with no children</li>
</ul></li>
<li>Level 4, node 4, with two children
<ul>
<li>Level 5, node 7, with no children</li>
<li>Level 5, node 8, a shadow host with four children
<ul>
<li>Level 6, node 3, with no children</li>
<li>Level 6, node 4, with no children</li>
<li>Level 6, node 5, with no children</li>
<li>Level 6, node 6, with no children</li>
</ul></li>
</ul></li>
</ul></li>
</ul></li>
</ul>
<p>The root node is a blue circle labelled "document" in white, the rest are green, either labelled "shadow host" in white or unlabelled". The links to lower levels flow downwards, all the nodes at a given level are in a horizontal line.</p>
</object></p>
</body></html>