Aufgabe 1
This commit is contained in:
BIN
M1/beispiele/img.png
Normal file
BIN
M1/beispiele/img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
9
M1/beispiele/m1_ersteSeite.html
Normal file
9
M1/beispiele/m1_ersteSeite.html
Normal file
@@ -0,0 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Werbeseite</title>
|
||||
</head>
|
||||
<body>
|
||||
Inhalt der Werbeseite für die E-Mensa
|
||||
</body>
|
||||
</html>
|
||||
74
M1/css_table.html
Normal file
74
M1/css_table.html
Normal file
@@ -0,0 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Übung</title>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="elektro zeile">
|
||||
<h1 id="elektro">Wofür steht das E in E-Mensa?</h1>
|
||||
<p>Am besten zeigt man das in einer <a href="#etabelle">Tabelle</a>.</p>
|
||||
<table id="etabelle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Bedeutung</th>
|
||||
<th>Philosophie</th>
|
||||
<th>Beispiele</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Elektro</td>
|
||||
<td>Alles geht elektronisch</td>
|
||||
<td>
|
||||
<ol>
|
||||
<li class="pflicht">Bestellung digital</li>
|
||||
<li class="pflicht">Bezahlen digital</li>
|
||||
<li>Essen digital</li>
|
||||
<li>Spülen digital</li>
|
||||
</ol>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Extravagant</td>
|
||||
<td>Es gibt auch Ausgefallenes</td>
|
||||
<td><p>Wir sind die einzige Mensa weit und breit mit </p>
|
||||
<ol>
|
||||
<li class="pflicht">Vanillesauerkraut</li>
|
||||
<li class="pflicht">Bohnensenfbrot</li>
|
||||
<li>Habaneroeiscreme</li>
|
||||
<li>Bananengulasch</li>
|
||||
</ol>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Effizient</td>
|
||||
<td>Schnell, lecker und qualitativ</td>
|
||||
<td>
|
||||
<ol>
|
||||
<li class="pflicht">Frisch für Sie zubereitet, wann Sie es wollen</li>
|
||||
<li class="pflicht">Die Zutaten sind nachverfolgbar und immer tiefgekühlt</li>
|
||||
<li>Wir haben auch Samstags geöffnet. Sie sehen, wie effizient wir sind.</li>
|
||||
</ol>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p class="center">Da geht natürlich noch viel mehr, siehe nur <abbr title="Extra">E</abbr>.<br>Die Tabelle ist
|
||||
aber schon ganz schön imposant so oder?</p>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<ul>
|
||||
<li>(c) DBWT</li>
|
||||
<li>Hilfe</li>
|
||||
<li>Datenschutz</li>
|
||||
<li>Impressum</li>
|
||||
</ul>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,10 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Title</title>
|
||||
</head>
|
||||
<body>
|
||||
Hello World
|
||||
</body>
|
||||
</html>
|
||||
BIN
M1/logo-FH.png
Normal file
BIN
M1/logo-FH.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Reference in New Issue
Block a user