Repo erstellt

webseiten_dev/wse.html

@@ -0,0 +1,182 @@
+<style>
+h1 {
+    color: red;
+    text-align: center;
+} 
+font-face {}
+.myheading {
+    color: goldenrod;
+    text-align: left;
+}
+.mychart{
+    color:aqua;
+    text-align: end;
+}
+.mytext{
+    color: aqua;
+}
+.mylist{
+    color: aqua;
+    text-align: center;
+}
+html{
+    height: 100%;
+}
+body{
+    height: 100%;
+    background-image: linear-gradient(to right,  rgba(61, 142, 223, 0.411), rgba(141, 58, 219, 0.445)), url("Pin\ on\ Guardado\ rápido.jpg");
+    background-size: cover;
+    background-attachment: fixed;
+}
+.button {
+  border: none;
+  color: white;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  cursor: pointer;
+}
+
+.button1 {background-color: #04AA6D;} /* Green */
+.button2 {background-color: #008CBA;} /* Blue */
+</style>
+
+
+<button class="button button1">Green</button>
+<button  class="button button2"><a href="Screenshot 2024-01-15 105310.jpg">Image</a></button>
+
+
+
+
+
+
+<h1>
+Willkomen auf Wrbos kleiner, selstgestalter Webseite!
+</h1>
+
+<h1 class="myheading">Christian Webseite    <p align="center"> Ich mag auch Yoghurt</p></h1>
+
+<h1 class="myheading">Übungsseite</h1>
+
+<br/>
+
+<h2 class="myheading">Das ist eine erste Testwebseite.</h2>
+
+<div class="mytext">
+    <p align="center">
+        Das ist unsere <b><i>erste Webseite</i></b>, mit der wir uns überlegen wollen, was wir heute lernen.
+    </p>
+
+    <p align="center">
+        Anschließend machen wir eine kleine Todo-Liste.
+    </p>
+</div>
+
+<h3 class="mylist">ToDo:</h3>
+
+<ol class="mylist">
+    <li class="mylist">HTML Elemente lernen</li>
+    <li class="mylist">HTML Elemente auf unserer Testwebseite einbauen</li>
+    <li class="mylist">Formatierung mit CSS herstellen</li>
+    <li class="mylist">Mittels JavaScript einen Taschenrechner bauen</li>
+</ol>
+<br><br><br>
+<p align="center">
+<img src="logo_wse.png" />
+</p>
+<br/><br/><br/>
+<h1 class="myheading"> <p align="center"><b><i>Wie wird denn nun das Wetter für heute und morgen?</i></b></p></h1>
+<p align="center">
+    <ol class="myheading">
+<li class="myheading"> <p align="center"> Die Wetterdaten beruhen auf den Vorhersagen von unserem Wetterhahn Benjamin Blümchen.</p></li>
+<ul class="myheading"> 
+    <li class="myheading"> <p align="center">Dabei wurde er von seinen Freunden Otto und Gulliver unterstützt.</p></li>
+</ul>
+</ol>
+</p>
+
+<br><br><br>
+
+<table border="3" bgcolor="blue" width="100%" height="10%" class="mychart">
+    <tr>
+        <td align="center">
+            <b>Tag</b>
+        </td>
+        <td align="center">
+            <b>Temperatur</b>
+        </td>
+        <td align="center">
+           <b> Wetter</b>
+        </td>
+    </tr>
+    <tr>
+        <td align="center">
+            Montag
+        </td>
+        <td align="center">
+            0°C
+        </td>
+        <td align="center">
+            bew&ouml;lkt
+        </td>
+    </tr>
+    <tr >
+        <td align="center">
+            Dienstag
+        </td>
+        <td align="center">
+            2°C
+        </td>
+        <td align="center">
+            heiter
+        </td>
+    </tr>
+</table>
+<br><br><br><br><br>
+<h1 class="myheading"> <b><i>Für die folgenden zwei Tage wird das Wetter wie folgt:</i></b></h1>
+<table border="3" bgcolor="blue" width="100%" height="10%" class="mychart">
+    <tr>
+        <td align="center">
+          <b>Tag</b>
+        </td>
+        <td align="center">
+            <b>Temperatur</b>
+        </td>
+        <td align="center">
+            <b>Wetter</b>
+        </td>
+    </tr>
+    <tr>
+        <td  align="center">
+            Mittwoch
+        </td>
+        <td align="center">
+            -3°C
+        </td>
+        <td align="center">
+            ungem&uuml;lich
+        </td>
+    </tr>
+    <tr>
+        <td align="center">
+            Donnerstag
+        </td>
+        <td align="center">
+            -1°C
+        </td>
+        <td align="center">
+            windig
+        </td>
+    </tr>
+</table>
+
+
+<br><br><br>
+
+    <h2 class="myheading"> Den Verantwortlichen für das Chaos dieser Webseite, sowie ein random Dokument, finden Sie hier unten.</h2>
+<a class="mytext" href="Zusammenfassung ausgefahren.docx"> Hier Zusammenfassung öffnen</a>
+<br><br>
+<a class="mytext" href="mailto:ch.wrba@wrba.ch">Email an Christian</a>