Cara menggunakan html di php

Question

Sebelumnya telah kita bahas bagaimana cara membuat dan menjalankan kode php untuk pertama kali, kali ini, kita akan membahas bagaimana cara memasukkan script PHP ke dalam HTML

Table of Contents Show

Memasukkan Script PHP Ke Dalam HTML
1Ã‚Â Membuat File PHP
2 Menjalankan File PHP
3 Penggunaan echo
Subscibe Now
Bagaimana cara memasukkan kode script PHP ke HTML?
Langkah langkah membuat web dengan PHP?
Apa itu PHP dalam HTML?
Langkah kerja PHP?

Dalam mengembangkan aplikasi berbasis PHP, bisa jadi memasukkan script PHP ke dalam HTML adalah hal yang mutlak dilakukan,Ã‚Â karena memang PHP ditujukan untuk aplikasi berbasis web dan aplikasi berbasis web tidak mungkin lepas dari HTML.

Memasukkan Script PHP Ke Dalam HTML

Pada dokumen HTML, kita dapat memasukkan script PHP di bagian mana saja, baik di atas tengah maupun bawah. Agar server dapat membedakan dokumen HTML dengan script PHP, maka kita perlu mendefinisikan open tag PHPÃ‚Â

Telah kita bahas pada artikel: Membuat dan Menjalankan Script PHP Pertama Kali Dengan AmanÃ‚Â bahwa untuk memulai PHP, kita perlu menggunakan open tag php. Dan open tag yang paling aman dan direkomendasikan untuk digunakan adalah <?php dan Shorthand echo <?=

Jika Server menemukan open tag ini, maka server akan memproses script PHP yang ada di dalam tag tersebut, selain kode tersebut, server akan membiarkan apa adanya.

1Ã‚Â Membuat File PHP

Pertama tama, buat file php dan simpan dalam direktori htdocs yang ada di dalam folder xampp, pada contoh ini, saya akan menyimpan semua file ke dalam direktoriÃ‚Â E:\xampp\htdocs

Jika belum menginstall xampp:Ã‚Â Cara Install XAMPP di Windows – Panduan Lengkap

2 Menjalankan File PHP

Contoh 1:

Untuk contoh pertama, copy script berikut ini kemudian paste ke dalam sebuah file. Pada contoh ini, file saya beri namaÃ‚Â latihan.phpÃ‚Â dan saya letakkan pada direktori htdocs:

<!DOCTYPE HTML>
<html>
<head>
	<title><?php echo 'Menggabungkan Script PHP ke Dalam HTML'?></title>
	<style>
		label {
			width: 100px;
			display: inline-block;
		}
		div {
			margin-bottom: 5px;
		}
	</style>
</head>
<body>
	<h2><?='Form Login'?></h2>
	<form method="post" action="">
		<div>
			<label>Email</label><input type="text" name="email" value="<?=@$_POST['email']?>"/>
		</div>
		<div>
			<label>Password</label><input type="password" name"password"/>
		</div>
		<input type="submit" value="Log In"/>
	</form>
</body>
</html>

Selanjutnya buka browser kemudian jalankan url http://localhost/latihan.php. Jika berhasil, maka hasil yang kita peroleh adalah sebagai berikut:

Jika kita lihat sourcenya (view-source) maka akan kita dapatkan output seperti ini:

Dari contoh diatas, terlihat bahwa script PHP berubah menjadi dokumen HTML biasa

Bagaimana browser tahu bahwa output yang dihasilkan kode HTML? hal ini dikarenakan setelah mengolah file PHP, server mengirim data ke browser berupa dokumen HTML biasa dengan identifikasi headerÃ‚Â Content-Type: text/html

Contoh 2:

Contoh selanjutnya, kita akan menggunakan struktur kontrolÃ‚Â if dan else. Buka text editor dan copy-paste script berikut ini, kemudian simpan kedalam file latihan-2.phpÃ‚Â pada direktori htdocs

<!DOCTYPE HTML>
<html>
<head>
	<title><?php echo 'Menggabungkan Script PHP ke Dalam HTML'?></title>
</head>
<body>
	<?php
	$email = '';
	// atau $email = $_SESSION['email'];
	
	// Jika user belum login
	if ($email == '')
	{
		?>
		<h2><?='Form Login'?></h2>
		<form method="post" action="">
			<div>
				<label>Email</label><input type="text" name="email" value="<?=@$_POST['email']?>"/>
			</div>
			<div>
				<label>Password</label><input type="password" name"password"/>
			</div>
			<input type="submit" value="Log In"/>
		</form>
		<?php
	} else {
	// Jika login, tampilkan halaman user
		?>
		<h2>Selamat datang <?=$email?></h2>
		<ul>
			<li><a href="#">Lihat atau edit profil</a></li>
			<li><a href="#">Ubah Password</a></li>
			<li><a href="#">Logout</a></li>
		</ul>
		<?php
	}?>
</body>
</html>

