Skip to content
Snippets Groups Projects
Seite1.html 1.59 KiB
Newer Older
<!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>