Tampilan script

gampang golek duik   04.42   Comment  

 Scriptnya

<style>

.tabel-kata {

  width: 100%;

  border-collapse: collapse;

  font-family: Arial, sans-serif;

  margin: 20px 0;

}

.tabel-kata th, .tabel-kata td {

  border: 1px solid #ddd;

  padding: 12px;

  text-align: left;

}

.tabel-kata th {

  background-color: #f2f2f2;

  color: #333;

}

.tabel-kata tr:nth-child(even) {

  background-color: #f9f9f9;

}

.gambar-kata {

  width: 80px;

  height: 80px;

  object-fit: cover;

  border-radius: 6px;

}

</style>

<h3>🏛️ Tempat, Bangunan & Alat</h3>

<table class="tabel-kata">

  <tr>

    <th>No</th>

    <th>Bahasa Indonesia</th>

    <th>Bahasa Inggris</th>

    <th>Cara Baca</th>

    <th>Gambar</th>

  </tr>

  <tr>

    <td>1</td>

    <td>Masjid</td>

    <td>Mosque</td>

    <td>*mosk*</td>

    <td><img src="link-gambar-masjid.jpg" alt="Masjid" class="gambar-kata"></td>

  </tr>

  <tr>

    <td>2</td>

    <td>Gereja</td>

    <td>Church</td>

    <td>*cerc*</td>

    <td><img src="link-gambar-gereja.jpg" alt="Gereja" class="gambar-kata"></td>

  </tr>

  <tr>

    <td>3</td>

    <td>Pura</td>

    <td>Temple</td>

    <td>*tem-pel*</td>

    <td><img src="link-gambar-pura.jpg" alt="Pura" class="gambar-kata"></td>

  </tr>

  <tr>

    <td>4</td>

    <td>Wihara</td>

    <td>Monastery</td>

    <td>*mo-nas-te-ri*</td>

    <td><img src="link-gambar-wihara.jpg" alt="Wihara" class="gambar-kata"></td>

  </tr>

  <tr>

    <td>5</td>

    <td>Kelenteng</td>

    <td>Chinese Temple</td>

    <td>*cai-nis tem-pel*</td>

    <td><img src="link-gambar-kelenteng.jpg" alt="Kelenteng" class="gambar-kata"></td>

  </tr>

  <tr>

    <td>6</td>

    <td>Gerobak dorong jualan</td>

    <td>Street cart</td>

    <td>*strit kart*</td>

    <td><img src="link-gambar-gerobak.jpg" alt="Gerobak dorong" class="gambar-kata"></td>

  </tr>

  <tr>

    <td>7</td>

    <td>Gedung tinggi</td>

    <td>Skyscraper</td>

    <td>*skai-skrei-per*</td>

    <td><img src="link-gambar-gedung.jpg" alt="Gedung tinggi" class="gambar-kata"></td>

  </tr>

  <tr>

    <td>8</td>

    <td>Pabrik</td>

    <td>Factory</td>

    <td>*fak-to-ri*</td>

    <td><img src="link-gambar-pabrik.jpg" alt="Pabrik" class="gambar-kata"></td>

  </tr>

  <tr>

    <td>9</td>

    <td>Pasar</td>

    <td>Market</td>

    <td>*mar-ket*</td>

    <td><img src="link-gambar-pasar.jpg" alt="Pasar" class="gambar-kata"></td>

  </tr>

  <tr>

    <td>10</td>

    <td>Toko pinggir jalan</td>

    <td>Street shop / Stall</td>

    <td>*strit syop / stol*</td>

    <td><img src="link-gambar-toko.jpg" alt="Toko pinggir jalan" class="gambar-kata"></td>

  </tr>

</table>