Skip to main content

Penerapan PHP Dalam Kode HTML



PHP hanya mengeksekusi kode yang ditulis dalam pembatas sebagaimana ditentukan oleh dasar sintaks PHP. Apapun di luar pembatas tidak diproses oleh PHP (meskipun teks PHP ini masih mengendalikan struktur yang dijelaskan dalam kode PHP.  Pembatas yang paling umum adalah "<?php" dan untuk menutup kode PHP "?>". Tujuan dari pembatas ini adalah untuk memisahkan kode PHP dari kode diluar PHP, seperti HTML,Javascript.

Untuk pembuatan web, kode PHP biasanya di sisipkan kedalam dokumen HTML. Karena fitur inilah PHP disebut juga sebagai Scripting Language atau bahasa pemrograman script.
Sebagai contoh penggunaan PHP, misalkan kita ingin membuat list dari nomor 1 sampai nomor 10. Dengan menggunakan HTML murni, kita bisa membuatnya secara manual seperti kode berikut ini:
<!DOCTYPE html>
<html>
   <head>
      <title>Contoh list dengan HTML</title>
   </head>
<body>
<h2>Daftar Absensi Mahasiswa</h2>
   <ol>
      <li>Nama Mahasiswa ke-1</li>
      <li>Nama Mahasiswa ke-2</li>
      <li>Nama Mahasiswa ke-3</li>
      <li>Nama Mahasiswa ke-4</li>
      <li>Nama Mahasiswa ke-5</li>
      <li>Nama Mahasiswa ke-6</li>
      <li>Nama Mahasiswa ke-7</li>
      <li>Nama Mahasiswa ke-8</li>
      <li>Nama Mahasiswa ke-9</li>
      <li>Nama Mahasiswa ke-10</li>
   </ol>
</body>
</html>

Halaman HTML tersebut dapat dibuat dengan mudah dengan cara men-copy-paste tag sebanyak 10 kali dan mengubah sedikit angka-angka no urut di belakangnya. Namun jika yang kita inginkan adalah menambahkan list tersebut menjadi 100 atau 1000 list, cara copy-paste tersebut menjadi tidak efektif.

Jika menggunakan PHP, kita tinggal membuat perulangan for sebanyak 1000 kali dengan perintah yang lebih singkat seperti berikut ini:

<!DOCTYPE html>
<html>
   <head>
      <title>Contoh list dengan PHP</title>
   </head>
<body>
<h2>Daftar Absensi Mahasiswa</h2>
   <ol>
      <?php
      for ($i= 1; $i <= 1000; $i++) 
         {
            echo "<li>Nama Mahasiswa ke-$i</li>";
         }
      ?>
   </ol
</body>
</html> 

Jika benar hasilnya akan seperti ini :


Itu hanya salah satu contoh kemudahan yang di berikan oleh php, dimana kita bisa memproses data langsung di halaman web, masih banyak lagi sperti menghubungkan user ke database langsung dari browser, menghasilkan gambar, mengkonversi halaman, management cookies dan session dan masih banyak lagi.

Comments

Popular posts from this blog

Perancangan Ruang Server

Perlunya Memiliki Server dan Ruang Server Sendiri A. Alasan Memiliki Server & Ruang Server Sendiri Pembangunan Gedung D pada STT Ibnu Sina akan menambah jumlah user pada fasilitas E-learning dan akses website STT Ibnu Sina lainnya. Hal tersebut tentu akan menambah beban jaringan atau Bandwidth yang dibutuhkan untuk menyimpan content pada E-learning dan Website STT Ibnu Sina, seperti modul tugas dan Data Kemahasiswaan. Berikut beberapa keuntungan jika STT Ibnu Sina memuliki Server dan ruang Server sendiri : Mempermudah baik pihak pengurus STT Ibnu Sina Batam maupun mahasiswa dalam mengatur dan mengakses data dan informasi Kerahasiaan data dan informasi terjaga dalam server. Mengurangi biaya internet karena situs STT Ibnu Sina yang di akses melalui jaringan yang ada di STT Ibnu Sina akan menggunakan jaringan local, sehingga tidak membutuhkan akses internet Mempermudah mahasiswa khususnya teknik informatika untuk belajar langsung tentang server, data center dan kegunaann...

Memanggil file CSS ke Halaman HTML

Postingan sebelumnya saya menjelaskan tentang halaman html sederhana dengan layout CSS , yang mana Script CSS di gabungkan ke halaman HTML, kali ini saya akan menjelaskan bagaimana memisahkan file CSS dan cara memanggil file tersebut di halaman HTML. Pertama lihat kembali ke halaman html, buka dengan editor kamu. <!DOCTYPE html> <html> <head> <style> #header {     background-color:black;     color:white;     text-align:center;     padding:5px; } #nav {     line-height:30px;     background-color:#eeeeee;     height:300px;     width:100px;     float:left;     padding:5px; } #section {     width:350px;     float:left;     padding:10px; } #footer {     background-color:black;     color:white;     clear:both;     text-align:center;     padding:5px...