Compare commits

...

3 Commits

32 changed files with 405 additions and 19 deletions

View File

Before

Width:  |  Height:  |  Size: 878 KiB

After

Width:  |  Height:  |  Size: 878 KiB

View File

Before

Width:  |  Height:  |  Size: 819 KiB

After

Width:  |  Height:  |  Size: 819 KiB

View File

@ -2,9 +2,10 @@
<html lang="de">
<head>
<meta charset="UTF-8">
<title>HTML Stoff Inhalte:</title>
<title>WEB Inhalte Auszug</title>
</head>
<body>
<h1>Übersicht:</h1>
<ul>
<li>HTML lernen</li>
<ul>

View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Rezept für Muffins</title>
</head>
<body>
<h1>Muffins backen</h1>
<ol type="I", start="4", reversed>
<li>Backofen auf 180°C vorheizen</li>
<li>Teig vorbereiten (Mehl, Zucker, Eier etc. verrühren)</li>
<li>Teig in Förmchen füllen</li>
<li>Muffins 20 Minuten backen</li>
<li>Abkühlen lassen und servieren</li>
</ol>
</body>
</html>

View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Stundenplan</title>
</head>
<body>
<h1>Beispiel Stundenplan:</h1>
<table>
<caption>Stundenplan - 8. Schuljahr</caption>
<thead>
<tr>
<th scope="col">Zeit</th>
<th scope="col">Montag</th>
<th scope="col">Dienstag</th>
<th scope="col">Mittwoch</th>
<th scope="col">Donnerstag</th>
<th scope="col">Freitag</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="5">Stand: Juli 2025</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>08-10 Uhr</td>
<td>Mathe</td>
<td>Englisch</td>
<td>Physik</td>
<td>Chemie</td>
<td>Sport</td>
</tr>
<tr>
<td>10-12 Uhr</td>
<td>Deutsch</td>
<td>Biologie</td>
<td>Musik</td>
<td>Mathe</td>
<td>Kunst</td>
</tr>
</tbody>
</table>
</body>
</html>

View File

@ -1,11 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Artikelseite</title>
</head>
<body>
<h1>Artikel & Tipp der Woche</h1>
<header>
<h2>Übersicht:</h2>
<nav>
@ -18,6 +19,7 @@
<main id="Hauptinhalt">
<h2> Artikel und Weiteres:</h2>
<section>
<article id="Technik">
<h3>HTML</h3>
@ -34,6 +36,7 @@
<h3>Tipp der Woche</h3>
<p>Hier komt bald der "Tipp der Woche" für Sie!</p>
</section>
</main>
<footer id="Footer">

Binary file not shown.

After

Width:  |  Height:  |  Size: 183 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 261 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 254 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 326 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 337 KiB

View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Lasagne</title>
<base href="../"/>
</head>
<body>
<h1>Rezept für Lasagne:</h1>
<img src="Bilder/lasagne.jpg" alt="Ein Stück Lasagne" title="Lasagne" width="200px">
<h2>Personen:</h2>
<p>Für x Personen</p>
<h2>Material:</h2>
<p>Hier sollte benötiges Küchenmaterial stehen, damit das Rezept auch gelingt.</p>
<h2>Zeiten:</h2>
<p>Hier kommen die Zubereitungszeiten hin.</p>
<h2>Zutaten:</h2>
<p>
Hier ist die 1. Zutat<br>
Und hier die 2.
</p>
<h2>Zubereitung:</h2>
<p>Hier sollte eine Anleitung stehen</p>
<h3>Vorbereitung:</h3>
<p>Und hier ggf. Vorbereitungen, die getroffen werden müssten</p>
<footer>
<a href="https://pixabay.com/de/photos/hintergrund-gebacken-basilikum-k%c3%a4se-8266544/">Bildquelle</a>
</footer>
</body>
</html>

View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Salat</title>
<base href="../"/>
</head>
<body>
<h1>Rezept für Salat:</h1>
<img src="Bilder/salat.jpg" alt="Ein Salat" title="Salat" width="200px">
<h2>Personen:</h2>
<p>Für x Personen</p>
<h2>Material:</h2>
<p>Hier sollte benötiges Küchenmaterial stehen, damit das Rezept auch gelingt.</p>
<h2>Zeiten:</h2>
<p>Hier kommen die Zubereitungszeiten hin.</p>
<h2>Zutaten:</h2>
<p>
Hier ist die 1. Zutat<br>
Und hier die 2.
</p>
<h2>Zubereitung:</h2>
<p>Hier sollte eine Anleitung stehen</p>
<h3>Vorbereitung:</h3>
<p>Und hier ggf. Vorbereitungen, die getroffen werden müssten</p>
<footer>
<a href="https://pixabay.com/de/photos/salat-h%c3%bcttenk%c3%a4se-gebackenes-brot-3990416">Bildquelle</a>
</footer>
</body>
</html>

