Wednesday, January 22, 2014

BELAJAR HTML DAN PHP BAGI PEMULA

Sebuah baris kode PHP atau sebut saja syntax PHP harus diawali <? php dan diakhiri dengan ?>. Satu hal penting yang perlu Anda ketahui mengenai baris kode PHP ini, code yang ada di dalam file PHP tidak selalu seutuhnya berisi script-script PHP. Anda bisa mengkombinasikannya dengan tag-tag HTML biasa namun tetap yang akan dieksekusi server adalah code PHP saja.

Dengan demikian, PHP adalah bahasa pemrogramannya, pada praktiknya, dalam membuat website ataupun aplikasi web, bukan hanya kode PHP saja yang kita butuhkan, tapi perlu juga digabung dengan yang lainnya, yakni dengan HTML sebagai konstruksi untuk membuat desain tampilannya seperti teks, tabel, form, gambar, audio, video dan yang lainnya. Selain itu dibutuhkan pula CSS yang sangat bermanfaat dalam hal manipulasi layout dan mempercantik tampilan website.

Jadi... dalam membuat website, script PHP dapat disisipkan dimanapun (di dalam dokumen HTML) dengan syarat dimulai dengan <?php dan diakhiri dengan ?> karena hanya perintah PHP saja lah yang akan diproses oleh web server yang kemudian hasilnya akan ditampilkan langsung oleh browser.

Contoh sederhana penggunaan script PHP yang dikombinasikan dengan HTML .

<HTML>
<HEAD>
<title>Belajar PHP</title>
</HEAD>
<BODY>
<p>SELAMAT DATANG...</p>
<?php
echo "<p><b><i>BELAJAR HTML DAN PHP DI LPK GLOBAL</i></b></p>";
?>
</BODY>
</HTML>

Pastikan bahwa Anda selalu memberikan tanda semicolon (;) disetiap akhir baris kode PHP. Kesalahan dari sini saja akan berakibat fatal, yaitu halaman web tidak keluar, malahan keluar pesan error. Simpan script di atas ke dokumen Web server, dengan ekstensi .php, misalnya belajar.php.

Untuk membuat teks berwarna :
<body>
<font color="#ff0000">selamat siang</font>
</body>

Untuk buat teks berwarna dan ukuran font caranya :
<body>
<font color="#ff0000" size="7">selamat siang</font>
</body>

Tambahkan gambar caranya : 

<body>
<font color="#ff0000" size="7">selamat siang</font>
<img src="sample.jpg">
</body>






Kondisi huruf dan foto berderet. 
Agar pindah ke bawah gunakan <br>
<body>

<font color="#ff0000" size="7">selamat siang</font>
<br>
<img src="sample.jpg">
</body>




Membuat hyperlink

kalau click, pindah page lain. itu karena ada hyperlink. tambah code seperti bawah.
<body>

<font color="#ff0000" size="7">selamat siang</font>
<br> <a href="pindah.html"><img src="sample.jpg"></a>
</body>
artinya, membuat hyperlink di antara <a> dan </a>.
sekarang tambah hyperlink ke foto.

No comments:

Post a Comment