# \`foreach\` & HTML

Sekarang kita akan mencoba bagaimana menggunakan perulangan `foreach` di PHP dan menggabungkannya dengan HTML. Perulangan `foreach` sangat berguna ketika kita ingin mengiterasi melalui semua elemen dalam sebuah array. Pada bagian ini, kita akan membahas bagaimana caranya menampilkan setiap elemen dari array dengan menggunakan `foreach` dan menampilkan hasilnya dalam tag `<h1>`. Mari kita lihat kode di bawah ini dan menjelaskannya secara rinci.

**Contoh Kode:**

```php
<?php
$buah = ['Apel', 'Pisang', 'Mangga', 'Jeruk'];

foreach ($buah as $item) : ?>
    <h1><?= $item; ?></h1>
<?php endforeach; ?>
```

**Penjelasan yang Sangat Detail:**

1. **Inisialisasi Array**:

   ```php
   $buah = ['Apel', 'Pisang', 'Mangga', 'Jeruk'];
   ```

   * Di sini, kita membuat sebuah array yang berisi beberapa nama buah, yaitu "Apel", "Pisang", "Mangga", dan "Jeruk". Setiap elemen dari array ini akan diakses satu per satu menggunakan perulangan `foreach`.
2. **Membuka Perulangan `foreach`**:

   ```php
   foreach ($buah as $item) : ?>
   ```

   * Perulangan `foreach` dimulai dengan kata kunci `foreach`. Dalam hal ini, `$buah` adalah array yang ingin kita iterasi, dan `$item` adalah variabel sementara yang akan menyimpan nilai dari setiap elemen array saat perulangan berlangsung.
   * Setiap kali loop berjalan, `$item` akan berisi satu elemen dari array `$buah`. Pada iterasi pertama, `$item` akan berisi "Apel", pada iterasi kedua "Pisang", dan seterusnya.
3. **Menampilkan Elemen dalam Tag `<h1>`**:

   ```php
   <h1><?= $item; ?></h1>
   ```

   * Di dalam loop, kita menggunakan tag HTML `<h1>` untuk menampilkan nilai dari `$item`. Dengan menggunakan `<?= $item; ?>`, kita memerintahkan PHP untuk mencetak nilai dari `$item` di tempat tersebut. Ini akan menghasilkan elemen `<h1>` dengan teks yang sesuai untuk setiap iterasi.
4. **Menutup Perulangan `foreach`**:

   ```php
   <?php endforeach; ?>
   ```

   * Perulangan `foreach` ditutup dengan `endforeach;`. Ini menandakan akhir dari blok kode yang akan diulang.

**Hasil dari Contoh Kode:**

Ketika kode ini dijalankan, berikut adalah hasil yang akan ditampilkan di browser:

```html
<h1>Apel</h1>
<h1>Pisang</h1>
<h1>Mangga</h1>
<h1>Jeruk</h1>
```

Setiap elemen dari array `$buah` ditampilkan dalam tag `<h1>`, sehingga nama-nama buah tersebut muncul dalam ukuran besar di halaman web.