Tutorial Design Web - 4.2 Integrasi HTML dan PHP

Monday, November 9, 2015

Mulai membuat halaman php

Pastikan xampp control panel berjalan, dan lihat kondisi Apache dan MySQL nya apakah sudah running ?? Jika iya, kita akan masuk ke dalam direktori :

c:\xampp\htdocs\latihanphp

Di direktori ini kita akan membuat satu buah file latihan2.php. klik kanan -> new -> text document -> rename menjadi latihan2.php kemudian buka file tersebut, kita akan mengetikan beberapa baris kode. Sebagai awal belajar php. Kita ketikkan seperti ini :

<?php
echo "Saya Belajar PHP";
?>

kemudian simpan dengan menekan ctrl + s di keyboard, lalu buka aplikasi browser. Kemudian arahkan alamatnya ke http://localhost/latihanphp/latihan2.php. Jika tampilannya adalah :

Saya Belajar PHP

berarti anda telah berhasil mengawali belajar php dengan sukses. Selamat!

Integrasi HTML dan PHP

Selain berdiri sendiri, PHP pun dapat di integrasikan dengan HTML. Saya asumsikan anda sudah mengerti HTML sebelumnya. Kita akan coba membuat sebuah halaman yang didalamnya terdapat script PHP dan HTML.

Masuk ke dalam direktori c:\xampp\htdocs\latihanphp\ buat sebuah file dengan nama latihan3.php, kemudian ketikan baris code seperti ini...

<html>
<head>Latihan 3</head>
<body>
<?php
echo "Ini Script PHP di dalam tag HTML";
?>
</body>
</html>

untuk dapat melihat hasilnya, buka aplikasi browser, dan ketikkan alamatnya :

http://localhost/latihanphp/latihan3.php

Tampilannya akan terlihat seperti ini :

ya, kita lihat view source code htmlnya, dengan cara mengklik kanan browser lalu pilih View Page Source, di sini kita tidak lagi melihat script php-nya, yang ada hanyalah HTML saja, ini terjadi karena PHP engine/processor mengeksekusi file php di server, dan menghasilkan html dan mengirimkan file htmlnya kepada user, sehingga yang terlihat adalah htmlnya saja, bukan phpnya.

Tutorial selanjutnya :

Tutorial Design Web - 5 Menggunakan Constant dan Variable pada PHP