Senin, 24 Maret 2014
KALKULATOR SEDERHANA
<html> <!—html ini sebgai pembuka sebuah halaman website dengan format HTML-->
<head> <!-- head ini sebagai kepala dalam html-->
<title><?php echo "Aritmatika"?><!-- php merupakan syntax bahasa php dengan yg isinya aritmatika-->
</title><!--title adlh pemberian judul dari tag head( judul web)-->
</head><!--penutup dari tag head-->
<body> <!--body berfungsi sebagai badan dalam sebuah web-->
<td><h1>Operator Aritmatika</h1></td><!-- ini adalah judul dari isi halaman-->
<form method="post"><!--form berguna untuk mendapatkan url dari data inputan yg sudah user isi-->
<table><!--table berfungsi untuk membuat tabel-->
<tr><!--tag untuk membuat suatu kolom dalam tabel-->
tabel 1<br/><!--memberi keluaran berupa kata tabel 1-->
<input type="number" name="angka1" value="<?php echo $_POST['angka1'];?>" required><br></br><!--di baris tag ini menjelaskan kita
akan membuat sebuah field/kolom dengan type number bernama tabel1 , required berguna untukmemberi peringatan untuk kolom yang dikosongkan-->
tabel 2<br/><!--memberi keluaran berupa kata tabel 2-->
<input type="number" name="angka2" value="<?php echo $_POST['angka2'];?>" required><br><br/>
</tr>
<tr>
<!--didalam baris kedua ini membuat perulangan dalam bentuk PHP untuk membandingkan button yg dipilih oleh user dan membedakan nilai yg dipilih-->
<?php
if(isset($_POST["jumlah"])){
$hasil = $_POST["angka1"] + $_POST["tabel2"];
}
if(isset($_POST["kurang"])){
$hasil = $_POST["angka1"] - $_POST["tabel2"];
}
if(isset($_POST["kali"])){
$hasil = $_POST["angka1"] * $_POST["tabel2"];
}
if(isset($_POST["bagi"])){
$hasil = $_POST["angka1"] / $_POST["tabel2"];
}
?>
Operator<br/>
<!--pada baris ini kita membuat buttonuntuk operator yang akan kita gunakan-->
<input type="submit" name="jumlah" value="+"></td><!--ini adalah sebagai tombol submit plus berfungsi untuk penjumlahan-->
<input type="submit" name="kurang" value="-"></td><!-- ini adalah sebagai tombol submit minus berfungsi untuk pengurngan -->
<input type="submit" name="kali" value="*"></td><!-- ini adalah sebagai tombol submit kali berfungsi untuk perkalian -->
<input type="submit" name="bagi" value="/"><br><br/><!-- ini adalah sebagai tombol submit bagi berfungsi untuk pembagian -->
Hasil<br/>
<input type="number" name="hasil" disabled value="<?php echo $hasil;?>"><br><br/><!-- ini berguna untuk membuat kolom hasil dan
menggabungkan nilai dari 2 tabel yg sudah di masukkan angka / nilai-->
</tr>
</table>
</form>
</body>
</html>
Senin, 10 Maret 2014
Dasar Pembuatan Web HTML
<!DOCTYPE html>
<html> <!--sebuah halaman website dengan format HTML-->
<head> <!--ini adalah sebagai kepala di dalam html-->
<title> Rizky </title> <!--pemberian judul -->
</head>
<body> <!--sebagai badan dari head-->
<form method="get"> <!--berfungsi untuk mendapatkan inputan yang sudah di isi-->
<table border="0"> <!--agar tidak ada ketebalan garis pada tabel -->
<th><h3><font face="Arial">BIODATA</font></h3></th> <!--Berfungsi untuk judul kolom -->
<tr><!--untuk mengawali baris atau baris baru-->
<td>Username</td><!--tabel kolom yg berisikan Username di kolom pertama-->
<td>:</td> <!--untuk memberi tanda ":" setelah Username -->
<td><input type="text" name="nama" autofocus placeholder="ketikkan nama anda"></td> </br><!--untuk mengetiakan sebuah nama--><!--br bisa dibilang sebagai enter -->
</tr><!--sebagai penutup dari tr-->
<tr><!--untuk mengawali baris atau baris baru-->
<td>Alamat</td><!--tabel kolom yg berisikan Alamat di kolom kedua-->
<td>:</td><!--untuk memberi tanda ":" setelah Alamat -->
<td><input type="text" name="nama" autofocus placeholder="ketikkan alamat anda"></td></br> </br><!--untuk mengetiakan sebuah alamat-><!--br bisa dibilang sebagai enter -->
</tr><!--sebagai penutup dari tr-->
<tr>
<td>Jenis Kelamin</td><!--tabel kolom yg berisikan Jenis Kelamin di kolom ketiga-->
<td>:</td><!--untuk memberi tanda ":" setelah Jenis Kelamin-->
<td><input type="radio" name="gender" value="cowok">Laki-laki</br><!--berfungsi sbg multiple choice dan hanya bisa di pilih salah satu saja--><!--br bisa dibilang sebagai enter-->
<input type="radio" name="gender" value="cewek">Perempuan</br><!--berfungsi sbg multiple choice dan hanya bisa di pilih salah satu saja--><!--br bisa dibilang sebagai enter-->
</td>
</tr>
<tr>
<td>Tanggal Lahir</td><!--tabel kolom yg berisikan tanggal lahir di kolom keempat-->
<td>:</td><!--untuk memberi tanda ":" setelah tanggal lahir-->
<td><input type="date" name="tanggallahir"> </br><!--field yg berfungsi untuk inputan berupa tanggal--><!-- br sbg enter-->
<tr>
<td>No.Telp</td><!--tabel kolom yg berisikan No.telp di kolom ke lima-->
<td>:</td>
<td><input type="telp" name="telepon" placeholder="ketikkan nomor telepon"><!--untuk mengetiakan nomor telepon-->
</tr>
<tr>
<td>Alamat Web</td><!--tabel kolom yg berisikan No.telp di kolom ke enam-->
<td>:</td>
<td><input type="url" name="alamatweb"></br><!--untuk mengetiakan sebuah alamat web-->
</tr>
<tr>
<td>Email</td><!--tabel kolom yg berisikan email di kolom ke tujuh-->
<td>:</td>
<td><input type="email" name="email" placeholder="ketikkan email anda"><!--untuk mengetiakan sebuah alamat email->
</tr>
<tr>
<td>Kecamatan</td><!--tabel kolom yg berisikan kecamatan di kolom ke delapan-->
<td>:</td>
<td>
<select name="kecamatan"> <!--berfungsi untuk membuat type combo box dengan nama kemamatan-->
<option value="">--Pilih Kecamatan--</option><!-- item yang akan di pilih -->
<option value="Kaliwates">Kaliwates</option><!-- item yang akan di pilih dengan nama alamat kecamatan Kaliwates -->
<option value="Panti">Panti</option><!-- item yang akan di pilih dengan nama alamat kecamatan panti -->
<option value="Patrang">Patrang</option><!-- item yang akan di pilih dengan nama alamat kecamatan patrang -->
<option value="Sumbersari">Sumbersari</option><!-- item yang akan di pilih dengan nama alamat kecamatan sumbersari -->
</td>
</tr>
<tr>
<td colspan="2" align="center"><input name="Kirim"type="submit">log in </td><!-- membuat button submit (button untuk menginputkan data) dg letak di tengah ukuran posisi berdasarkan jumlah angka-->
</tr>
</table>
</form>
<h2><span style="color:red">Isilah data dengan benar</span></h2><!-- memberikan peringatan kepada pengguna-->
</body>
</html> <!-- penutup dari tag html-->
<html> <!--sebuah halaman website dengan format HTML-->
<head> <!--ini adalah sebagai kepala di dalam html-->
<title> Rizky </title> <!--pemberian judul -->
</head>
<body> <!--sebagai badan dari head-->
<form method="get"> <!--berfungsi untuk mendapatkan inputan yang sudah di isi-->
<table border="0"> <!--agar tidak ada ketebalan garis pada tabel -->
<th><h3><font face="Arial">BIODATA</font></h3></th> <!--Berfungsi untuk judul kolom -->
<tr><!--untuk mengawali baris atau baris baru-->
<td>Username</td><!--tabel kolom yg berisikan Username di kolom pertama-->
<td>:</td> <!--untuk memberi tanda ":" setelah Username -->
<td><input type="text" name="nama" autofocus placeholder="ketikkan nama anda"></td> </br><!--untuk mengetiakan sebuah nama--><!--br bisa dibilang sebagai enter -->
</tr><!--sebagai penutup dari tr-->
<tr><!--untuk mengawali baris atau baris baru-->
<td>Alamat</td><!--tabel kolom yg berisikan Alamat di kolom kedua-->
<td>:</td><!--untuk memberi tanda ":" setelah Alamat -->
<td><input type="text" name="nama" autofocus placeholder="ketikkan alamat anda"></td></br> </br><!--untuk mengetiakan sebuah alamat-><!--br bisa dibilang sebagai enter -->
</tr><!--sebagai penutup dari tr-->
<tr>
<td>Jenis Kelamin</td><!--tabel kolom yg berisikan Jenis Kelamin di kolom ketiga-->
<td>:</td><!--untuk memberi tanda ":" setelah Jenis Kelamin-->
<td><input type="radio" name="gender" value="cowok">Laki-laki</br><!--berfungsi sbg multiple choice dan hanya bisa di pilih salah satu saja--><!--br bisa dibilang sebagai enter-->
<input type="radio" name="gender" value="cewek">Perempuan</br><!--berfungsi sbg multiple choice dan hanya bisa di pilih salah satu saja--><!--br bisa dibilang sebagai enter-->
</td>
</tr>
<tr>
<td>Tanggal Lahir</td><!--tabel kolom yg berisikan tanggal lahir di kolom keempat-->
<td>:</td><!--untuk memberi tanda ":" setelah tanggal lahir-->
<td><input type="date" name="tanggallahir"> </br><!--field yg berfungsi untuk inputan berupa tanggal--><!-- br sbg enter-->
<tr>
<td>No.Telp</td><!--tabel kolom yg berisikan No.telp di kolom ke lima-->
<td>:</td>
<td><input type="telp" name="telepon" placeholder="ketikkan nomor telepon"><!--untuk mengetiakan nomor telepon-->
</tr>
<tr>
<td>Alamat Web</td><!--tabel kolom yg berisikan No.telp di kolom ke enam-->
<td>:</td>
<td><input type="url" name="alamatweb"></br><!--untuk mengetiakan sebuah alamat web-->
</tr>
<tr>
<td>Email</td><!--tabel kolom yg berisikan email di kolom ke tujuh-->
<td>:</td>
<td><input type="email" name="email" placeholder="ketikkan email anda"><!--untuk mengetiakan sebuah alamat email->
</tr>
<tr>
<td>Kecamatan</td><!--tabel kolom yg berisikan kecamatan di kolom ke delapan-->
<td>:</td>
<td>
<select name="kecamatan"> <!--berfungsi untuk membuat type combo box dengan nama kemamatan-->
<option value="">--Pilih Kecamatan--</option><!-- item yang akan di pilih -->
<option value="Kaliwates">Kaliwates</option><!-- item yang akan di pilih dengan nama alamat kecamatan Kaliwates -->
<option value="Panti">Panti</option><!-- item yang akan di pilih dengan nama alamat kecamatan panti -->
<option value="Patrang">Patrang</option><!-- item yang akan di pilih dengan nama alamat kecamatan patrang -->
<option value="Sumbersari">Sumbersari</option><!-- item yang akan di pilih dengan nama alamat kecamatan sumbersari -->
</td>
</tr>
<tr>
<td colspan="2" align="center"><input name="Kirim"type="submit">log in </td><!-- membuat button submit (button untuk menginputkan data) dg letak di tengah ukuran posisi berdasarkan jumlah angka-->
</tr>
</table>
</form>
<h2><span style="color:red">Isilah data dengan benar</span></h2><!-- memberikan peringatan kepada pengguna-->
</body>
</html> <!-- penutup dari tag html-->
Langganan:
Postingan (Atom)