10 bentuk penggunaan CSS, HTML dan PHP

Disini saya akan membeberkan 10 coding tentang 10 penggunaan CSS, HTML dan PHP

Dengan permasalahan yang bisa dilihat dari gambar dibawah ini

kuis

(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>

One Response to 10 bentuk penggunaan CSS, HTML dan PHP

  1. Linca says:

    Tutorialnya bagus, apabila anda ingin belajar lebih lagi tentang php, anda

    bisa menemukan DVD video tutorialnya di sini–>

    http://www.jualtutorialku.com/tutorial-programing

Leave a comment