Nama : Dias Tri Kurniasari
NRP : 05111940000035
Kelas : PWEB - B
Pembahasan
Tugas kedua PWEB adalah membuat profil diri dengan menerapkan materi HTML yang telah dipelajari sebelumnya. Sama seperti tugas 1, untuk meng-hosting halaman web profil diri yang telah dibuat, saya memanfaatkan Github Pages dimana default domain yang digunakan adalah github.io.
Informasi yang tersedia pada webiste yang telah saya buat terbagi menjadi 3 yaitu :
- Biodata Diri
- Riwayat Pendidikan
- Informasi Kontak
Berikut adalah tampilan website yang telah saya buat atau dapat diakses disini
Dalam mengerjakan tugas ini, saya menggunakan beberapa tag HTML beserta atributnya. Elemen HTML terbagi menjadi dua yaitu head dan body. Pada bagian head, saya menggunakan tag <meta> untuk mendefinisikan informasi di luar HTML dan tag <tittle> untuk memberikan judul dokumen. Sedangkan untuk bagian body, saya membaginya menjadi 3 bagian dengan menggunakan tag <header>, <main>, dan <footer>. Pada bagian <header>, saya menuliskan logo website dengan memanfaatkan tag <nav>. Pada bagian <main>, saya menggunakan tag <h1> dan pembuatan tabel dengan tag <table>. Di dalam tag <table> terdapat tag <tr> untuk membuat baris dan diisi dengan tag <td>. Untuk membuat table memiliki garis tepi dalam pembuatannya saya menggunakan border="1". Karena saya tidak menggunakan style pada header maka penggunaan style diletakkan di dalam tag sebagai contoh <body bgcolor="#FFDFD3". Terakhir yaitu pada <footer> saya isi copy right dengan menggunakan simbol ©.
Berikut source code yang saya buat dapat dilihat dibawah atau dapat diakses disini
<!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>PROFIL DIRI DIAS</title>
</head>
<body bgcolor="#FFDFD3" link=black alink=black vlink=black>
<header>
<nav>
<div id="logo">
<p>DisDias</p>
</div>
</nav>
</header>
<main>
<h1 align="center">
<font color="cd4c4c">PROFIL DIRI</font>
</h1>
<table width="745" border="1" cellspacing="0" cellpadding="5" align="center">
<tr align="center" bgcolor="#957DAD">
<th>BIODATA DIRI</th>
</tr>
</table>
<table width="745" border="1" cellspacing="0" cellpadding="5" align="center">
<tr align="center" bgcolor="#957DAD">
<th width="174">DATA DIRI</th>
<th width="353">KETERANGAN</th>
<th width="232">FOTO</th>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>Dias Tri Kurniasari</td>
<td rowspan="10" align="center"><img src="profile.jpg" width="230" height="313"></td>
</tr>
<tr>
<td>Nama Panggilan</td>
<td>Dias</td>
</tr>
<tr>
<td>Tempat, Tanggal Lahir</td>
<td>Kediri, 31 Desember 2000</td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>Perempuan</td>
</tr>
<tr>
<td>Alamat</td>
<td>Jl. Nusa Indah, Desa Rembang, Kecamatan Ngadiluwih, Kabupaten Kediri</td>
</tr>
<tr>
<td>Pekerjaan</td>
<td>Mahasiswa</td>
</tr>
<tr>
<td>Status</td>
<td>Belum Menikah</td>
</tr>
<tr>
<td>Hobi</td>
<td>Membaca</td>
</tr>
</table>
<br/>
<br/>
<table width="745" border="1" cellspacing="0" cellpadding="5" align="center">
<tr align="center" bgcolor="#957DAD">
<th>RIWAYAT PENDIDIKAN</th>
</tr>
</table>
<table width="745" border="1" cellspacing="0" cellpadding="5" align="center">
<tr align="center" bgcolor="#957DAD">
<th width="120">JENJANG PENDIDIKAN</th>
<th width="331">INSTITUSI</th>
<th width="174">JURUSAN</th>
<th width="120">TAHUN</th>
</tr>
<tr>
<td><center>SD</center></td>
<td><center>SDN Rembang I</center></td>
<td><center>-</center></td>
<td><center>2007-2013</center></td>
</tr>
<tr>
<td><center>SMP</center></td>
<td><center>MTsN 2 Kota Kediri</center></td>
<td><center>-</center></td>
<td><center>2013-2016</center></td>
</tr>
<tr>
<td><center>SMA</center></td>
<td><center>SMAN 2 Kediri</center></td>
<td><center>MIPA</center></td>
<td><center>2016-2019</center></td>
</tr>
<tr>
<td><center>S1</center></td>
<td><center>Institut Teknologi Sepuluh Nopember</center></td>
<td><center>Teknik Informatika</center></td>
<td><center>2019-Sekarang</center></td>
</tr>
</table>
<br/>
<br/>
<table width="745" border="1" cellspacing="0" cellpadding="5" align="center">
<tr align="center" bgcolor="#957DAD">
<th colspan="2">INFORMASI KONTAK</th>
</tr>
<tr>
<td>No Telepon</td>
<td><a href="tel:+6285257044110" target="_blank" rel="noopener noreferrer"
style="text-decoration:none">085257044110</a></td>
</tr>
<tr>
<td>Email</td>
<td><a href="mailto:diaskurniasari@gmail.com" target="_blank" rel="noopener noreferrer"
style="text-decoration:none">diaskurniasari2@gmail.com</a></td>
</tr>
<tr>
<td>Line</td>
<td><a href="https://line.me/ti/p/~exdtk_31" target="_blank" rel="noopener noreferrer"
style="text-decoration:none">exdtk_31</a></td>
</tr>
</table>
</main>
<footer>
<section id="foot">
<p align="center">
<small>© DisDias 2021</small>
</p>
</section>
</footer>
</body>
</html>
Komentar
Posting Komentar