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

List dan List Kombinasi - P4

Pemrograman Web-List Jenis List Ada 3 Macam Listing di HTML diantaranya: 1. Ordered List: Sebagai Penanda secara Terurut 2. Unordered List: Untuk membuat Penanda secara Tak Terurut 3. Definiton List: Sebagai Daftar Definisi Untuk Ordered List biasanya menggunakan angka 1,2,3 atau huruf Romawi I,II,III. Juga dengan Alfabet a,b,c,d atahupun dengan huruf "i"(i,ii,iii).Ordered List ini cocok sebagai urutan, Membuat Teks Prosedur untuk membuat sesuatu seperti langkah langkah,Komposisi makanan,Cara membuat,dan lain sebagainya. Ordered List: Ordered List perlu memakai Tag <ol>bdi bagian awal dan Tag</ol> di bagian akhir. Dan kita huga harus menambahkan Tag<ii> dan </ii> di bagian yang diberi Tanda. Contoh Penulisan Ordered List: <ol> <li> Urutan Pertama </li> <li> Urutan Kedua </li> </ol> Itu adalah contoh penulisan Ordered List.Ordered List bisa ditampilkan dengan huruf, angka, angka Romaw
Post a Comment
Read more