Membuat Halaman HTML Sederhana

Di minggu ke-empat perkuliahan semester 8 ini, saya mendapat tugas untuk membuat sebuah halaman HTML sederhana yang berisi CV. Dan dibawah ini merupakan halaman HTML yang sudah saya buat untuk memenuhi tugas yang diberikan.

Halaman Profile

Gambar diatas merupakan halaman pertama dari beberapa halaman HTML yang saya buat. Dan berikut ini merupakan coding HTML dari halaman diatas.

<html><head> <style type='text/css'> *{ font-family:Arial; text-align:center;} body{ background:url(lalala.jpg) repeat;} ul{ margin-top:150px; margin-left:-39px; list-style:none; text-align:center; width:100px; } li a{ color:purple; font-weight:bold; } h1{ font-size:42px; font-weight:bold; color:purple;} h1, ul li { background:white; opacity:0.8; } ul li { width:100px; padding:6px; } table{ margin-left:100px; float:none; clear:both; font-size: 15px; font-weight:bold; color:black} </style> </head> <body> <h1> CURRICULUM VITAE</h1> <center> <div style='margin-top:-21px;width:988px;background:white;opacity:0.8;border:2px solid black;'> Tita Husnul Sri Khotiah</div> </center> <img src="tata.jpg" width="117" height="169" align="left"> <br> <ul> <li><a href='tita.html'>Profile</a></li> <li><a href='education.html'>Education and Training</a></li> <li><a href='academic.html'>Academic Experiences</a></li> <li><a href='skill .html'>Skill and Interest</a></li> </ul> <br> <div style='position:absolute;top:87px;left:20px;'> <table border='1' style='background-color:white;opacity:0.8;border:2px solid black'> <tr> <td width='250px' height='50px' valign='center' style='text-align:center;font-weight:bold;color:purple;'>Adress</td> <td width='612px'>Jl. RTM Gg. Sadar, RT/RW 008/010, No.86, Kel. Tugu, Kelapa Dua, Cimanggis</td> </tr> <tr> <td height='50px' style='text-align:center;font-weight:bold;color:purple;'>Mobile</td> <td>+62897 885 4969 / +62857 100 128 41 </td> </tr> <tr> <td height='50px' style='text-align:center;font-weight:bold;color:purple;'>Date and Place of Birth</td> <td>Bandung, Oktober, 20th 1992 </td> </tr> <tr> <td height='50px' style='text-align:center;font-weight:bold;color:purple;'>Gender</td> <td>Female</td> </tr> <tr> <td height='50px' style='text-align:center;font-weight:bold;color:purple;'>Religion</td> <td>Islam</td> </tr> <tr> <td height='50px' style='text-align:center;font-weight:bold;color:purple;'>Email Address</td> <td>titandonn@gmail.com</td> </tr> <tr> <td height='50px' style='text-align:center;font-weight:bold;color:purple;'>Blog</td> <td>http://tita-online.blogspot.com/</td> </tr> </table> </div> </body> </html>

Dapat dilihat bahwa di halaman HTML yang saya buat, terdapat empat menu yang mengarah ke halaman lain. Menu-menu tersebut adalah "Profile" yang merupakan halaman pertama, lalu menu "Education and Training" yang mengarah ke halaman yang berisi latar belakang pendidikan saya, yang ketiga yaitu menu "Academic Experiences" mengarah ke halaman yang berisi pengalaman-pengalaman seminar saya, dan yang terakhir adalah menu "Skill and Interests". Berikut ini merupakan screen capture dari halaman-halaman tersebut.