View File

@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Souffle</title>
<base href="../"/>
</head>
<body>
<h1>Rezept für Souffle:</h1>
<img src="Bilder/souffle.jpg" alt="Ein Souffle" title="Souffle" width="200px">
<h2>Personen:</h2>
<p>Für 4-5 Personen</p>
<h2>Material:</h2>
<p>
Küchenrührmaschine mit großer Metallschüssel (andernfalls Handmixer mit Metallschüssel)<br>
1 große Metallschüssel <br>
1 Gummischaber <br>
feuerfestes Thermometer <br>
4-5 feuerfeste Schälchen <br>
Schnee Besen <br>
Kochtopf für ein Wasserbad
</p>
<h2>Zeiten:</h2>
<p>
Zubereitungszeit: ca 30 min <br>
Backzeit ca 16 min bei 190°C Ober-Unter Hitze (bis Kerntemperatur ca 95°C)
</p>
<h2>Zutaten:</h2>
<p>
9 Eiweiss (ca 300g)<br>
120g Zucker <br>
150g Schokolade 70% <br>
Etwas Butter zum Einfetten <br>
Etwas Zucker zum Auskleiden der Schälchen
</p>
<h2>Zubereitung:</h2>
<h3>Vorbereitung:</h3>
<p>
Schälchen mit Butter einfetten und mit Zucker auskleiden.<br> <br>
Den Ofen auf 190°C Ober-Unter Hitze vorheizen.
</p>
<br>
<p>
1. Schokolade auf dem Wasserbad in der NICHT Rührschüssel schmelzen und herunternehmen. <br> <br>
2. Eiweiss und Zucker in die andere Rührschüssel geben und auf dem Wasserbad unter <br>
konstantem Handschlagen mit dem Schnee Besen auf ca 54,5°C bringen. <br> <br>
3. Ei Mischung mit dem Handmixer aufschlagen. Darauf achten diesen NICHT ZU ÜBERSCHLAGEN. <br> <br>
Ab diesem Punkt nun zügig Arbeiten: <br> <br>
4. 50% des Eischnees in die Schüssel mit der geschmolzenen Schokolade geben <br>
und mit dem Gummischaber vorsichtig unterheben. <br><br>
DER EISCHNEE VERLIERT STARK AN VOLUMEN! <br><br>
5. Danach den Rest des Eischnees hinzugeben und vorsichtig zu einer gleichmäßigen Masse unterheben. <br> <br>
6. Fertige Masse in die vorbereiteten Schälchen füllen, diese ein paar mal kräftig auf die Küchenarbeitsplatte klopfen <br>
und auf einem Backblech auf mittlerer Schiene bei 190°C ca. 16 min backen (Kerntemperatur ca 95°C). <br> <br>
BACKOFEN WÄHREND DES BACKENS NICHT ÖFFNEN! <br> <br>
7. Souffles herausnehmen und direkt im Schälchen servieren!
</p>
<footer>
<a href="https://youtu.be/rU5u9UzZnEU?t=93">Original Rezept</a> <br>
<a href="https://pixabay.com/de/photos/souffle-s%c3%bc%c3%9f-schokolade-goodies-412784/">Bildquelle</a>
</footer>
</body>
</html>

View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Steak</title>
<base href="../"/>
</head>
<body>
<h1>Rezept für Steak:</h1>
<img src="Bilder/steak.jpg" alt="Ein Steak" title="Steak" width="200px">
<h2>Personen:</h2>
<p>Für 1 Person</p>
<h2>Material:</h2>
<p>
hocherhitzbare (eisen) Pfanne <br>
ggf. Thermometer <br>
Küchenpapier
</p>
<h2>Zeiten:</h2>
<p>Zubereitungszeit ca. 20 min</p>
<h2>Zutaten:</h2>
<p>
Steak<br>
grobes Salz
ggf. etwas Butter(schmalz)
</p>
<h2>Zubereitung:</h2>
<p>
1. Steak mit Küchenpapier auf allen Seiten gut abtrocken und kräftig Salzen und andrücken. <br> <br>
2. Pfanne hoch erhitzen. Bei magerem Fleisch etwas Butter(schmalz) in die Pfanne geben.<br><br>
3. Steak auf eine Seite der Pfanne legen und dieses nicht bewegen. Beim Wenden auf die andere <br>
Seite der Pfanne legen. Mit dem Thermometer Kerntemperatur prüfen und bis zum gewünschten Gar-Grad fertig braten.<br><br>
4. Steak ca. 5 min ruhen lassen, nach belieben würzen und servieren.
</p>
<footer>
<a href="https://pixabay.com/de/photos/steak-grillen-fleisch-lebensmittel-7423231/">Bildquelle</a>
</footer>
</body>
</html>

