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

Aus ZUM Projektwiki
(Tabelle eingefügt)
Markierung: 2017-Quelltext-Bearbeitung
 
(Test)
Markierung: 2017-Quelltext-Bearbeitung
Zeile 58: Zeile 58:
     <!-- Beispielzellen mit Bildplatzhaltern -->
     <!-- Beispielzellen mit Bildplatzhaltern -->
     <tr>
     <tr>
       <td><img src="https://via.placeholder.com/100" alt="Bild 1"></td>
       <td>[[File:20150226 U-Bahn-Moosach Wasserschaden01.jpg|thumb|20150226 U-Bahn-Moosach Wasserschaden01]]</td>
       <td><img src="https://via.placeholder.com/100" alt="Bild 2"></td>
       <td><img src="https://via.placeholder.com/100" alt="Bild 2"></td>
       <td><img src="https://via.placeholder.com/100" alt="Bild 3"></td>
       <td><img src="https://via.placeholder.com/100" alt="Bild 3"></td>

Version vom 23. Dezember 2024, 08:42 Uhr

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>

<thead> </thead> <tbody> </tbody>
Spalte 1 Spalte 2 Spalte 3 Spalte 4 Spalte 5
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">

</body> </html>