[Tugas Pertemuan ke-3] Tabel

Membuat Tabel

Nama: Lucky Virgiawan Dwi Widodo
NRP: 5053231007
Kelas: Pemrograman Web (M)

  • Tabel Nilai Siswa

Source Code (HTML):
<!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

Postingan populer dari blog ini

[Tugas Pertemuan ke-1] Portofolio

[Tugas Study Case] Simple Landing Page