BELAJAR PHP : Hubungan HTML Dan PHP




Dari perjalanan ngeblogging selama ini saya mendapati pertanyaan 

" Bukannya aplikasi web itu berupa kode HTML ??? Trus , Apa hubungannya sama PHP ???

Di postingan kali ini saya akan jawab dan juga membahas sedikit tentang hubungan HTML dan PHP .

Jawab ===>> Ya , ada donk friend .  he...he....just kidding.


Hubungan PHP Dan HTML

Apapun bahasa pemrograman web yang digunakan , hasilnya adalah kode HTML  ( plus, mungkin java script dan CSS ) . 

Lalu , Dimana posisi PHP ???

script php di gunakan untuk membentuk bagian bagian dari kode HTML . Untuk memahami hal ini silahkan perhatikan kode berikut : 


<!doctype html>
<html>
   <head>
      <title>Bilangan Asli</title>
   </head>
   <body>
      <h1>Bilangan Asli 0 s/d 12</h1>
      <?php
         $bil = 0;
         while ($bil < 13) {
            print($bil . "<br>");
            $bil = $bil + 1; 
         }  
      ?>
   </body>
</html>  


Maka hasilnya seperti ini : 





 Contoh diatas menunjukkan bagaimana hubungan kode HTML dan script PHP .  Script PHP berupa : 

<?php
           $bil = 0 ;
            while ($bil < 13) {
                      print ($bil. "<br>");
                      $bil = $bil + 1;
            }
?>

KOde tersebut berada di kode HTML. Nah , penjelasan berikut mungkin berguna bagi anda sekalian .Pertama tama , dasar struktur document HTML yang menyusun halaman web adalah seperti berikut : 

<!doctype>
<html>
    <head>
             <title>...</title>
    </head>
     <body>
        ...........
      </body>
</html>

Penjelasannya sebagai berikut :



  • Sebuah dokumen HTML5 diawali dengan <!doctype html> .
  • Tanda seperti <html> disebut tag . Sebuah tag seperti itu menyatakan sebuah elemen dalam dokumen html.
  • Beberapa tag berpasangan .Sebagai contoh <head> berpasangan dengan </head>
  • Namun tidak semua tag berpasangan. Sebagai contoh , <br> tidak punya pasangan.
  • pasangan <html>...</html> , Menyatakan awal dokumen HTML.
  • Di dalam <html>...</html> terdapat pasangan <head>...</head> dan <body>...</body>.
  • Pasangan <head>...</head> menyatakan bagian judul dokumen HTML.Isinya paling tidak berupa pasangan <title>....</title> .
  • Isian yang berada pada <title>...</title> menentukan judul dalam browser .
  • Pasangan <body>...</body> menyatakan bagian tubuh dokumen . Bagian ini bisa berisi berbagai tag , misalnya <div>...</div>atau <h1>...</h1> .

Pada contoh diatas

 <title> Bilangan Asli </title>

Digunakan untuk menentukan judul halaman web . kode

<h1> Bilangan Asli 0 s/d 12</h1>

Menentukan judul di bagian <body> . Selanjutnya , script PHP yang terletak di bawah

<h1> Bilangan Asli 0 s/d 12</h1>

Ditujukan untuk membentuk bilangan asli  dari 0 hingga 12 . Pernyataan PHP yang menanganinya adalah :

   $bil = 0;
   while ($bil  < 13) {
       print ($bil . "<br>);
       $bil = $bil  + 1 ;



Dalam hal ini , kode di atas berguna untuk membuat variabel $i bernilai 0 , 1 , 2 , dan seterusnya hingga 13 , tetapi pernyataan print ($bil . "<br>"); dan $bil =  $bil + 1; hanya dijalankan saat variabel $i bernilai 0 hingga 12 .

Jika tidak menggunakan PHP , kode HTML yang diperlukan berupa :

    0<br>
    1<br>
    2<br>
    3<br>
    4<br>
    5<br>
    6<br>
    7<br>      dst hingga samapi
    12<br>

Nah pada petunjuk petunjuk seperti itulah PHP sangat berguna



Artikel Menarik : MEMBUAT SENDIRI APLIKASI MOBILE GIS FIRSTMAP