YayBlogger.com
BLOGGER TEMPLATES

Pages

membuat html sederhana (curiculum vitae)


.




Html sederhana merupakan kumpulan  dari kode Script yang disusun sehingga bisa berbentuk seperti web,  html ini bisa di buka ketika online (terhubung dengan internet ) maupun ketika offline (tidak terhubung dengan internet). Dalam tulisan ini dijelaskan pembuatan HTML sederhana menggunakan text editor  notepad.Untuk tampilan awalnya menggunakan  source code dibawah ini, 




kemudian save as dengan nama pertama.htm untuk mengisi titik-titik yang kosong diatas bisa diisi dengan teks, tabel, gambar dan lainnya.

 Untuk membuat jenis font (face) :
Tulis judul dengan Font Verdana
konten denga font Times
*  Untuk membuat ukuran(size) :
Judul denganSize 5
Konten dengan size 3
*  Untuk membuat warna font (color) :
Judul dengan warna biru
Konten dengan warna merah
Contoh Lengkap untuk membuat jenis font (face),Size and Color :
Judulnya tentang font
ini adalah  contoh tulisan dengan  pengaturan font yang menggunakan
  
{
dalam kode script berarti enter}
tag HTML element
font dengan atribut face, color, and size….
 Contoh efeck text berkedip :
Isikan Kode script










Dalam source code diatas dijelaskan untuk menampilkan tulisan, header , jenis font, ukuran serta warna font nya.
File yang disimpan dengan nama pertama.htm sebagai tampilan home.
Html ini menggunakan 5 menu  yaitu home, personal data, education, academic experience, dan skill. Cara membuat menu-menu tersebut dengan membuat file .html baru dengan nama kedua.htm untuk  menu personal data, ketiga.htm untuk menu education, keempat.htm untuk menu academik experiences, dan kelima untuk menu skill.
Untuk menghubungkan ke tampilan menu-menu tersebut dengan 
personal data |.......






Berikut merupakan output dari menu home







Untuk pilihan menu kedua yaitu personal data yang disimpan dengan nama file kedua.html.
Dalam menu tersebut terdapat gambar  dan isi berupa tabel.
Untuk memasukan gambar  dengan



nama file gambar septi.jpg dengan lebar 157" dan tinggi gambar 226".
untuk membuat tabel dengan:
















Source code diatas membuat tabel dengan 2 kolom dan 2 baris. Warna background, warna border dan ukuran dari tabel bisa disesuaikan. Berikut merupakan tampilan output menu personal data:








Dalam menu selanjutnya education, academic experiences, dan skill isinya sama seperti menu sebelumnya yaitu berupa tabel source code nya pun sama, jika ingin diubah dalam bentuk huruf dan warna juga bisa tinggal disesuaikan sesuai perintahnya..
Berikut tampilanya menu education, academic experiences dan skill:


tampilan menu academic experiences



tampila menu skill



semoga bermanfaat tulisan ini :)

Your Reply