Tugas 2 Pemrograman Web - Membuat CV dengan HTML
Tugas kedua yang diberikan kali ini ialah membuat CV menggunakan HTML. HTML merupakan salah satu bahasa mark up standar untuk membuat dan menyusun suatu webite.
Berikut merupakan dokumentasi dari CV yang telah dibuat,
Source Code
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>CV Fidhia</title> | |
| </head> | |
| <style> | |
| table { | |
| border: 0.1px solid #ddd; | |
| border-collapse: collapse; | |
| width: 70%; | |
| } | |
| body { | |
| background-color: brokenwhite; | |
| font-family: sans-serif; | |
| } | |
| td { | |
| background-color:mintcream; | |
| } | |
| th { | |
| background-color: lightsteelblue; | |
| } | |
| .center { | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 20%; | |
| } | |
| th, td { | |
| padding: 15px; | |
| border-bottom: 1px solid #ddd; | |
| } | |
| </style> | |
| <body> | |
| <h1 align="center">CURRICULUM VITAE</h1> | |
| <img src="gambar.jpg" alt="gambar" class="center"> | |
| <p align="center"> | |
| Get in Touch with me! | |
| <br> | |
| <b>@fidhiaaka</b> | |
| </p> | |
| <table align="center"> | |
| <tr> | |
| <th colspan="2" style="text-align: center;"> | |
| <b>Data Pribadi</b> | |
| </th> | |
| </tr> | |
| <tr> | |
| <td style="text-align: left;"> | |
| <b>Nama Lengkap</b> | |
| </td> | |
| <td>Fidhia Ainun Khofifah</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: left;"> | |
| <b>Tempat, Tanggal Lahir</b> | |
| </td> | |
| <td>Gresik, 10 Agustus 2001</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: left;"> | |
| <b>Asal</b> | |
| </td> | |
| <td>Gresik, Jawa Timur</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: left;"> | |
| <b>MBTI</b> | |
| </td> | |
| <td>ESFP-T</td> | |
| </tr> | |
| <tr> | |
| <th colspan="2" style="text-align: center;"> | |
| <b>Riwayat Pendidikan</b> | |
| </th> | |
| </tr> | |
| <tr> | |
| <td> | |
| <b>Institut Teknologi Sepuluh Nopember</b> | |
| <br> | |
| Departemen Teknik Informatika | |
| </td> | |
| <td>2019 - Sekarang</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <b>SMA Negeri 1 Manyar Gresik</b> | |
| </td> | |
| <td>2016 - 2019</td> | |
| </tr> | |
| <tr> | |
| <th colspan="2" style="text-align: center;"> | |
| <b>Pengalaman Kepanitiaan dan Organisasi</b> | |
| </th> | |
| </tr> | |
| <tr> | |
| <td> | |
| <b>Staff Departemen Minat Bakat</b> | |
| <br> | |
| Himpunan Mahasiswa Teknik Computer-Informatika ITS | |
| </td> | |
| <td>2020 - Sekarang</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <b>BPH Biro Sponsorship</b> | |
| <br> | |
| Schematics ITS | |
| </td> | |
| <td>2020</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <b>Staff Divisi Event</b> | |
| <br> | |
| Paduan Suara Mahasiswa ITS | |
| </td> | |
| <td>2020 - Sekarang</td> | |
| </tr> | |
| </table> | |
| </body> | |
| </html> |
Sekian dokumentasi dari tugas 2.
Comments
Post a Comment