Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
119 lines (115 loc) · 4.54 KB
/
Copy pathindex.html
File metadata and controls
119 lines (115 loc) · 4.54 KB
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebTutorial - Part1</title>
<link rel="stylesheet" href="style.css">
<script src="myScript.js" defer></script>
</head>
<body>
<h1 id="heading" onclick="clickHeading()">Überschrift 1</h1>
<div id="general">
<div>
<h2>heading 2</h2>
</div>
<div>
<h3>heading<span> 3</span></h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>
</div>
<div>
<span>test</span>
</div>
<div class="class-bg">
<ol>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ol>
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
</div>
<div id="link-info">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML">Mozilla Web-Doku</a>
</div>
<div>
<a href="https://www.hartlauer.at">
<img style="height: 75px; width: auto;" src="./images/logo-hartlauer.png" alt="Hartlauer Logo">
</a>
</div>
<div>
<button id="myF1">My Button</button>
</div>
<div>
<table id="hero-table">
<thead>
<th>Verlag</th>
<th>Pseudonym</th>
<th>Vorname</th>
<th>Nachname</th>
</thead>
<tbody>
<tr>
<td>DC Comics</td>
<td>Batman</td>
<td>Bruce</td>
<td>Wayne</td>
</tr>
<tr>
<td>DC Comics</td>
<td>Wonder Woman</td>
<td>Diana</td>
<td>Prince</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="general2">
<div id="layout-grid">
<div id="grid-con-1" class="grid-class">1</div>
<div id="grid-con-2" class="grid-class">2</div>
<div id="grid-con-3" class="grid-class">3</div>
<div id="grid-con-4" class="grid-class">4</div>
<div id="grid-con-5" class="grid-class">5</div>
<div id="grid-con-6" class="grid-class">6</div>
<div id="grid-con-7" class="grid-class">7</div>
<div id="grid-con-8" class="grid-class">8</div>
<div id="grid-con-9" class="grid-class">9</div>
<div id="grid-con-10" class="grid-class">10</div>
<div id="grid-con-11" class="grid-class">11</div>
<div id="grid-con-12" class="grid-class">12</div>
<div id="grid-con-13" class="grid-class">13</div>
<div id="grid-con-14" class="grid-class">14</div>
<div id="grid-con-15" class="grid-class">15</div>
</div>
<div id="layout-flex">
<div id="flex-con-1" class="flex-class">1</div>
<div id="flex-con-2" class="flex-class">2</div>
<div id="flex-con-3" class="flex-class">3</div>
<div id="flex-con-4" class="flex-class">4</div>
<div id="flex-con-5" class="flex-class">5</div>
<div id="flex-con-6" class="flex-class">6</div>
<div id="flex-con-7" class="flex-class">7</div>
<div id="flex-con-8" class="flex-class">8</div>
<div id="flex-con-9" class="flex-class">9</div>
<div id="flex-con-10" class="flex-class">10</div>
<div id="flex-con-11" class="flex-class">11</div>
<div id="flex-con-12" class="flex-class">12</div>
<div id="flex-con-13" class="flex-class">13</div>
<div id="flex-con-14" class="flex-class">14</div>
<div id="flex-con-15" class="flex-class">15</div>
</div>
</div>
</div>
</body>
</html>