<!DOCTYPE html>
<html>
<head>
<title> Seite1 </title>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<h1>Liste der ausgeliehen Buecher </h1>
<div>
<button type="button">New</button>
</div>
<table style="width:100%">
<tr>
<th>Name des Buches</th>
<th>Ausgeliehen von</th>
<th>Ablaufdatum</th>
<th>Modify/Delete</th>
</tr>
<tr>
<td>Buch 1</td>
<td>Name Nachname</td>
<td>31.3.2022</td>
<td><button type="button">Modify</button><button type="button">Delate</button></td>
</tr>
<tr>
<td>Buch 2</td>
<td>Name Nachname</td>
<td>31.12.2021</td>
<td><button type="button">Modify</button><button type="button">Delate</button></td>
</tr>
<tr>
<td>Buch 3</td>
<td>Name Nachname</td>
<td>14.12.2021</td>
<td><button type="button">Modify</button><button type="button">Delate</button></td>
</tr>
</table>
</body>
</html>