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

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

Profil PHP - P19

PROFIL SAYA 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 <!DOCTYPE html> <html> <head> <title> DATA PRIBADI </title> <link rel="stylesheet" type="text/css" href="coba.css" > </head> <body> <section class="kotaknya" > <img src="FOTO.png" clas="image" width="300" height="450" /> </div> </section> <h1> Biografi pribadi </h1> <?php $nama_saya = "Muhamad Alfi Rizqi"; $kelas = "XI RPL 1"; $sekolah = "SMKN 4 Bandung"; $nis = "1718 117123"; $umur = "16 Tahun"; $berat_badan= "50 kg"; $hobi = "Bersepeda, Playing Games, mendaki"; $tinggi = "167 cm"; $alamat = ...
Post a Comment
Read more

Array pada JS - P13

Di pembahasan kali ini akan membahas JS Array..Langsung simak aja guys... 1. Pengertian Array 2. Jenis jenis Array 3. Contoh contoh Array 1. Pengertian Array     Array adalah tipe data yang berisi kumpulan dari nilai atau tipe data lain. Nilai di dalam array disebut dengan elemen, dan setiap elemen memiliki ‘nomor urut’ yang dikenal dengan istilah index. Penomoran index di dalam array dimulai dari angka 0, sehingga elemen pertama berada di index0, elemen kedua berada di index 1, dst.     Array di dalam JavaScript bersifat dinamis, dan kita tidak perlu mendefenisikan berapa ukuran array pada saat membuat variabel. Jumlah elemen dapat ditambah dan dikurang setiap saat. Index array di dalam JavaScript juga tidak harus berurutan, JavaScript membolehkan elemen dari array ‘tidak terur...
Post a Comment
Read more