Membuat HTML Daftar Riwayat Hidup

Assalammualaikum..

Halo teman-teman. Ini adalah sedikit contoh pembuatan HTML sederhana menggunakan notepad. Dimana tugas ini dibuat untuk memenuhi mata kuliah Pemrograman Berbasis Web. Di dalam tugas ini, saya membuat Daftar Riwayat Hidup dengan lima menu, yaitu home, data pribadi, pendidikan formal, pengalaman kerja, dan social networking. Dimana dalam setiap menu tersebut terdapat gambar, foto, tabel, garis, maupun informasi lain yang dapat me - link ke tempat lain. Berikut adalah cara pembuatannya:

1.) Buat file baru di notepad, yang saya beri nama oneone.html, twotwo.html, threethree.html, fourfour.html, dan fivefive.html. Dimulai dari file oneone, di dalam file ini terdapat menu home yang akan menampilkan gambar dan tulisan 'siapa saya' yang akan me-link ke tempat lain, disini saya me-link ke tulisan di dalam blog saya. Seperti di bawah ini :

2.) Sekarang kita isi file notepad selanjutnya yaitu twotwo.html. dalam file tersebut terdapat menu data pribadi, seperti tampilan di bawah ini :

Source Code untuk membuat halaman tersebut hampir sama dengan file oneone yang sebelumnya, disini hanya ditambah dengan pembuatan tabel dengan 2 baris dan 2 kolom, untuk pembuatan tabel, berikut adalah source code programnya:

3.) Untuk menu pendidikan formal (threethree.html), pengalaman kerja(fourfour.html), dan social networking(fivefive.html), source code yang digunakan sama, hanya perlu di edit sesuai dengan isi yang akan kita buat, tampilan dari masing-masing menu seperti di bawah ini:

- Menu Pendidikan formal

- Menu Pengalaman Kerja

4.) Sedikit berbeda mungkin pada file five.five.html yang menampilkan menu social networking, seperti twitter, facebook, dan blog yang me-link ke social network yang saya punya, dimana untuk melink tersebut saya menggunakan icon berupa gambar. sehingga jika dklik akan me-link ke halaman yang telah saya tentukan dengan menggunakan potongan kode program di bawah ini :