Benutzer:Patrick Oberdoerfer/Bautechnik/Lernfeld NULL: Unterschied zwischen den Versionen

Aus ZUM Projektwiki
(Test)
Markierung: 2017-Quelltext-Bearbeitung
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Zeile 1: Zeile 1:
Test Tabelle
Test Tabelle


<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    /* Tabellenstil */
    table {
      width: 100%;
      border-collapse: collapse;
    }


    th, td {
      border: 1px solid #ddd;
      text-align: center;
      padding: 8px;
    }


    th {
      background-color: #f4f4f4;
    }
    /* Bilder skalieren */
    img {
      max-width: 100%;
      height: auto;
      display: block;
    }
    /* Responsivität */
    @media screen and (max-width: 768px) {
      table, th, td {
        display: block;
        width: 100%;
      }
      th, td {
        text-align: left;
        padding: 10px;
      }
    }
  </style>
</head>
<body>
<table>
  <thead>
    <tr>
      <th>Spalte 1</th>
      <th>Spalte 2</th>
      <th>Spalte 3</th>
      <th>Spalte 4</th>
      <th>Spalte 5</th>
    </tr>
  </thead>
  <tbody>
     <!-- Beispielzellen mit Bildplatzhaltern -->
     <!-- Beispielzellen mit Bildplatzhaltern -->
     <tr>
     <tr>

Version vom 23. Dezember 2024, 08:44 Uhr

Test Tabelle


20150226 U-Bahn-Moosach Wasserschaden01

<img src="https://via.placeholder.com/100" alt="Bild 2"> <img src="https://via.placeholder.com/100" alt="Bild 3"> <img src="https://via.placeholder.com/100" alt="Bild 4"> <img src="https://via.placeholder.com/100" alt="Bild 5"> <img src="https://via.placeholder.com/100" alt="Bild 6"> <img src="https://via.placeholder.com/100" alt="Bild 7"> <img src="https://via.placeholder.com/100" alt="Bild 8"> <img src="https://via.placeholder.com/100" alt="Bild 9"> <img src="https://via.placeholder.com/100" alt="Bild 10"> <img src="https://via.placeholder.com/100" alt="Bild 11"> <img src="https://via.placeholder.com/100" alt="Bild 12"> <img src="https://via.placeholder.com/100" alt="Bild 13"> <img src="https://via.placeholder.com/100" alt="Bild 14"> <img src="https://via.placeholder.com/100" alt="Bild 15"> <img src="https://via.placeholder.com/100" alt="Bild 16"> <img src="https://via.placeholder.com/100" alt="Bild 17"> <img src="https://via.placeholder.com/100" alt="Bild 18"> <img src="https://via.placeholder.com/100" alt="Bild 19"> <img src="https://via.placeholder.com/100" alt="Bild 20"> <img src="https://via.placeholder.com/100" alt="Bild 21"> <img src="https://via.placeholder.com/100" alt="Bild 22"> <img src="https://via.placeholder.com/100" alt="Bild 23"> <img src="https://via.placeholder.com/100" alt="Bild 24"> <img src="https://via.placeholder.com/100" alt="Bild 25"> </tbody>

</body> </html>