Skip to main content

Membuat Tabel dengan PHP - P25

Cara membuat Tabel dengan PHP

Penjelasan:
  • $array adalah nama variabel array yang akan kita gunakan untuk perulangan.
  • $key merupakan nama variabel yang mewakili nilai index yang ada di dalam variabel $array. Kita bebas memberi nama variabel ini, umumnya variabel tersebut diberi nama $key atau cukup $k
  • Tanda => digunakan untuk menghubungkan antara $key dan $value nya
  • Seperti pada model pertama, $value adalah nama variabel yang mewakili data value yang ada di dalam variabel $array. Kita juga bebas memberi nama variabel ini, umumnya nama yang digunakan adalah $value, $val, atau cukup $v

<!DOCTYPE html>
<html>
<head>
 <title>MARVELL</title>
 <style type="text/css">
  html,
body {
 height: 100%;
}

body {
 margin: 0;
 background: linear-gradient(45deg, #49a09d, #5f2c82);
 font-family: sans-serif;
 font-weight: 100;
}

table {
 width: 800px;
 border-collapse: collapse;
 overflow: hidden;
 box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

th,
td {
 padding: 15px;
 background-color: rgba(255,255,255,0.2);
 color: #fff;
}

th {
 text-align: left;
}

thead {
 th {
  background-color: #55608f;
 }
}

tbody {
 tr {
  &:hover {
   background-color: rgba(255,255,255,0.3);

  }
 }
 td {
  position: relative;
 }
}
 </style>
</head>
<body>
 <?php 
  $siswa1 = array('1718117121' => "Kapten Tony", 'MIF 1'=>"MIF" );
  $siswa2 = array('1718117121' => "Kapten Thanos", 'MIF 2'=>"MIF" );
  $siswa3 = array('1718117121' => "Kapten Peter Parker", 'MIF 3'=>"MIF" );
  $siswa4 = array('1718117121' => "Kapten Wakanda", 'MIF 1' => "MIF" );

  echo "<table border=1>
  <thead>
   <tr>
    <td>NIS</td>
    <td>NAMA</td>
    <td>KELAS</td>
    <td>JURUSAN</td>
   </tr>
   </thead>
  ";
echo "<tbody><tr>";
   foreach ($siswa1 as $ID => $nama) {
    echo "<td>".$ID.'</td><td>'.$nama."</td>" ;
   } echo "</tr>";echo "<tr>";

    foreach ($siswa2 as $ID => $nama) {
    echo "<td>".$ID.'</td><td>'.$nama."</td>" ;
   } echo "</tr>";echo "<tr>";

    foreach ($siswa3 as $ID => $nama) {
    echo "<td>".$ID.'</td><td>'.$nama."</td>" ;
   } echo "</tr>";echo "<tr>";

    foreach ($siswa4 as $ID => $nama) {
    echo "<td>".$ID.'</td><td>'.$nama."</td>" ;
   } echo "</tr></tbody>";
   echo "</table>";
  ?>

</body>
</html>


Hasilnya:




Comments

Post a Comment

Popular posts from this blog

Membuat Anak Tangga menggunakan PHP - P24

Cara Membuat Anak Tangga menggunakan Array 2 Dimensi & Looping  Kali ini saya akan menunjukan kepada kalian cara membuat Anak Tangga di PHP menggunakan Array 2 dimensi & Looping dengan menyesuaikan Input dan pilihan warna dari User. Semoga bermanfaat~ <?php error_reporting ( 0 ); $jumlah = $_POST [ 'anakTangga' ]; $warna = $_POST [ 'warnaTangga' ]; for ( $i = 0 ; $i < $jumlah ; $i ++) { for ( $j = 0 ; $j < $i ; $j ++) { echo "<div class='kotak' style='background-color:$warna'></div>" ; } echo "<div class='kotak' style='background-color:$warna'></div><br>" ; } ?> Dan ini hasilnya Keterangan: Bahwa dalam menggunakan Array 2 Dimensi & Looping akan terus menerus mengulang sesuai dengan Input User <!DOCTYPE html> <html> <head> <title> Tangga Berwarna </title> </head> ...
Post a Comment
Read more

Komponen Audio,Video & Flash - P7

Menyediakan komponen, Audio, Video & Flash Format Tampilan Video Kita dapat menampilkan format audio pada halaman web, untuk menampilkannya dapat digunakan format seperti ini  Hasilnya: Source Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html> <head> <title> cek video </title> </head> <body> <video width= "999" height= "540" controls poster= "gambarku/cute-030.jpg" > <source src= "This Is Me.mkv" type= "video/mp4" > browser anda tidak mendukung format video ini </video> </body> </html> Format Tampilan Audio  Hasilnya: Format Tampilan Flash 1 2 3 4 5 6 7 8 <html> <head> <title> Animasi </title> </head> <body> <embed src= "media/Strong.swf" > </body> </html> Hasilnya: Aud...
4 comments
Read more

Algoritma C++ Konversi dan Menukar Bilangan dari User

MENJADIKAN CODING C++ BERMANFAAT UNTUK USER Selamat beraktivitas bagi pembaca sekalian dimanapun kalian berada.. Kali ini saya akan menunjukan kepada kalian coding sederhana dengan C++ sesuai dengan judulnya  Yang saya bahas kali ini adalah  -PERTUKARAN NILAI MENGGUNAKAN VARIABEL BANTU -PERTUKARAN NILAI TANPA MENGGUNAKAN VARIABEL BANTU -BILANGAN POSITIF & NEGATIF dan -KONVERSI WAKTU DARI DETIK KE JAM, MENIT, dan DETIK Langsung saja ke pembahasan di bawah ini. 1. PERTUKARAN NILAI MENGGUNAKAN VARIABEL BANTU -Kita menginisialisasikan terlebih dahulu variabelnya x, y, z dengan tipe data Integer sebenarnya variabel z hanya variabel pembantu saja -Lalu untuk pengulangannya saya memakai do while  dengan menginisialisasikan pilih dengan tipe data char -Lalu pengulangannya saya tulis do{ -Saya outputkan dengan  cout << "Masukan Nilai X : " ; dan input dengan cin >> a ; -Untuk proses saya masukan z = x ; x = y ; y = z ; ...
Post a Comment
Read more