Membuat Biodata Sederhana Menggunakan HTML

Untuk tugas ini saya membuat biodata sederhana untuk melatih pembuatan tabel menggunakan HTML. Berikut adalah source code dari halaman html yang saya buat.

<html>
<head>
<title>Biodata</title>
</head>
<body bgcolor="#A67B5B">
<h1 align="center">Biodata</h1>
<table align="center" border="1", bgcolor="#ADD8E6">
<tr>
<td colspan="3" style="font-size: 20px ;text-align: center;"><b>Data Pribadi</b></td>
</tr>
<tr>
<td rowspan="10"><img src="foto.png" width="200px"></td>
<td><b>Nama</b></td>
<td>Kelvin Andersen</td>
</tr>
<tr>
<td><b>NRP</b></td>
<td>05111940000080</td>
</tr>
<tr>
<td><b>Tempat,Tanggal Lahir</b></td>
<td>Tangerang Selatan, 24 Januari 2002</td>
</tr>
<tr>
<td><b>Jenis Kelamin</b></td>
<td>Laki - laki</td>
</tr>
<tr>
<td><b>Agama</b></td>
<td>Katolik</td>
</tr>
<tr>
<td><b>Alamat</b></td>
<td>Jl. Garuda Kencana 1, Serpong, Tangerang Selatan </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>
<tr>
<td><b>Informasi Umum</b></td>
<td><a href="extra.html"><button>Cari tahu!</button></a></td>
</tr>
</table>
</body>
</html>
view raw index.html hosted with ❤ by GitHub
<html>
<head>
<title>Informasi Umum</title>
</head>
<body bgcolor="#A67B5B", align="center">
<h1 align="center">Detail Biodata</h1>
<br>
<table align="center" border="1", bgcolor="#ADD8E6">
<tr>
<td colspan="3" style="font-size: 20px ;text-align: center;"><b>Riwayat Pendidikan</b></td>
</tr>
<tr>
<td align= "center"><b>Jenjang Pendidikan</b></td>
<td align= "center"><b>Keterangan</b></td>
<td align= "center"><b>Tahun</b></td>
</tr>
<tr>
<td>Sekolah Dasar</td>
<td>SD Saint John's Catholic School</td>
<td>2007 - 2013</td>
</tr>
<tr>
<td>Sekolah Menengah Pertama</td>
<td>SMP Saint John's Catholic School</td>
<td>2013 - 2016</td>
</tr>
<tr>
<td>Sekolah Menengah Atas</td>
<td>SMA Saint John's Catholic School</td>
<td>2016 - 2019</td>
</tr>
<tr>
<td>Perguruan Tinggi</td>
<td>Institut Teknologi Sepuluh Nopember</td>
<td>2019 - Now</td>
</tr>
</table>
<br>
<table align="center" border="1", bgcolor="#ADD8E6", width="750">
<tr>
<td colspan="3" style="font-size: 20px ;text-align: center;"><b>Informasi Umum</b></td>
</tr>
<tr>
<td><b>No.Telp</b></td>
<td>(+62)878-0819-6978</td>
</tr>
<tr>
<td><b>Email</b></td>
<td>kelvin.andersen5@gmail.com</a></td>
</tr>
<tr>
<td><b>Hobi</b></td>
<td>Main Game</td>
</tr>
<tr>
<td><b>Cerita Dari Hobi Saya</b></td>
<td>Saya suka bermain game PC. Game favorit saya adalah Genshin Impact. Selain gaming, saya memiliki minat di catur, kopi, dan NBA (bola basket).</td>
</tr>
</table>
<br>
<a href="index.html"><button>Kembali</button></a>
</body>
</html>
view raw extra.html hosted with ❤ by GitHub

Screenshot:


Link: https://kelvin2401.github.io/Biodata

Comments

Post a Comment

Popular posts from this blog

Final Project PBO B

Image
 Game Aim Trainer    Pada zaman sekarang ada banyak game shooter atau game FPS yang dimainkan banyak orang. Game-game terkenal seperti Fortnite, Call of Duty, Counter-Strike, Apex Legends, dan Valorant memerlukan skill aim yang sangat bagus untuk dapat menjadi pemenang. Game Aim Trainer ini bertujuan untuk melatih skill aim tersebut, terutama untuk orang-orang yang masih baru dalam genre shooter atau FPS karena orang yang hanya memainkan game shooter tidak akan melakukan aim sebanyak orang yang menggunakan atau memainkan game seperti aim trainer ini yang lebih intensif untuk melatih raw aim dari orang tersebut. Game ini juga dapat melatih dan memperbagus waktu reaksi Anda.     Cara memainkan game ini sangat sederhana. Kita hanya perlu untuk menklik "target" yang muncul secepat dan sebanyak mungkin sebelum waktu habis dimana skor kita akan muncul setelah game over. Target baru akan muncul setelah target sebelumnya diklik. Game ini cocok untuk pemula karena user h...
Read more

Tugas Membuat Program Traffic Light

Image
Pengantar Dengan tugas ini saya dapat mempelajari mengenai abstraksi, class diagram, object diagram, serta interaksi objek dan GUI (Graphics User Interface) sederhana menggunakan BlueJ untuk membuat program Traffic Light menggunakan bahasa pemrograman Java. Menurut saya hal terpenting yang dapat dipelajari adalah cara membuat timer menggunakan library Java.util.Calendar yang dapat mengubah nilai dari variabel detik sementara program sedang berjalan. 1. Abstraksi Program Traffic Light yang saya buat ini sangat sederhana, sehingga hanya memerlukan dua class karena saya tidak menggunakan gambar, melainkan saya menggunakan Text Field untuk menampilkan traffic light. Durasi yang saya tentukan untuk setiap warna lampu adalah 35 detik untuk warna merah, 20 detik untuk warna hijau, dan 5 detik untuk warna kuning. Cara saya membuat program ini adalah dengan mempelajari video cara membuat java digital clock ini  dan melakukan beberapa modifikasi untuk mengubah digital clock tersebut men...
Read more