-
Notifications
You must be signed in to change notification settings - Fork 0
/
arduino.html
67 lines (67 loc) · 2.58 KB
/
arduino.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
61
62
63
64
65
66
67
<html>
<head>
<style>
/* CSS-Styles */
.container {
/* Definition des Container-Styles */
display: flex;
/* Container wird als flex-Element dargestellt */
justify-content: center;
/* Kinder des Containers werden mittig ausgerichtet */
align-items: center;
/* Kinder des Containers werden vertikal mittig ausgerichtet */
height: 100vh;
/* Höhe des Containers wird auf den vollen Bildschirm angepasst */
}
.button {
/* Definition des Button-Styles */
padding: 10px 20px;
/* Innenabstand des Buttons */
font-size: 18px;
/* Schriftgröße des Buttons */
border-radius: 5px;
/* Rundung des Buttons */
text-align: center;
/* Textausrichtung des Buttons */
margin: 0 10px;
/* Außenabstand des Buttons */
}
.button-left {
/* Definition des Styles für den linken Button */
background-color: red;
/* Hintergrundfarbe des Buttons */
color: white;
/* Schriftfarbe des Buttons */
float: left;
/* Button wird links ausgerichtet */
}
.button-center {
/* Definition des Styles für den mittleren Button */
background-color: gray;
/* Hintergrundfarbe des Buttons */
color: white;
/* Schriftfarbe des Buttons */
}
.button-right {
/* Definition des Styles für den rechten Button */
background-color: green;
/* Hintergrundfarbe des Buttons */
color: white;
/* Schriftfarbe des Buttons */
float: right;
/* Button wird rechts ausgerichtet */
}
</style>
</head>
<body>
<div class="container">
<!-- Container für die Buttons -->
<button class='button button-left' type='submit' onmousedown='location.href=\"/RH\"'>ON</button>
<!-- Erster Button mit linker Ausrichtung, "ON"-Beschriftung und einer Funktion beim Klick (Weiterleitung zu "/RH") -->
<button class='button button-center' type='submit' onmousedown='location.href=\"/RL\"'>OFF</button>
<!-- Zweiter Button mit mittiger Ausrichtung, "OFF"-Beschriftung und einer Funktion beim Klick (Weiterleitung zu "/RL") -->
<button class='button button-right' type='submit' onmousedown='location.href=\"/GH\"'>ON</button>
<!-- Dritter Button mit mittiger Ausrichtung, "ON"-Beschriftung und einer Funktion beim Klick (Weiterleitung zu "/GH") -->
</div>
</body>
</html>