Selanjutnya, jalankan file tersebut dengan menuliskan alamat http://localhost/latihan-2.php pada browser. Jika berhasil, maka hasil yang kita peroleh adalah sebagai berikut:

Pada contoh diatas terlihat bahwa hanya kode HTML yang ada di blok else yang ditampilkan.

Jika sobat belum paham tentang struktur kontrolÃ‚Â if danÃ‚Â else,Ã‚Â sobat dapat mempelajarinya lebih lanjut pada artikel:Ã‚Â Memahami If Else Pada PHP (dan Elseif)

ContohÃ‚Â 3:

Pada contoh ketiga ini kita akan memasukkan script PHP ke Dalam HTML menggunakan perintah include.

Melanjutkan contoh nomor 1, kita akan memisah script PHP pada contoh tersebut menjadi dua bagian kemudian menggabungkannya menggunakan perintah include.

Pertama kita buat file form.phpÃ‚Â yang berisi kode berikut ini dan letakkan pada direktori htdocs:

<h2>Form Login</h2>
<form method="post" action="">
	<div>
		<label>Email</label><input type="text" name="email" value="<?=@$_POST['email']?>"/>
	</div>
	<div>
		<label>Password</label><input type="password" name"password"/>
	</div>
	<input type="submit" value="Log In"/>
</form>

Kemudian buat file latihan-3.php dan copy-paste script berikut:

<!DOCTYPE HTML>
<html>
<head>
	<title><?php echo 'Menggabungkan Script PHP ke Dalam HTML'?></title>
	<style>
		label {
			width: 100px;
			display: inline-block;
		}
		div {
			margin-bottom: 5px;
		}
	</style>
</head>
<body>
	<?php include 'form.php'; ?>
</body>
</html>

Selanjutnya buka browser dan jalankan alamat http://localhost/latihan-3.php. Jika berhasil, maka hasil yang kita peroleh adalah

Contoh diatas menunjukkan bahwa script PHP pun dapat ditulis secara terpisah.

Jika sobat belum paham tentang include ini tidak apa apa, intinya, contoh diatas menunjukkan banyak cara memasukkan script PHP ke dalam HTML.

Lebih lanjut tentang include pada PHP:Ã‚Â Memahami Include, Include_once, Require, dan Require_once Pada PHP

3 Penggunaan echo

Pada contoh diatas kita banyak menggunakan perintah echo. Perintah ini sendiri merupakan perintah utama untuk mencetak string/output ke dokumen html.

Apa itu string? string adalah tipe data berupa teks. Komputer berbeda dengan manusia, jika kita menyebut tulisan adalah teks, maka program / komputer menyebutnya string.

String dengan echo dapat ditulis menggunakan satu tanda kutip maupun dua tanda kutip, misal:

<?php
	echo 'Mencetak string menggunakan satu tanda kutip';
	echo "Mencetak string menggunakan dua tanda kutip";
?>

Lebih lanjut tentang string:Ã‚Â Cara Penulisan String Pada Pada PHP

Penutup

Banyak variasi untuk memasukkan script PHP ke dalam HTML,Ã‚Â contoh yang kita bahas diatas merupakan contoh riil yang bisa jadi sobat jumpai di kemudian hari.

Demikian pembahasan mengenai cara memasukkan script PHP ke dalam HTML, semoga bermanfaat.

Subscibe Now

Suka dengan artikel di Jagowebdev.com? jangan sampai ketinggalan, segera join ke milis kami untuk update informasi terbaru dari Jagowebdev.com

Bagaimana cara memasukkan kode script PHP ke HTML?

Dengan Metode ini, kode PHP ditulis didalam elemen script pada html. Untuk masuk ke mode PHP dengan metode ini, Anda bisa memulainya dengan Tag <script language="php"> sebagai pembuka, dan ditutup dengan Tag </script>. berikut adalah contoh kodenya.

Langkah langkah membuat web dengan PHP?

Nah, cara membuat website dengan PHP dari awal bisa dilakukan dengan langkah berikut:.

Mempersiapkan software yang digunakan..

Membuat file index. php..

Membuat file style.css..

Membuat file home.php..

Membuat file about. php..

Membuat file contact.php..

Mencoba website di browser..

Apa itu PHP dalam HTML?

PHP adalah bahasa pemrograman yang umum dipakai dalam pembuatan dan pengembangan suatu web. Sebetulnya, dilansir dari PHP.net, PHP merupakan singkatan dari PHP: Hypertext Prepocessor. Menurut situs tersebut, PHP adalah bahasa pemrograman yang banyak digunakan secara luas dan secara khusus sesuai untuk pengembangan web.

Langkah kerja PHP?

Cara Kerja PHP Pertama, client (web browser) mengirim sebuah permintaan HTTP ke web server, sebagai contoh index. php. Kemudian, PHP yang berada di web server akan memproses kode PHP untuk menghasilkan file HTML. Tahap terakhir, web server akan mengirim file HTML kembali ke client.

kode php Langkah kerja PHP? HTML didalam php Cara include html PHP dan HTML