[Tugas Pertemuan ke-3] Tabel
Membuat Tabel
Nama: Lucky Virgiawan Dwi Widodo
NRP: 5053231007
Kelas: Pemrograman Web (M)
- Tabel Nilai Siswa
<!DOCTYPE html> <html lang="id"> <head> <title>HTML Table</title> <style> table, th, td { border: 2px solid black; border-collapse: collapse; } th, td { padding: 10px; } </style> </head> <body> <table style="width:75%"> <thead style="background-color: #305bb1;"> <tr> <th rowspan="2" style="color: white;">Nama</th> <th colspan="3" style="color: white;">Nilai</th> </tr> <tr> <th style="color: white;">Kimia</th> <th style="color: white;">Fisika</th> <th style="color: white;">Biologi</th> </tr> </thead> <tbody> <tr> <td>Robby</td> <td>76</td> <td>80</td> <td>81</td> </tr> <tr> <td>Rendi</td> <td>84</td> <td>70</td> <td>75</td> </tr> <tr> <td>Alfian</td> <td>96</td> <td>70</td> <td>71</td> </tr> </tbody> </table> </body> </html>
- Tabel Produk Unggulan
Source Code (HTML):
<!DOCTYPE html> <html lang="id"> <head> <title>Table HTML 2</title> </head> <body> <table border="1"> <thead style="background-color: yellow;"> <tr> <th colspan="3">Produk Unggulan</th> </tr> </thead> <tbody> <tr> <td rowspan="4"> <img src="assets/img/PLbag.jpeg" width="200"> </td> </tr> <tr> <td>Nama</td> <td>Benih Kode</td> </tr> <tr> <td>Harga</td> <td>Rp 192.000</td> </tr> <tr> <td>Fitur</td> <td> <ul> <li>Dilengkapi Dokumentasi</li> <li>Ukuran: 31MB</li> <li>Masa Tanam: 6 Bulan</li> <li>Lisensi: MIT</li> </ul> </td> </tr> </tbody> </table> </body> </html>
Komentar
Posting Komentar