forked from WEB-IMB-WS2526/lab-development-imb
02: Loesungen
parent
bd12f972c5
commit
9973b1348a
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Ungeordnete Liste</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Webentwicklung lernen</h1>
|
||||
<ul>
|
||||
<li>HTML lernen</li>
|
||||
<ul>
|
||||
<li>Tags</li>
|
||||
<li>Listen</li>
|
||||
<li>Formulare</li>
|
||||
</ul>
|
||||
<li>CSS entdecken</li>
|
||||
<li>Javascript üben</li>
|
||||
</ul>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Geordnete Liste</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>
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Stundenplan - Klasse 8a</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table>
|
||||
<caption>Stundenplan - 8. Schuljahr</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Zeit</th>
|
||||
<th>Montag</th>
|
||||
<th>Dienstag</th>
|
||||
<th>Mittwoch</th>
|
||||
<th>Donnerstag</th>
|
||||
<th>Freitag</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<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>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="6">Stand: Juli 2025</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Web-News</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>WebWeekly – Aktuelle Nachrichten aus der Webentwicklung</h1>
|
||||
<nav>
|
||||
<a href="haupt">Hauptinhalt</a> | <a href="#technik">Technik</a> | <a href="#design">Design</a> | <a
|
||||
href="#kontakt">Kontakt</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main id="haupt">
|
||||
<section>
|
||||
<h2>Neuigkeiten aus der Webwelt</h2>
|
||||
|
||||
<article id="technik">
|
||||
<h3>HTML</h3>
|
||||
<p>Das W3C hat erste Entwürfe für HTML6 veröffentlicht...</p>
|
||||
</article>
|
||||
|
||||
<article id="design">
|
||||
<h3>CSS</h3>
|
||||
<p>Immer mehr Entwickler setzen auf moderne CSS-Techniken...</p>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Tipp der Woche</h2>
|
||||
<p>Nutze <section> und <article>, um Inhalte logisch zu gliedern!</p>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer id="kontakt">
|
||||
<p>© 2025 WebWeekly Redaktion</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 17 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
|
|
@ -0,0 +1,81 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<base href="./">
|
||||
<title>Meine Lieblingsrezepte</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<a href="rezepte/rezept1.html">Spaghetti Bolognese</a> | <a href="rezepte/rezept2.html">Falafeln</a> | <a
|
||||
href="rezepte/rezept3.html">Kaiserschmarrn</a> | <a href="rezepte/rezept4.html">Flammkuchen</a> | <a
|
||||
href="rezepte/rezept5.html">Chicken Tikka Masala</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<h1>Lieblingsrezepte</h1>
|
||||
<table>
|
||||
<caption>Top 5 Rezepte</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Titel</th>
|
||||
<th scope="col">Bild</th>
|
||||
<th scope="col">Aufwand</th>
|
||||
<th scope="col">Portionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><a href="rezepte/rezept1.html">Spaghetti Bolognese</a></th>
|
||||
<td><a href="rezepte/rezept1.html"><img src="bilder/spaghettibolognese.jpg" alt="Spaghetti Bolognese"
|
||||
height="100" width="150"></a></td>
|
||||
<td>45 Min</td>
|
||||
<td>4</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><a href="rezepte/rezept2.html">Falafeln</a></th>
|
||||
<td><a href="rezepte/rezept2.html"><img src="bilder/falafeln.jpg" alt="Falafeln" height="100"
|
||||
width="150"></a></td>
|
||||
<td>30 Min</td>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><a href="rezepte/rezept3.html">Kaiserschmarrn</a></th>
|
||||
<td><a href="rezepte/rezept3.html"><img src="bilder/kaiserschmarrn.jpg" alt="Kaiserschmarrn" height="100"
|
||||
width="150"></a></td>
|
||||
<td>20 Min</td>
|
||||
<td>4</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><a href="rezepte/rezept4.html">Flammkuchen</a></th>
|
||||
<td><a href="rezepte/rezept4.html"><img src="bilder/flammkuchen.jpg" alt="Flammkuchen" height="100"
|
||||
width="150"></a></td>
|
||||
<td>25 Min</td>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><a href="rezepte/rezept5.html">Chicken Tikka Masala</a></th>
|
||||
<td><a href="rezepte/rezept5.html"><img src="bilder/chickentikkamasala.jpg" alt="Chicken Tikka Masala"
|
||||
height="100" width="150"></a></td>
|
||||
<td>60 Min</td>
|
||||
<td>6</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="4">Die besten Rezepte der Welt!</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<br>
|
||||
</main>
|
||||
<footer>
|
||||
Kontakt: <a href="mailto:t.steger@hs-mannheim.de">Teena Steger</a>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Spaghetti Bolognese</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Spaghetti Bolognese</h1>
|
||||
<h2>Zutaten:</h2>
|
||||
<ul>
|
||||
<li>250g Spaghetti</li>
|
||||
<li>300g Rinderhackfleisch</li>
|
||||
<li>1 Zwiebel</li>
|
||||
<li>2 Knoblauchzehen</li>
|
||||
<li>400g gehackte Tomaten (aus der Dose)</li>
|
||||
<li>2 EL Olivenöl</li>
|
||||
</ul>
|
||||
<h2>Zubereitung:</h2>
|
||||
<ol>
|
||||
<li>Spaghetti in Salzwasser al dente kochen.</li>
|
||||
<li>Zwiebeln und Knoblauch in Öl anbraten.</li>
|
||||
<li>Hackfleisch hinzufügen und krümelig braten.</li>
|
||||
<li>Tomaten und Gewürze dazugeben und köcheln lassen.</li>
|
||||
<li>Spaghetti mit der Sauce vermengen und servieren.</li>
|
||||
</ol>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Falafeln</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Falafeln</h1>
|
||||
<h2>Zutaten:</h2>
|
||||
<ul>
|
||||
<li>250g Kichererbsen</li>
|
||||
<li>1 Zwiebel</li>
|
||||
<li>2–3 Knoblauchzehen</li>
|
||||
<li>1 Bund Petersilie</li>
|
||||
<li>1 TL Kreuzkümmel</li>
|
||||
<li>1 TL Backpulver</li>
|
||||
</ul>
|
||||
|
||||
<h2>Zubereitung:</h2>
|
||||
<ol>
|
||||
<li>Eingeweichte Kichererbsen mit Zwiebel, Knoblauch und Kräutern pürieren.</li>
|
||||
<li>Gewürze, Mehl und Backpulver untermischen.</li>
|
||||
<li>Aus der Masse kleine Bällchen formen.</li>
|
||||
<li>Falafeln in heißem Öl goldbraun frittieren.</li>
|
||||
<li>Mit Dip oder im Fladenbrot servieren.</li>
|
||||
</ol>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Kaiserschmarrn</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Kaiserschmarrn</h1>
|
||||
<h2>Zutaten:</h2>
|
||||
<ul>
|
||||
<li>4 Eier</li>
|
||||
<li>250 ml Milch</li>
|
||||
<li>150 g Mehl</li>
|
||||
<li>2 EL Zucker</li>
|
||||
<li>Apfelmus oder Zwetschgenröster als Beilage</li>
|
||||
</ul>
|
||||
<h2>Zubereitung:</h2>
|
||||
<ol>
|
||||
<li>Eier trennen und Eiweiß steif schlagen.</li>
|
||||
<li>Eigelb mit Milch, Mehl und Zucker verrühren.</li>
|
||||
<li>Eischnee unterheben.</li>
|
||||
<li>Teig in Butter in der Pfanne goldbraun backen.</li>
|
||||
<li>Mit zwei Gabeln zerreißen, mit Puderzucker bestreuen und servieren.</li>
|
||||
</ol>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Flammkuchen</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Flammkuchen</h1>
|
||||
<h2>Zutaten:</h2>
|
||||
<ul>
|
||||
<li>200g Mehl</li>
|
||||
<li>100ml Wasser</li>
|
||||
<li>2 EL Öl</li>
|
||||
<li>100g Creme fraîche</li>
|
||||
<li>100g Speckwürfel</li>
|
||||
</ul>
|
||||
<h2>Zubereitung:</h2>
|
||||
<ol>
|
||||
<li>Mehl, Wasser, Öl und Salz zu einem glatten Teig verkneten.</li>
|
||||
<li>Teig dünn ausrollen und auf ein Backblech legen.</li>
|
||||
<li>Mit Crème fraîche bestreichen.</li>
|
||||
<li>Speckwürfel und fein geschnittene Zwiebeln darauf verteilen.</li>
|
||||
<li>Im vorgeheizten Ofen bei 220 °C ca. 12–15 Minuten backen.</li>
|
||||
</ol>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Chicken Tikka Masala</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Chicken Tikka Masala</h1>
|
||||
<h2>Zutaten:</h2>
|
||||
<ul>
|
||||
<li>300g Hähnchenbrustfilet</li>
|
||||
<li>150g Naturjoghurt</li>
|
||||
<li>2 TL Garam Masala</li>
|
||||
<li>1 TL Paprikapulver (edelsüß)</li>
|
||||
<li>1 Zwiebel</li>
|
||||
<li>200 ml passierte Tomaten</li>
|
||||
</ul>
|
||||
|
||||
<h2>Zubereitung:</h2>
|
||||
<ol>
|
||||
<li>Hähnchenstücke in Joghurt und Gewürzen marinieren.</li>
|
||||
<li>Fleisch in der Pfanne oder im Ofen garen.</li>
|
||||
<li>Zwiebeln und Gewürze in Öl anbraten.</li>
|
||||
<li>Passierte Tomaten und Sahne oder Joghurt hinzufügen.</li>
|
||||
<li>Hähnchen in die Sauce geben und kurz köcheln lassen.</li>
|
||||
</ol>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue