Tugas 2 - Biodata
Christopher Baptista · September 14, 2021
3 min read · ––– views
Pada pertemuan kedua kelas PWEB-D, tiap mahasiswa diberikan tugas untuk membuat Biodata Website berdasarkan contoh yang telah diberikan pada link berikut.
Di sini saya membuat Biodata Website menggunakan HTML & CSS Internal. Halaman Biodata dapat diakses melalui biodata here.
HTML & CSS
Keseluruhan code program pada file index.html dapat dilihat di bawah ini.
index.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Biodata - Christopher Baptista</title> <style> * { font-family: arial, sans-serif; } body { background: url("bg.jpg"); width: 900px; margin-left: auto; margin-right: auto; } table { border-collapse: collapse; width: 100%; border: 4px solid #FFFFA8; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } a { color: #1f1f1f; text-decoration: none; } a:hover { color: rgb(20, 134, 228); text-decoration: none; } tr:nth-child(even) { background-color: #dddddd; } tr:nth-child(odd) { background-color: #ffff; } h1, h2 { color: #ffff; } </style></head><body> <div> <h1 style="text-align: center">Biodata</h1> <div style="display: flex;"> <img src="foto.jpg" alt="Penampakan Wajah Saya" style="margin-right: auto; width: 260px; border-radius: 1rem;" /> <table style="width: 630px; margin-left: auto;"> <tr> <td><b>Nama Lengkap</b></td> <td>Christopher Baptista</td> </tr> <tr> <td><b>Tempat, Tanggal Lahir</b></td> <td>Kuala Kapuas, 27 Desember 2001</td> </tr> <tr> <td><b>Jenis Kelamin</b></td> <td>Laki-laki</td> </tr> <tr> <td><b>Agama</b></td> <td>Kristen Protestan</td> </tr> <tr> <td><b>Alamat</b></td> <td>Jalan Hidrodinamika III Blok T-91, Sukolilo, Surabaya</td> </tr> <tr> <td><b>Status</b></td> <td>Belum Menikah</td> </tr> <tr> <td><b>Pekerjaan</b></td> <td>Mahasiswa</td> </tr> <tr> <td><b>Kewarganegaraan</b></td> <td>Indonesia</td> </tr> </table> </div> <h2>Riwayat Jenjang Pendidikan Formal</h2> <table> <tr> <th>Jenjang Pendidikan</th> <th>Keterangan</th> <th>Tahun</th> </tr> <tr> <td>Sekolah Dasar</td> <td>SD Negeri 5 Selat Hilir</td> <td>2007 - 2013</td> </tr> <tr> <td>Sekolah Menengah Pertama</td> <td>SMP Negeri 2 Selat</td> <td>2013 - 2016</td> </tr> <tr> <td>Sekolah Menengah Atas</td> <td>SMA Negeri 1 Kuala Kapuas</td> <td>2016 - 2019</td> </tr> <tr> <td>Perguruan Tinggi</td> <td>S1 - Teknik Informatika ITS</td> <td>2019 - Sekarang</td> </tr> </table> <h2>Informasi Umum</h2> <table> <tr> <td><b>Nomor HP</b></td> <td>+6285249765539</td> </tr> <tr> <td><b>E-mail</b></td> <td><a href="mailto:kotaair267@gmail.com">kotaair267@gmail.com</a></td> </tr> <tr> <td><b>Hobi</b></td> <td>Belajar dari youtube</td> </tr> <tr> <td><b>Cerita dari Hobi Saya</b></td> <td> Hobi saya yaitu belajar melalui youtube. Semenjak pandemi saya selalu mengakses youtube setiap hari, baik untuk hiburan, belajar seputar materi perkuliahan, dan lain sebagainya. Manfaat dari belajar melalui youtube adalah saya lebih mudah memahami materi yang disampaikan, karena materi disampaikan secara verbal dan terdapat contoh yang dijelaskan secara detail. </td> </tr> </table> </div></body></html>