10 bentuk penggunaan CSS, HTML dan PHP
April 26, 2013 1 Comment
Disini saya akan membeberkan 10 coding tentang 10 penggunaan CSS, HTML dan PHP
Dengan permasalahan yang bisa dilihat dari gambar dibawah ini
(No. 1 dimulai dari kiri atas lalu dilanjutkan ke kanan)
No. 1 Membuat link pada huruf dan gambar
<head> <style> a:link {color:#FF0000;} a:visited {color:#00FF00;} a:hover {color:#FF00FF;} a:active {color:#0000FF;} </style> </head> <body> <p><b>Ini <a href="default.asp" target="_blank">link</a> karakter</b></p> <p><b>Ini link Gambar : </b><p> <p><a href="default.asp"><img src="images/piss.gif" alt="HTML tutorial" width="50" height="50"></a></p> </body> </html>
No. 2 Mengganti warna background
<html> <head> <style> body {background-color:yellow;} h1 {font-size:36pt;} h1 {color:blue;} </style> </head> <body> <h1>Ini adalah CSS internal</h1> </body> </html>
No. 3 Membuat tabel dengan Colspan
<html> <body> <h1>Ini adalah tabel colspan</h1> <table border="1"> <tr> <th>Name</th> <th colspan="2">Email</th> </tr> <tr> <td>Hadyan Taris Akbar</td> <td>great.man@live.com</td> <td>hadyantaris@outlook.com</td> </tr> </table> </body> </html>
No. 4 Membuat tabel dengan Rowspan
<html> <body> <h1>Ini adalah tabel colspan</h1> <table border="1"> <tr> <th>Name</th> <td>Hadyan Taris Akbar</td> </tr> <tr> <th rowspan="2">Email</th> <td>great.man@live.com</td> </tr> <tr> <td>hadyantaris@outlook.com</td> </tr> </table> </body> </html>
No. 5 Membuat tabel dengan Cellspacing
<html> <body> <h1>Ini adalah tabel dengan cellspacing = 10</h1> <table border="1" cellspacing="10"> <tr> <td>First</td> <td>Row</td> </tr> <tr> <td>Second</td> <td>Row</td> </tr> </table> </body> </html>
No. 6 Membuat tabel dengan Cellpading
<html> <body> <h4>Ini adalah tabel dengan cellspading = 10</h4> <table border="1" cellpadding="10"> <tr> <td>First</td> <td>Row</td> </tr> <tr> <td>Second</td> <td>Row</td> </tr> </table> </body> </html>
No. 7 Penggunaan pengulangan FOR dalam PHP
<html> <body> <h1>Ini adalah file PHP menggunakan pengulangan "for"</h1> <?php for ($i=10; $i>=1; $i--) { echo "Bom akan meledak dalam hitungan " . $i . "<br>"; } ?> </body> </html>
No. 8 Penggunaan IF-ELSE dalam PHP
<html> <body> <h1>Ini adalah file PHP menggunakan If Else</h1> <?php $d=date("D"); if ($d=="Fri") { echo "Have a nice weekend!"; } else { echo "Have a nice day!"; } ?> </body> </html>
Saat mengakses file dengan menggunakan date biasanya terdapat error pada output. Hal ini dapat diatasi dengan membuat file .htaccess yang berisi
php_value date.timezone Asia/Jakarta
No. 9 Menggunakan perulangan while dalam PHP
<html> <body> <h1>Ini adalah file PHP menggunakan perulangan While</h1> <?php $i=1; while($i<=13) { echo "Ini adalah nomor " . $i . "<br>"; $i++; } ?> </body> </html>
No. 10 Membentuk form dengan PHP
<html> <body> <h1>Ini adalah file PHP menggunakan form</h1> <form action="welcome.php" method="post"> Nama : <input type="text" name="fname"><br> Age: <input type="text" name="age"><br> <input type="submit" name="submit" value="submit"> </form> </body> </html>
Pada form action terdapat welcome.php yang berguna untuk menampilkan Nama dan Umur yang telah dimasukkan
dengan output sebagai berikut :
Welcome Jabberfunky(fname)!
You are 1000(age) years old.
Dengan code programnya sebagai berikut :
welcome.php
<html> <body> Welcome <?php echo $_POST["fname"]; ?>!<br> You are <?php echo $_POST["age"]; ?> years old. </body> </html>
Tutorialnya bagus, apabila anda ingin belajar lebih lagi tentang php, anda
bisa menemukan DVD video tutorialnya di sini–>
http://www.jualtutorialku.com/tutorial-programing