Menggabungkan PHP dan HTML

PHP akan membaca kode PHP hanya kode PHP yang berada dalam tags PHP. Hal ini akan mempermudah kita seandainya ingin memasukkan kode PHP dalam halaman HTML. Kebalikan dari kasus tersebut, bagaimana caranya kita memasukkan tag-tag HTML dalam PHP. Untuk lebih jelasnya pelajari script berikut ini.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Tabel Warna HTML</title>
<style type="text/css">
body {
font-family: Verdana sans-serif;
}
td {
border: solid 5px white;
}
</style>
</head>
<body>
<h2>Warna dengan HTML dan PHP</h2>
<table>
<tr>
<td>Biru</td>
<td style="width:40px; background-color:#0000ff"></td>
</tr>
<tr>
<td><?php echo 'Merah'; ?></td>
<td style="width:40px; background-color:<?php echo '#ff0000'; ?>"></td>
</tr>
<?php
// this row generated through PHP
echo "<tr>\n";
echo " <td>Hijau</td>\n";
echo " <td style=\"width:40px; background-color:#00ff00\"></td>\n";
echo "</tr>\n";
?>
</table>
</body>
</html>

Simpan script ini dengan nama warna.php dan bukalah dalam localhost anda. Tampilannya akan seperti gambar di bawah ini bukan?

Menggabungkan PHP dan HTML

Halaman HTML yang berisi 3 baris dan 2 kolom dengan gambar warna dan nama warna.

Karakter Khusus

Ada hal menarik dalam script warna.php tersebut : banyak backslash nya.
Dan tidak ada satupun backslash yang muncul dalam tampilan website. Kemana mereka?
Seperti yang kita ketahui bahwa output dalam php biasanya tulisan yang berada dalam tanda kutip. Tetapi bagaimana seandainya kita memasukkan tag HTML yang harus memuat tanda kutip juga seperti dalam script warna.php.
Nah, disinilah fungsi backslash tersebut ( \ ). Dengan backslash kita bisa membuat PHP membaca tanda kutip sebagai tanda kutip seperti dalam HTML. Ini yang dinamakan Sequnce.

Beberapa contoh Sequnce
\n baris baru
\t a tab
\r a carriage return
\" tanda kutip
\' tanda kutip satu


Sebagai contoh misalnya kode berikut ini :

<?php
echo "Kamu bilang \"Hallo\"";
?>

PHP akan mengenali tanda kutip yang diawali dengan backslash sebagaimana adanya tanda kutip tersebut. Sehingga kode di atas akan menampilkan output :

Kamu bilang "Hallo"

Pertanyaan : Kenapa dalam script warna.php di atas ada yang menggunakan tanda kutip satu dan tanda kutip dua?

A: Sequnce seperti \n, \r, dan \" hanya akan dikenali oleh PHP jika dikurung dengan tanda petik dua. Dan jika dikurung dengan tanda petik satu maka akan ditampilkan sebagaimana adanya.
Contoh berikut akan memperjelas :

<?php
// output: Welcome to PHP
echo "Welcome\nto\nPHP";
?>


<?php
// output: Welcome\nto\nPHP
echo 'Welcome\nto\nPHP';
?>


Script warna.php secara dinamis membuat kode HTML untuk baris terakhir dalam tabel HTML. kode untuk baris ini harus diformat sehingga mudah dibaca, dengan elemen <tr> dan <td> dalam baris yang berbeda. Untuk melakukan ini kita membutuhkan \n.

Menggabungkan PHP dan HTML Menggabungkan PHP dan HTML Reviewed by Ainun Mahya on 10:32 PM Rating: 5

No comments:

Silakan Berkomentar dengan Bijak

Powered by Blogger.