View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Sushi</title>
<base href="../"/>
</head>
<body>
<h1>Rezept für Sushi:</h1>
<img src="Bilder/sushi.jpg" alt="Ein paar Sushi" title="Sushi" width="200px">
<h2>Personen:</h2>
<p>Für x Personen</p>
<h2>Material:</h2>
<p>Hier sollte benötiges Küchenmaterial stehen, damit das Rezept auch gelingt.</p>
<h2>Zeiten:</h2>
<p>Hier kommen die Zubereitungszeiten hin.</p>
<h2>Zutaten:</h2>
<p>
Hier ist die 1. Zutat<br>
Und hier die 2.
</p>
<h2>Zubereitung:</h2>
<p>Hier sollte eine Anleitung stehen</p>
<h3>Vorbereitung:</h3>
<p>Und hier ggf. Vorbereitungen, die getroffen werden müssten</p>
<footer>
<a href="https://pixabay.com/de/illustrations/ai-generiert-sushi-lachs-sushi-9137121/">Bildquelle</a>
</footer>
</body>
</html>

View File

@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Rezept Übersicht</title>
<base href="./"/>
</head>
<body>
<header>
<nav>
<a href="Rezepte/Lasagne.html">Lasagne</a>
<a href="Rezepte/Salat.html">Salat</a>
<a href="Rezepte/Souffle.html">Souffle</a>
<br>
<a href="Rezepte/Steak.html">Steak</a>
<a href="Rezepte/Sushi.html">Sushi</a>
</nav>
</header>
<table>
<thead>
<th>Name</th>
<th>Beispielbild</th>
<th>Zeitaufwand</th>
<th>Portionsgroesse</th>
</thead>
<tbody>
<tr>
<td><a href="Rezepte/Lasagne.html">Lasagne</a></td>
<td>
<a href="Rezepte/Lasagne.html">
<img src="Bilder/lasagne.jpg" alt="Eine Lasagne" title="Lasagne" width="200px">
</a>
</td>
<td>180-240 Minuten</td>
<td>6-7 Personen</td>
</tr>
<tr>
<td><a href="Rezepte/Salat.html">Salat</a></td>
<td>
<a href="Rezepte/Salat.html">
<img src="Bilder/salat.jpg" alt="Ein Salat" title="Salat" width="200px">
</a>
</td>
<td>15 Minuten</td>
<td>1 Person</td>
</tr>
<tr>
<td><a href="Rezepte/Souffle.html">Souffle</a></td>
<td>
<a href="Rezepte/Souffle.html">
<img src="Bilder/souffle.jpg" alt="Ein Souffle" title="Souffle" width="200px">
</a>
</td>
<td>45 Minuten</td>
<td>4-5 Personen</td>
</tr>
<tr>
<td><a href="Rezepte/Steak.html">Steak</a></td>
<td>
<a href="Rezepte/Steak.html">
<img src="Bilder/steak.jpg" alt="Ein Steak" title="Steak" width="200px">
</a>
</td>
<td>20 Minuten</td>
<td>1-2 Personen</td>
</tr>
<tr>
<td><a href="Rezepte/Sushi.html">Sushi</a></td>
<td>
<a href="Rezepte/Sushi.html">
<img src="Bilder/sushi.jpg" alt="Ein paar Sushi" title="Sushi" width="200px">
</a>
</td>
<td>120-180 Minuten</td>
<td>2-3 Personen</td>
</tr>
</tbody>
</table>
<footer>
<a href="mailto:3024383@stud.hs-mannheim.de">Kontakt</a>
<br>
Oliver Stolle 3024383
</footer>
</body>
</html>

View File

@ -1,17 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Rezept für Muffins</title>
</head>
<body>
<h1>Muffins backen</h1>
<ol type="I", start=4, reversed>
<li>Backofen auf 180°C vorheizen</li>
<li>Teig vorbereiten (Mehl, Zucker, Eier etc. verrühren)</li>
<li>Teig in Förmchen füllen</li>
<li>Muffins 20 Minuten backen</li>
<li>Abkühlen lassen und servieren</li>
</ol>
</body>
</html>