Koneksi berhasil!<div class="table-container"><table>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Nama</th>
                    <th>NIM</th>
                    <th>URL</th>
                </tr>
            </thead>
            <tbody><tr>
                    <td>1</td>
                    <td>John Doe</td>
                    <td>123456789</td>
                    <td><a href='http://example.com' target='_blank'>http://example.com</a></td>
                  </tr><tr>
                    <td>2</td>
                    <td>Jane Smith</td>
                    <td>987654321</td>
                    <td><a href='http://janesmith.com' target='_blank'>http://janesmith.com</a></td>
                  </tr><tr>
                    <td>3</td>
                    <td>Andi Saputra</td>
                    <td>210300101</td>
                    <td><a href='http://andisaputra.com' target='_blank'>http://andisaputra.com</a></td>
                  </tr><tr>
                    <td>4</td>
                    <td>Budi Santoso</td>
                    <td>210300102</td>
                    <td><a href='http://budisantoso.com' target='_blank'>http://budisantoso.com</a></td>
                  </tr><tr>
                    <td>5</td>
                    <td>Citra Wulandari</td>
                    <td>210300103</td>
                    <td><a href='http://citrawulandari.com' target='_blank'>http://citrawulandari.com</a></td>
                  </tr><tr>
                    <td>6</td>
                    <td>Dewi Kartika</td>
                    <td>210300104</td>
                    <td><a href='http://dewikartika.com' target='_blank'>http://dewikartika.com</a></td>
                  </tr><tr>
                    <td>7</td>
                    <td>Eko Prasetyo</td>
                    <td>210300105</td>
                    <td><a href='http://ekoprasetyo.com' target='_blank'>http://ekoprasetyo.com</a></td>
                  </tr><tr>
                    <td>8</td>
                    <td>Fahmi Rizky</td>
                    <td>210300106</td>
                    <td><a href='http://fahmirizky.com' target='_blank'>http://fahmirizky.com</a></td>
                  </tr><tr>
                    <td>9</td>
                    <td>Gina Anindya</td>
                    <td>210300107</td>
                    <td><a href='http://ginanindya.com' target='_blank'>http://ginanindya.com</a></td>
                  </tr><tr>
                    <td>10</td>
                    <td>Hendra Wijaya</td>
                    <td>210300108</td>
                    <td><a href='http://hendrawijaya.com' target='_blank'>http://hendrawijaya.com</a></td>
                  </tr><tr>
                    <td>11</td>
                    <td>Indah Permata</td>
                    <td>210300109</td>
                    <td><a href='http://indahpermata.com' target='_blank'>http://indahpermata.com</a></td>
                  </tr><tr>
                    <td>12</td>
                    <td>Joko Susilo</td>
                    <td>210300110</td>
                    <td><a href='http://jokosusilo.com' target='_blank'>http://jokosusilo.com</a></td>
                  </tr><tr>
                    <td>13</td>
                    <td>Kiki Setiawan</td>
                    <td>210300111</td>
                    <td><a href='http://kikisetiawan.com' target='_blank'>http://kikisetiawan.com</a></td>
                  </tr><tr>
                    <td>14</td>
                    <td>Lina Handayani</td>
                    <td>210300112</td>
                    <td><a href='http://linahandayani.com' target='_blank'>http://linahandayani.com</a></td>
                  </tr><tr>
                    <td>15</td>
                    <td>Miko Rahmat</td>
                    <td>210300113</td>
                    <td><a href='http://mikorahmat.com' target='_blank'>http://mikorahmat.com</a></td>
                  </tr><tr>
                    <td>16</td>
                    <td>Nina Amalia</td>
                    <td>210300114</td>
                    <td><a href='http://ninaamalia.com' target='_blank'>http://ninaamalia.com</a></td>
                  </tr><tr>
                    <td>17</td>
                    <td>Oka Saputra</td>
                    <td>210300115</td>
                    <td><a href='http://okasaputra.com' target='_blank'>http://okasaputra.com</a></td>
                  </tr><tr>
                    <td>18</td>
                    <td>Pandu Wicaksono</td>
                    <td>210300116</td>
                    <td><a href='http://panduwicaksono.com' target='_blank'>http://panduwicaksono.com</a></td>
                  </tr><tr>
                    <td>19</td>
                    <td>Qory Maharani</td>
                    <td>210300117</td>
                    <td><a href='http://qorymaharani.com' target='_blank'>http://qorymaharani.com</a></td>
                  </tr><tr>
                    <td>20</td>
                    <td>Raka Saputra</td>
                    <td>210300118</td>
                    <td><a href='http://rakasaputra.com' target='_blank'>http://rakasaputra.com</a></td>
                  </tr><tr>
                    <td>21</td>
                    <td>Santi Widjaja</td>
                    <td>210300119</td>
                    <td><a href='http://santiwidjaja.com' target='_blank'>http://santiwidjaja.com</a></td>
                  </tr><tr>
                    <td>22</td>
                    <td>Tono Setiabudi</td>
                    <td>210300120</td>
                    <td><a href='http://tonosetiabudi.com' target='_blank'>http://tonosetiabudi.com</a></td>
                  </tr><tr>
                    <td>23</td>
                    <td>Umi Saraswati</td>
                    <td>210300121</td>
                    <td><a href='http://umisaraswati.com' target='_blank'>http://umisaraswati.com</a></td>
                  </tr><tr>
                    <td>24</td>
                    <td>Vicky Aditya</td>
                    <td>210300122</td>
                    <td><a href='http://vickyaditya.com' target='_blank'>http://vickyaditya.com</a></td>
                  </tr><tr>
                    <td>25</td>
                    <td>Wulan Dewi</td>
                    <td>210300123</td>
                    <td><a href='http://wulandewi.com' target='_blank'>http://wulandewi.com</a></td>
                  </tr><tr>
                    <td>26</td>
                    <td>Xenia Anjani</td>
                    <td>210300124</td>
                    <td><a href='http://xeniaanjani.com' target='_blank'>http://xeniaanjani.com</a></td>
                  </tr><tr>
                    <td>27</td>
                    <td>Yogi Priyanto</td>
                    <td>210300125</td>
                    <td><a href='http://yogipriyanto.com' target='_blank'>http://yogipriyanto.com</a></td>
                  </tr><tr>
                    <td>28</td>
                    <td>Zahra Lestari</td>
                    <td>210300126</td>
                    <td><a href='http://zahralestari.com' target='_blank'>http://zahralestari.com</a></td>
                  </tr></tbody></table></div><!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Website Responsif</title>
</head>


<style>
    /* Gaya dasar tabel */
    table {
        border-collapse: collapse;
        width: 100%;
        margin: 20px 0;
        font-size: 16px;
    }
    th, td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }
    th {
        background-color: #f2f2f2;
        font-weight: bold;
    }
    tr:hover {
        background-color: #f5f5f5;
    }

    /* Responsif: Bungkus tabel dengan kontainer scroll pada layar kecil */
    .table-container {
        overflow-x: auto; /* Tambahkan scroll horizontal jika tabel terlalu lebar */
    }

    /* Responsif: Penyesuaian untuk layar kecil */
    @media screen and (max-width: 600px) {
        table {
            font-size: 14px; /* Sesuaikan ukuran font */
        }
        th, td {
            padding: 6px; /* Kurangi padding untuk menghemat ruang */
        }
    }
</style>