TODO/webseiten_dev/wse.html

<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>