Ingin belajar video editing lebih terarah dan ditemani mentor.. langsung aja wa
 |
| Kursus Video Solo |
Ingin belajar video editing lebih terarah dan ditemani mentor.. langsung aja wa
https://bit.ly/DaftarKursusPrivatSolo
File CSS (misalnya style.css) berisi :
Dokumen html berisi :
<head>
<title> CSS secara eksternal</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<p>Paragraph yang ini diatur CSS secara eksternal </p>
</body><head>
<title> CSS secara internal</title>
<style type="text/css">
p {text-align:justify;}
</style>
</head>
<body>
<p> Paragraph yang ini diatur CSS secara internal </p>
</body><p style="text-align:justify;">Paragraph ini diatur CSS secara inline</p>Hampir semua website saat ini menggunakan javascript, tapi ketahuilah bahwa pengakses website bisa mematikan fitur javascript pada browsernya, sehingga website yang diakses akan tampil sebagaimana tampil tanpa javascript. Hal ini bisa membuat tampilan website anda acak-acakan jika anda terlalu bergantung pada kode javascript untuk mendesainnya. Penggunaan javascript yang terlalu banyak dan tidak rapi dapat membuat loading website anda lambat dan berat. Jadi, gunakan sewajarnya.<!DOCTYPE html> <html> <head> <title>My first Javascript </title> </head> <body> <button type="button" onclick="document.getElementById('tampil_tanggal').innerHTML = Date()"> Klik saya untuk menampilkan Tanggal dan Waktu. </button> <br> <br> <p id="tampil_tanggal"> </p> <p id="hide"> Javascript dapat meng"hide" element dari html. </p> <button type="button" onclick="document.getElementById('hide').style.display='none'"> Klik saya ! </button> <br> <br> <p id="show" style="display:none"> Ini terHidden Text </p> <button type="button" onclick="document.getElementById('show').style.display='block'"> Klik saya untuk menampilkan text! </button> </body> </html>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function myfunction ()
{
alert ("HELLO")
}
</script>
<title>My Second Javascript
</title>
</head>
<body>
<form>
<input type="button" onclick="myfunction()"
value="panggil MyFunction">
</form>
<p> Tekan tombil untuk memanggil fungsi myFunction di dalam javascript </p>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>Javascript menampilkan Hari tanggal bulan Tahun </title>
</head>
<body>
<script type="text/javascript">
var d=new Date()
var weekday=new
Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu")
var monthname=new
Array("Jan","Feb","Mar","Apr","Mei","Juni","Juli","Agustus","Sep","Okt","Nov","Des")
document.write(weekday[d.getDay()] + " ")
document.write(d.getDate() + " ")
document.write(monthname[d.getMonth()] + " ")
document.write(d.getFullYear())
</script>
</body>
</html>
ketika kita run script diatas, hasil web yang akan muncul adalah ini adalah<!DOCTYPE html> <html> <body> <?php $x = 1; while($x <= 5) { echo "ini adalah nomer yang ke- $x <br>"; $x++; } ?> </body> </html>
<!DOCTYPE html>
<html>
<body>
<?php
$x = 1;
do {
echo "The number is: $x <br>"; // akan menampilkan echo dengan parameter x
$x++; // parameter x selalu ditambahkan satu
} while ($x <= 5); //parameter x hanya terbatas sampai angka 5
?>
</body>
</html><!DOCTYPE html>
<html>
<body>
<?php
$y = 6;
do {
echo"<br>";
echo "Angka nya adalah: $y <br>";
$y++;
} while ($y <= 5);
?>
</body>
</html>
Karea $favcolor == red maka yang keluar di echo adalah "warna fav adalah merah"<!DOCTYPE html> <html> <body> <?php $favcolor = "red"; switch ($favcolor) { case "red": echo "warna fav adalah merah"; break; case "blue": echo "warna fav adalah blue!"; break; case "green": echo "warna fav adalah green!"; break; default: echo "Your favorite color is neither red, blue, nor green!"; } ?> </body> </html>
<!DOCTYPE html> <html> <body> <?php $t = date("d"); if ($t == "9") { echo "Hari ini adalah tanggal 9"; } else { echo "hari ini bukan tanggal 9 "; } ?> </body> </html>if elses simple nya hanya seperti itu, dalam dunia pemograman semakin komplex programif else nya akan semakin banyak, karena kemungkinan yang didukung juga lebih banyakKita coba ya kita memiliki 3 statement if berikut script nya<!DOCTYPE html> <html> <body> <?php $t = date("d"); if ($t == "19") { echo "hari ini tanggal 19"; } elseif ($t == "21") { echo "Hari ini tanggal 21!"; } else { echo "Hari ini bukan tanggal 19 atau tanggal 21"; } ?> </body> </html>
<html>
<head>
<title> Input Data Mahasiswa</title>
</head>
<body bgcolor:"green">
<form action ="tampilmahasiswa.php" method="post">
<b> Pengelolaan Data Mahasiswa</b>
<br>
<pre>
Nama : <input type="text" name="nama" size="25" maxlength="50">
Alamat : <input type="textarea" name="alamat" size="25" maxlength="110">
</pre>
Jenis Kelamin :
<input type="radio" name="jeniskel" value= "laki-laki">Laki-laki
<input type="radio" name="jeniskel" value= "perempuan">Perempuan
<p>
Pekerjaan:
<select name="pekerjaan">
<option value="-pilih-">pilih
<option value="Pelajar">Pelajar
<option value="Karyawan">karyawan
<option value="Wirausaha">Wirausaha
<option value="Lain-lain">Lain-lain
</select>
<p>
Hobi:
<input type="checkbox" name="hobi" value="Olahraga">Olahraga</input>
<input type="checkbox" name="hobi" value="Musik">Musik</input>
<input type="checkbox" name="hobi" value="Jalan-jalan">Jalan-jalan</input>
<p>
<input type="submit" value="Kirim"><input type="reset" value="Batal">
</form>
</body>
</html>
<html>
<head>
<title> Input Data Mahasiswa</title>
</head>
<body bgcolor:"green">
<?php
$nama=$_POST['nama'];
$alamat=$_POST['alamat'];
$jeniskel=$_POST['jeniskel'];
$pekerjaan=$_POST['pekerjaan'];
$hobi=$_POST['hobi'];
?>
<table border=1 bgcolor="red">
<tr>
<td colspan=2 align="center"><b>Data Mahasiswa</b></td>
</tr>
<tr>
<td>Nama</td><td><?php echo $nama; ?></td>
</tr>
<tr>
<td>Alamat</td><td><?php echo $alamat; ?></td>
</tr>
<tr>
<td>Jenis Kelamin</td><td><?php echo $jeniskel; ?></td>
</tr>
<tr>
<td>Pekerjaan</td><td><?php echo $pekerjaan ; ?></td>
</tr>
<tr>
<td>HObi</td><td><?php echo $hobi?></td>
</tr></table>
<a href="forminputmahasiswa.php">INPUT DATA LAGI</a>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<?php
// mendefinisikan nama, email, gender agar menjadi kosong
$nama = $email = $jeniskel = $komentar = $website = "";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$nama=$_POST['nama'];
$email=$_POST['email'];
$website=$_POST['website'];
$komentar=$_POST['komentar'];
$jeniskel=$_POST['jeniskel'];
}
//if ($_SERVER["REQUEST_METHOD"] == "POST") {
// $nama = test_input($_POST["nama"]);
//$email = test_input($_POST["email"]);
//$website = test_input($_POST["website"]);
//$komentar = test_input($_POST["komentar"]);
//$jeniskel = test_input($_POST["jeniskel"]);
//}
//digunakan untuk validasi data yang diinputkan
//function test_input($data) {
//$data = trim($data);
//$data = stripslashes($data);
//$data = htmlspecialchars($data);
//return $data;
//}
?>
<h2>PHP Form Data Diri</h2>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
Name: <input type="text" name="nama">
<br><br>
E-mail: <input type="text" name="email">
<br><br>
Website: <input type="text" name="website">
<br><br>
Comment: <textarea name="komentar" rows="5" cols="40"></textarea>
<br><br>
Gender:
<input type="radio" name="jeniskel" value="female">Female
<input type="radio" name="jeniskel" value="male">Male
<br><br>
<input type="submit" name="submit" value="Submit">
</form>
<?php
if(!empty($nama)){
echo "Nama : $nama <br>";}
if(!empty($email)){
echo "email : $email <br>";}
if(!empty($website)){
echo "Website : $website <br>";}
if(!empty($komentar)){
echo "Komentar nya adalah : $komentar <br>";}
if(!empty($jeniskel)){
echo "jeniskel nya adalah : $jeniskel <br>";}
?>
</body>
</html>
2. langkah selanjutnya adalah,kita membuat file metodegetproses.php , dimana inti dari script dibawah ini adalah, untuk menampilkan data yang telah diinputkan di proses sebelumnya<html> <head> <title> FORM METODE GET</title> </head> <body> <form action ="metodegetproses.php" method="get"> Masukkan nama : <input type="text" name="nama" size="25"> Masukkan Alamat : <input type="text" name="alamat" size="25"> <input type="submit" value="proses"><br> </form>
data yang diinputkan akan terinput ke halaman selanjutnya<html> <head> <title> FORM METODE GET</title> </head> <body> Data nama yang diinputkan adalah : <?php echo $_GET["nama"];?> <br>alamatnya adalah : <?php echo $_GET["alamat"];?> </body> </html>
<html>
<head>
<title> FORM METODE post</title>
</head>
<body>
<form action ="metodepostproses.php" method="post">
Masukkan nama : <input type="text" name="nama" size="25">
<input type="submit" value="proses">
</form>
</body>
</html>
<html>
<head>
<title> METODE post proses</title>
</head>
<body>
Data yang diinputkan adalah : <?php echo $_POST["nama"];?>
</body>
</html>
<html>
<body>
<?php
echo "penjumlahan <br>";
$p = 4;
$p += 4;
?>
</body>
</html>
<!DOCTYPE html> <html> <body> <?php echo "penjumlahan <br>"; $p = 4; $p += 4; echo $p; // 4 +4 = 8 , maka p = 8 echo "<br>pengurangan <br>"; $q = 4; //pengurangan $q -=4; echo $q;// 4- 4 = 0 , maka q = 0 echo "<br>modulus <br>" ; $x = 15; $x %= 4; // 15 sisa bagi 4 adalah 3 (karena 4 x 3 = 12, 15 -12 = 3 jadi sisa baginya adalah 3 echo $x; echo "<br>"; echo "<br> true jika, dua object beda<br>"; //ketidaksamaan $x = "green"; $y = "blue"; var_dump($x <> $y); // hasilnya adalah true , karena dua variabel berbeda, maka hasilnya adalah true echo "<br>"; echo "<br> true jika, dua object benar2 sama <br>"; //sama $t = "6"; $y = "6"; var_dump($t == $y); // hasilnya true, karena dua variabel tersebut "t dan y" adalah sama echo "<br>"; echo "<br> true jika, dua object beda <br>"; //2 object beda $e = "5"; $r = "6"; echo "$e!=$r="; var_dump($e != $r);// menghasilkan true jika 2 variabel berbeda $bil1 = 100; $bil2 = 20; $teks1= "PHP"; $teks2= "php"; $hasil=($bil1<>$bil2) or ($teks1==teks2); echo "<br>$bil1 <> $bil2 or $teks1 == teks2 adalah $hasil<br>"; var_dump($hasil); echo "<br>($teks1==$teks2)<br>"; var_dump($teks1==$teks2); $hasil=!($teks1==$teks2); echo "<br>($teks1==$teks2) adalah $hasil"; ?> </body> </html>berikut tampilan di browsernya adalah
Copyrights @ Kursus Komputer Solo - Blogger Templates By Templateism | galennolan.com
