Tugas 2 Membuat Website CV
ditulis oleh Hana Machmudah
Dalam pembuatan website CV kali ini saya menggunakan HTML dengan implementasiannya lebih banyak menggunakan tabel. website CV ini terdiri dari 2 halaman. Halaman pertama berisi bidata singkat dan halaman ke dua berisi tennatng riwayat pendidikan dan informasi umum seputar data pribadi. Berikut website CV yang saya buat CV Hana.
halaman 1:
Untuk Algoritmanya terdapat 2 file html. Yang pertama yaitu index html untuk membuat halaman pertama pada website dan ada file hobidanriwayat.html yaitu algoritma HTML untuk halaman kedua.
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Biodata Hana Machmudah</title>
<style>
table, td {
font-family: cursive;
color: white;
font-size: large;
}
body{
background-image: url('bg.jpg');
width: 900px;
margin-right: auto;
margin-left: auto;
}
h1 {
text-align: center;
color: hotpink;
}
</style>
</head>
<body>
<br>
<h1><strong>BIODATA</strong></h1>
<br><br>
<table cellpadding="5" cellspacing="3">
<tr>
<td rowspan="9" width="30%" align="center"><img src="2.jpg"></td>
<td>Nama Lengkap</td>
<td>:</td>
<td>Hana machmudah</td>
</tr>
<tr>
<td>Tempat, Tanggal Lahir</td>
<td>:</td>
<td>Gresik, 7 Maret 2020</td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td>Perempuan</td>
</tr>
<tr>
<td>Agama</td>
<td>:</td>
<td>Islam</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td>JL. K.H. Syafi'i Dahanrejo Lor, Kec. Kebomas, Kab. Gresik, Jawa Timur</td>
</tr>
<tr>
<td>Status</td>
<td>:</td>
<td>Belum Menikah</td>
</tr>
<tr>
<td>Pekerjaan</td>
<td>:</td>
<td>Mahasiswa</td>
</tr>
<tr>
<td>Kewarganegaraan</td>
<td>:</td>
<td>Indonesia</td>
</tr>
<tr>
<td>Riwayat & Hobi</td>
<td>:</td>
<td>Ingin tahu riwayat & hobi?
<a href="content/hobidanriwayat.html">
<button>cari tahu</button>
</a>
</td>
</tr>
</table>
<br><br><br><br><br><br><br>
</body>
</html>
hobidanriwayat.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hobi dan Riwayat Hana Machmudah</title>
<style>
table, td {
font-family: cursive;
color: orange;
font-size: large;
border: 2px solid #ffffff;
}
body{
background-image: url('../bg.jpg');
width: 900px;
margin-right: auto;
margin-left: auto;
}
table{
width: 100%;
align-content: center;
}
h1 {
text-align: center;
color: hotpink;
}
</style>
</head>
<body>
<br>
<h1><strong>RIWAYAT PENDIDIKAN</strong></h1>
<table>
<tr>
<td align="center">JENJANG PENDIDIKAN</td>
<td align="center">KETERANGAN</td>
<td align="center">TAHUN</td>
</tr>
<tr>
<td>Sekolah Dasar</td>
<td>SD Negeri Dahanrejo</td>
<td>2007-2013</td>
</tr>
<tr>
<td>Sekolah Menengah Pertama</td>
<td>SMP Negeri 1 Gresik</td>
<td>2013-2016</td>
</tr>
<tr>
<td>Sekolah Menengah Keatas</td>
<td>SMA Negeri 1 Manyar Gresik</td>
<td>2016-2019</td>
</tr>
<tr>
<td>Perguruan Tinggi</td>
<td>Institut Teknologi Sepuluh Nopember</td>
<td>2019-sekarang</td>
</tr>
</table>
<br><br>
<h1><strong>INFORMASI UMUM</strong></h1>
<table>
<tr>
<td width="20%">Nomer Telepon</td>
<td>089688230090</td>
</tr>
<tr>
<td width="20%">Email</td>
<td>machmudahhana@gmail.com</td>
</tr>
<tr>
<td width="20%">Hobi & Kesukaan</td>
<td>Bernyayi, Mendengarkan Musik, Menonton Drama</td>
</tr>
<tr>
<td width="20%">Deskripsi</td>
<td>Saya sangat suka mendengarkan musik dari berbagai genre musik.
musik membuat saya tidak merasakan bosen dan sebagai hiburan
bagi diri saya. Tidak hanya musik saya juga sangat menyukai
film atau drama. Namun saya lebih menyukai drama, apalagi
drama korea yang bergenre comedy, sejarah, sekolah, ataupun
lainnnya kecuali yang bergenre detektif dan romance saya
tidak terlalu suka. Saya juga suka musik dari OST drama yang
saya lihat.</td>
</tr>
</table>
<br><br><br>
<table>
<tr>
<td align="right">
<a href="../index.html">
<button>kembali</button>
</a>
</td>
</tr>
</table>
<br><br><br>
</body>
</html>
Komentar
Posting Komentar