Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini

X
Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA MEMANGGIL PHP DI HTML

Pelajari cara memanggil PHP dalam HTML untuk membuat website dengan konten dinamis. Panduan sederhana untuk pemula dengan langkah-langkah mudah diikuti.

Membuat halaman web yang dinamis dengan menggunakan PHP dalam HTML sangatlah mudah. PHP adalah bahasa skrip server-side yang dapat kamu gunakan untuk membuat konten web yang dapat berubah-ubah sesuai kondisi tertentu. Berikut adalah cara untuk memanggil PHP di dalam dokumen HTML.

Menyisipkan Kode PHP

Untuk memulai, kamu perlu menyisipkan kode PHP ke dalam halaman HTML. Ini dapat dilakukan dengan menggunakan tag <?php dan ?>. Segala sesuatu yang kamu tulis di antara tag-tag ini akan diperlakukan sebagai kode PHP.

<!DOCTYPE html>
<html>
<head>
    <title>Contoh PHP dalam HTML</title>
</head>
<body>
    <h1>Selamat datang di website kami!</h1>

    <?php
    echo "Hari ini tanggal " . date("d/m/Y") . "<br>";
    ?>
</body>
</html>

Dalam contoh di atas, PHP membantu menampilkan tanggal saat ini di halaman web.

Menjalankan Server Lokal

Agar kode PHP dapat dieksekusi, file HTML dengan kode PHP harus dijalankan pada server. Kamu bisa menggunakan server lokal seperti XAMPP atau MAMP untuk tujuan ini.

  • Install XAMPP atau MAMP: Unduh dan install salah satu server lokal tersebut di komputer kamu.
  • Simpan File: Simpan file HTML dengan ekstensi .php (misalnya index.php) di dalam direktori htdocs jika kamu menggunakan XAMPP atau di folder yang sesuai untuk MAMP.
  • Jalankan Server: Buka aplikasi XAMPP atau MAMP dan mulai server Apache.
  • Buka di Browser: Buka browser favorit kamu dan masukkan URL http://localhost/namafile.php.

Menggunakan Shortcut PHP

Jika kamu hanya ingin mencetak sesuatu dan tidak memerlukan logika pemrograman yang kompleks, kamu bisa menggunakan shortcut untuk tag echo dalam PHP.

<?= "Ini adalah teks singkat."; ?>

Perintah di atas memiliki fungsi yang sama dengan <?php echo "Ini adalah teks singkat."; ?>.

Menggabungkan PHP dengan CSS dan JavaScript

Kamu juga dapat menggabungkan PHP dengan bahasa lainnya seperti CSS dan JavaScript di dalam dokumen HTML. Kita bisa menggunakan PHP untuk mengatur nilai-nilai dalam CSS atau JavaScript berdasarkan kondisi tertentu.

<style>
    body {
        background-color: <?php echo $bgColor; ?>;
    }
</style>
<script>
    var tanggal = <?php echo json_encode(date("Y-m-d")); ?>;
    console.log("Tanggal: " + tanggal);
</script>

Kesimpulan

Memanggil PHP di HTML tidaklah sulit. Kamu cukup menuliskan kode PHP di antara tag <?php dan ?>. Jangan lupa, file tersebut harus disimpan dengan ekstensi .php dan dijalankan pada server yang mendukung PHP. Dengan mengikuti langkah-langkah di atas dan sedikit kreativitas, kamu bisa membuat website yang lebih interaktif dan dinamis.

Selamat mencoba, dan semoga sukses dengan proyek webmu!

cover kelas Kelas membuat website dengan HTML dan CSS
Kelas membuat website dengan HTML dan CSS

belajar membuat website kamu dari nol. Cocok untuk pemula

Lihat Kelas

Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding