Blog Is My Inspiration :): Tutorial Membuat Curriculum Vitae pada HTML

1.	Buat CV terlebih dahulu.
2.	Buka Notepad sebagai text editornya --> ketikkan kode HTML sebagai berikut:

*Sebagai judul pada web browser
<html>
<head>
<title>Curriculum Vitae</title>
</head>
<body>

*Untuk menampilkan bentuk tulisan, warna, dan ukuran

*untuk menampilkan tulisan apa adanya
<pre>

*Menampilkan background
<body background="hp.jpg"></body>

*Untuk menampilkan gambar
 <img src="foto.jpg" align="left" height="170" width="130"/>
<center><h1>Curriculum Vitae</h1></center>

*Membuat tabel CV
<table width="600" border="4" cellpadding="5" cellspacing="0" align="center" bgcolor="black">
<tr bgcolor="pink"><td align="left">Nama</td>
<td align="left">Rizkia Tri Andani</td></tr>

<tr bgcolor="pink"><td align="left">Jenis Kelamin</td>
<td align="left">Perempuan</td></tr>

<tr bgcolor="pink"><td align="left">Alamat</td>
<td align="left">Komp.Patria Jaya B2 no.14 Pndok Gede Bekasi</td></tr>

<tr bgcolor="pink"><td align="left">Telepon</td>
<td align="left">085692906066</td></tr>

<tr bgcolor="pink"><td align="left">Agama</td>
<td align="left">Islam</td></tr>

<tr bgcolor="pink"><td align="left">Tempat Tanggal Lahir</td>
<td align="left">Jakarta, 16 Mei 1991</td></tr>

<tr bgcolor="pink"><td align="left">Pendidikan Formal</td>
<td align="left"> SDN Jatirahayu V Bekasi 		1997-2003
 			SMP Angkasa Jakarta 		 2003-2006
 			SMUN 113 Jakarta 			2006-2009
 			Universitas Gunadarma Depok 	 2009</td></tr>

<tr bgcolor="pink"><td align="left">Pendidikan Non Formal</td>
<td align="left">- Lembaga Bahasa LIA, Jakarta 	 2007-2008
		 - Workshop Microsoft Visual Basic.NET, 
 	 Universitas Gunadarma Depok 2010
		 - Workshop Introduction to XML,
		 Universitas Gunadarma Depok 2010
		 - Seminar Multimedia Contact Center Technology, Universitas Bina Nusantara Jakarta 2010
		 - Seminar Uni-Industry Collaboration
		 Universitas Gunadarma Depok 2010</td></tr>

</table>

*Untuk memberikan link ke alamat URL dengan format teks rata tengah dan menggunakan header.
<center><h1><a href="http://qie16.blogspot.com">Alamat Blog Saya</a></h1></center>

</pre>
</body>
</html>

Keterangan:

1. elemen TR (Table Row) yaitu untuk membuat baris, elemen ini di tempatkan di dalam elemen tabel. 
2. elemen TH(Table Header) berfungsi sebagai header sel pada sebuah kolom tabel.
3. bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
4. align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan.  Penempatan kodenya : align="left"|"center"|"right" .
5. cellpadding : untuk mengatur jarak antara tepi sel dengan isi sel di dalam sebuah tabel. Penempatan kodenya : cellpadding="pixel" .
6. border : untuk mengatur tingkat ketebalan garis tepi pada tabel. Penempatan kodenya : boeder="pixel" .
7. cellspacing : untuk mengatur jarak antara sel. Penempatan kodenya : cellspacing="pixel" .

# Setiap dokumen HTML harus diawali dengan tag  dan diakhiri dengan tag 
#  dan  digunakan sebagai informasi tentang dokumen.
#  dan  digunakan sebagai judul pada browser.
#  dan  digunakan sebagai isi dari halaman Web.

3.	Setelah selesai membuat kodingnya, save as dan simpan dengan file nama “htmlcoba.html” lalu, buka web browser Mozilla Firefox  Open file  pilih folder htmlnya  OK.



4.	Lalu akan tampil outputnya sebagai berikut.





Dan tampilan output untuk link ke alamat URL blog saya.

Blog Is My Inspiration :)

Senin, 08 April 2013

Tutorial Membuat Curriculum Vitae pada HTML

Tidak ada komentar:

Posting Komentar

Laman