84 lines
No EOL
2.8 KiB
HTML
84 lines
No EOL
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Katalog</title>
|
|
<link rel="stylesheet" type="text/css" href="scss/Style.css" media="screen" />
|
|
</head>
|
|
<body>
|
|
<div class="Titel">
|
|
<h1>Katalog</h1>
|
|
</div>
|
|
|
|
<div class="Eingabe">
|
|
<h2>Eingabe</h2>
|
|
<textarea name="Titel" id="text" placeholder="Titel"></textarea>
|
|
<textarea name="Author" id="text" placeholder="Author"></textarea>
|
|
<textarea name="Country" id="text" placeholder="Country"></textarea>
|
|
<textarea name="Linnk" id="text" placeholder="Link"></textarea>
|
|
<textarea name="Language" id="text" placeholder="Language"></textarea>
|
|
<textarea name="Pages" id="text" placeholder="Pages"></textarea>
|
|
<textarea name="Year" id="text" placeholder="Year"></textarea>
|
|
<textarea name="Category" id="text" placeholder="Category"></textarea>
|
|
<textarea name="ImageLink" id="text" placeholder="ImageLink"></textarea>
|
|
<textarea name="LendTime" id="text" placeholder="LendTime"></textarea>
|
|
<textarea name="LendType" id="text" placeholder="LendType"></textarea>
|
|
|
|
<button id="go">Go</button>
|
|
</div>
|
|
<div class="Ausgabe">
|
|
<h2>Ausgabe</h2>
|
|
<table>
|
|
<tr>
|
|
<td class ="fix">ProductId</td>
|
|
<td>1</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Titel</td>
|
|
<td>Die Bibel 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Author</td>
|
|
<td>Mr. IchBinEinAuthor</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Contry</td>
|
|
<td>Atlantis</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Link</td>
|
|
<td>lmgtfy.de</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Language</td>
|
|
<td>latein</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Pages</td>
|
|
<td>42</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Year</td>
|
|
<td>2021</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Category</td>
|
|
<td>Dies ist ein Beispiel für einen viiiiiiiiiiiiiiiiieeeeeeeeeeeeeeeellllllllllllllllllll zzzzzuuuuuuuuu llllllllllllaaaaaaaaannnnnnnnnnggeeeeeeeennnnnnn TTTTTTeeeeeeeeeeeeeeexxxxxxxxxxxxt</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">ImageLink</td>
|
|
<td>DiesIstEinBild.png</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">LendTime</td>
|
|
<td>30</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">LendType</td>
|
|
<td>Buch</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html> |