Yulandari's Blog

April 8, 2013

Contoh Penggunaan Bahasa HTML dalam pembuatan CV

Filed under: Uncategorized — yulandari @ 1:33 pm

<html>
<head>
<title>Curicullum Vitae</title>
</head>

//

  • Karena kita sedang memakai bahasa HTML tentunya di awali dengan <html>, ini wajib karena sebagai pembuka dalam menulis script-script yang lain.
  • pada bagian ini adalah untuk memberikan judul dari web/html anda (pada tab), pada contoh kali ini title html ini adalah “Curicullum Vitae”.

//
<body>
<p align=”center”>
<strong>C U R R I C U L U M&nbsp;&nbsp; V I T A E</strong></p><hr/>
<p align=”center”>
<strong>&nbsp;</strong></p>
<p align=”left”>
<p align=”left”><img src=”file:///F|/Photos/1_cat.jpg” width=”140″ height=”187″ /></p>

<strong>Dian Putri Yulandari</strong><br />
Komp. Pamulang Permai 1 Blok B8 No. 4<br />
Tangerang &ndash; Banten<br />
<strong>Phone : 021- 7491144 / 0856.9750.6210</strong><br />
<strong>E-mail : dianputriyulandari@yahoo.com</strong><strong> </strong></p>
<br/><hr/>

//

  • Body Berfungsi sebagai isi untuk menuliskna script-script yang mana nanti nya akan muncul pada halaman web.
  • seperti hal nya pada Microsoft Word fungsi Align adalah untuk meratakn tulisan dalam hal ini di gunakan Align Center yaitu rata tengah pada tulisan “CURICULLUM VITAE”
  • Dalam hal ini adalah koding untuk memasukkan gambar dengan menggunakan <img di sertai dengan posisi dan nama dari image tersebut.
  • Strong adalah untuk mempertebal huruf, sama halnya dengan <b>…</b> sedangkan <hr/> adalah untuk menggambarkan garis.
  •  Fungsi br adalah untuk membuat baru=is baru , sama fungsinya engan tombol enter pada keyboard.

//

<p align=”center”><strong>A. DATA PRIBADI</strong><br /> &nbsp;</p><hr/>
Jenis Kelamin&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Perempuan<br />
Tpt / Tgl Lahir&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Jakarta, 22 Juli 1991<br />
Tinggi Badan&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 170 cm<br />
Berat Badan&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 55 Kg<br />
Status&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Single<br />
Agama&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Islam <hr/>

//

  • &nsbp sama fungsinya dengan penggunaan spasi.

//

<p align=”center”><strong>B. KEPRIBADIAN</strong><br/></p><hr/>
<p align=”center”>Percaya diri, Ramah, Mampu Beradaptasi, Memiliki motivasi dan semangat yang tinggi, Berusaha untuk menjadi yang terbaik dalam hidup.</p>
<br /><hr/>

<p align=”center”><strong>C. HOBI</strong><br /><hr/>
– Olahraga &nbsp;&nbsp;&nbsp;&nbsp; : Basket, berenang, bulu tangkis.<br />
– Bacaan &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : Majalah dan Surat Kabar<br />
– Lainnya&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : Menghabiskan waktu didepan komputer<br />
– Interest&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : Mengikuti perkembangan T.I terbaru
&nbsp;</p>
<br /><hr/>

<p align=”center”><strong>D. PENDIDIKAN FORMAL</strong><br /> &nbsp;</p><strong><hr/>
<br/>

<div align=”center”>
<table border=”3″>
<tr>
<td width=”189″ valign=”top”><br /><u>Tingkat</u> </td>
<td width=”189″ valign=”top”><p align=”center”><u>Institusi Pendidikan</u></p></td>
<td width=”189″ valign=”top”><p align=”center”><u>Tahun</u></p></td>
</tr>

<tr>
<td width=”189″ valign=”top”><p align=”center”>SMP</p></td>
<td width=”189″ valign=”top”><p align=”center”>SMPN 1 Pamulang</p></td>
<td width=”189″ valign=”top”><p align=”center”>2003 &ndash; 2006</p></td>
</tr>

<tr>
<td width=”189″ valign=”top”><p align=”center”>SMA </p></td>
<td width=”189″ valign=”top”><p align=”center”>SMAN 1 CISAUK</p></td>
<td width=”189″ valign=”top”><p align=”center”>2006 &ndash; 2009</p></td>
</tr>

<tr>
<td width=”189″ valign=”top”><p align=”center”>Strata1 (S1)</p></td>
<td width=”189″ valign=”top”><p align=”center”>Universitas Gunadarma</p></td>
<td width=”189″ valign=”top”><p align=”center”>2009 &ndash; sekarang</p></td>
</tr>
</table>
<br/>
<hr/>

//

  • Koding diatas adalah koding untuk membuat table, border = 3 menunjukkan ketebalan garis border table adalah 3, jika kita tulis 0 maka garis border tidak akan nampak tr di gunakan untuk mengiri isi pada baris tabel.
  • td di gunakan untuk mengisi isi dari kolom, besarnya dapat di atur dengan menggunakan Width(lebarnya) dan Valign(tingginya).

//

<align=”center”
<strong>D. QUALIFIKASI</strong><br /><hr/>
<br />
<p align=”left”><strong><em><u>Bahasa :</u></em></strong></p>
<ul>
<li>Bahasa Indonesia&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Menulis, Membaca, Dan Komunikasi</li>
<li>English&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong>Menulis, Membaca, Dan Komunikasi </li>
</ul>
</div>
<p align=”left”><strong><em><u>Applications Program ( Computer ) :</u></em></strong></p>
<ul>
<li> Office Applications&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Ms Excel, Ms Word, MS Power Point,Visual Basic.</li>
</ul><p><strong>&nbsp;</strong></p><hr/>

//

  • ul dan li digunakan untuk menggunakan bullet/simbol dalam penulisan bahasa html

//

</div>
<p align=”left”>Atas perhatiannya saya ucapkan banyak terima kasih.</p>
<p align=”left”>Hormat Saya</p>
<p align=”left”>&nbsp;</p>
<p align=”left”>&nbsp;</p>
<div align=”left”><br clear=”all” />
<br />
Dian Putri Yulandari
<br/>
<br/>
<br/>
<p><u><em><strong><a href=”cip.htm”>Next</a></strong></em></u></p>
</div>
</body>
</html>

//

  • Untuk mengelink ke page berikutnya kita menggunakan <a>….</a> , di tuliskan judul html halaman selanjutnya , maka ketika di klik akan otomatis mengelink ke halaman cip.htm
  • Jika semua perintah sudah selesai jangan lupa untuk menutup kembali HTML tersebut dengen </html>

Curicullum Vitae

BERIKUT HASIL JADI DARI HTML DIATAS :

C U R R I C U L U M   V I T A E


 

Dian Putri Yulandari

Komp. Pamulang Permai 1 Blok B8 No. 4

Tangerang – Banten

Phone : 021- 7491144 / 0856.9750.6210

E-mail : dianputriyulandari@yahoo.com


A. DATA PRIBADI


Jenis Kelamin                                      Perempuan

Tpt / Tgl Lahir                                     Jakarta, 22 Juli 1991

Tinggi Badan                                      170 cm

Berat Badan                                        55 Kg

Status                                                  Single

Agama                                                 Islam


B. KEPRIBADIAN


Percaya diri, Ramah, Mampu Beradaptasi, Memiliki motivasi dan semangat yang tinggi, Berusaha untuk menjadi yang terbaik dalam hidup.


C. HOBI


– Olahraga      : Basket, berenang, bulu tangkis.

– Bacaan         : Majalah dan Surat Kabar

– Lainnya        : Menghabiskan waktu didepan komputer

– Interest         : Mengikuti perkembangan T.I terbaru


D. PENDIDIKAN FORMAL


 

Tingkat

Institusi Pendidikan

Tahun

SMP

SMPN 1 Pamulang

2003 – 2006

SMA

SMAN 1 CISAUK

2006 – 2009

Strata1 (S1)

Universitas Gunadarma

2009 – sekarang


<align=”center”
D. QUALIFIKASI


Bahasa :

  • Bahasa Indonesia                                             Menulis, Membaca, Dan Komunikasi
  • English                                                            Menulis, Membaca, Dan Komunikasi

Applications Program ( Computer ) :

  • Office Applications                                           Ms Excel, Ms Word, MS Power Point,Visual Basic.

 


Atas perhatiannya saya ucapkan banyak terima kasih.

Hormat Saya

 

Dian Putri Yulandari

Next

 

 

Jika kita klik  Next maka akan tampil cip.html, berikut bahasa HTML nya :

<html>
<head>
<title>Tips Melamar Pekerjaan</title>
</head>

<body>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align=”center”><strong>TIPS MELAMAR PEKERJAAN </strong></p>
<p align=”center”><strong><img src=”file:///C|/Users/Dian/Desktop/wawancara-tips-sukses.jpg” width=”290″ height=”200″ /></strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Dalam Melamar Pekerjaan sebaiknya anda jangan sembarangan dan asal-asalan karena 99% hasilnya akan mengecewakan. Kalau perusahaan membutuhkan anda melamar fia email maka anda harus memperhatikan Trik melamar kerja via email sehingga secara administrasi anda akan diterima. selanjutnya dalam menghadapi Interview anda harus membaca 10 tips sukses interview sehingga anda memiliki modal awal dalam melamar kerja. berikut akan saya bagikan Tips Sukses Melamar Pekerjaan.</p>
<p> </p>
<p>Beberapa tips melamar pekerjaan : </p>
<ul>
<li>Lamar pekerjaan yang anda minati dan yakin mampu melaksanakan.</li>
<li>Buatlah surat lamaran yang terkesan individual/personal khusus untuk perusahaan yang dimaksud jangan membuat surat lamaran yang sudah diformat secara standard atau meniru /jiplak mentah-mentah dari buku.</li>
<li>Usahakan surat tsb singkat , faktual dan menarik dengan bahasa yang jelas dan penampilan yang menarik dalam arti : rapi ( tidak ada kesalahan dalam ejaan atau tatabahasa), bersih ( tinta hitam diatas kertas putuh, jangan ada koreksi seperti tippex atau perbaikan dengan pensil/bolpoin sebaiknya ketik dan cetak ulang saja ) dan selalu berusaha ditujukan kepada seseorang tertentu ( nama dan /atau jabatan yang spesifik ).</li>
<li>Surat lamaran maksimal hanya satu halaman, selalu disertai resume/ C.V. (curriculum vitae) anda dan memberi impresi pertama yang positif tentang anda.</li>
<li>Resume /C.V. anda sebaiknya memberi detil tentang dirimu mencakup latar belakang pendidikan, ketrampilan-ketrampilan yang anda miliki, pengalaman kerja ( full-time atau part-time atau free lance yg memberi anda kompetensi tertentu untuk melakukan suatu pekerjaan ), aktivitas (organisasi, masyarakat, olah raga ,dsb) dan prestasi &ndash; prestasi ( disekolah maupun luar sekolah) yang pernah anda raih. . </li>
<li>Ciri resume / C.V. yang baik adalah : rapi, simpel, jujur dan akurat . Sebaiknya bersih dan disusun agar penyampaian informasi menarik dan mudah dibaca. Berilah jarak ( margin) pada semua sisi resume/c.v anda sebesar 1&Prime; ( minimal 1/2&Prime; kalau anda kekurangan space untuk mengisi informasi tentang diri anda.) Bagian putih ini membuat resume anda menarik, bersih dan mudah dibaca sekaligus memberi tempat bagi pembaca untuk membubuhkan catatan langsung pada resumemu. Gunakan kertas dan tinta yang sama dengan surat lamarannya.</li>
<li>Proof read ulang surat lamaran dan resume/C.V. anda Pastikan bahwa tidak ada kesalahan Tipografis, tatabahasa/ grammar, bahasa yang diulang-ulang/repetitif, layout yang kurang rapi (miring atau tidak lurus) ataupun kesalahan lain. Suatu kesalahan dalam ejaan saja bisa menyebabkan anda kehilangan kesempatan yang penting untuk memperoleh pekerjaan.</li>
<li>Silahkan membaca buku/literatur yang tersedia di toko-toko buku. Banyak yang mengulas cara-cara dan kiat yang efektif dalam menulis surat lamaran , resume/C.V. maupun wawancara.<br />
</li>
</ul>
</body>
</html>

 

Dan Hasilnya adalah sebagai berikut :

 

Tips Melamar Pekerjaan

 

TIPS MELAMAR PEKERJAAN

Dalam Melamar Pekerjaan sebaiknya anda jangan sembarangan dan asal-asalan karena 99% hasilnya akan mengecewakan. Kalau perusahaan membutuhkan anda melamar fia email maka anda harus memperhatikan Trik melamar kerja via email sehingga secara administrasi anda akan diterima. selanjutnya dalam menghadapi Interview anda harus membaca 10 tips sukses interview sehingga anda memiliki modal awal dalam melamar kerja. berikut akan saya bagikan Tips Sukses Melamar Pekerjaan.

Beberapa tips melamar pekerjaan :

  • Lamar pekerjaan yang anda minati dan yakin mampu melaksanakan.
  • Buatlah surat lamaran yang terkesan individual/personal khusus untuk perusahaan yang dimaksud jangan membuat surat lamaran yang sudah diformat secara standard atau meniru /jiplak mentah-mentah dari buku.
  • Usahakan surat tsb singkat , faktual dan menarik dengan bahasa yang jelas dan penampilan yang menarik dalam arti : rapi ( tidak ada kesalahan dalam ejaan atau tatabahasa), bersih ( tinta hitam diatas kertas putuh, jangan ada koreksi seperti tippex atau perbaikan dengan pensil/bolpoin sebaiknya ketik dan cetak ulang saja ) dan selalu berusaha ditujukan kepada seseorang tertentu ( nama dan /atau jabatan yang spesifik ).
  • Surat lamaran maksimal hanya satu halaman, selalu disertai resume/ C.V. (curriculum vitae) anda dan memberi impresi pertama yang positif tentang anda.
  • Resume /C.V. anda sebaiknya memberi detil tentang dirimu mencakup latar belakang pendidikan, ketrampilan-ketrampilan yang anda miliki, pengalaman kerja ( full-time atau part-time atau free lance yg memberi anda kompetensi tertentu untuk melakukan suatu pekerjaan ), aktivitas (organisasi, masyarakat, olah raga ,dsb) dan prestasi – prestasi ( disekolah maupun luar sekolah) yang pernah anda raih. .
  • Ciri resume / C.V. yang baik adalah : rapi, simpel, jujur dan akurat . Sebaiknya bersih dan disusun agar penyampaian informasi menarik dan mudah dibaca. Berilah jarak ( margin) pada semua sisi resume/c.v anda sebesar 1″ ( minimal 1/2″ kalau anda kekurangan space untuk mengisi informasi tentang diri anda.) Bagian putih ini membuat resume anda menarik, bersih dan mudah dibaca sekaligus memberi tempat bagi pembaca untuk membubuhkan catatan langsung pada resumemu. Gunakan kertas dan tinta yang sama dengan surat lamarannya.
  • Proof read ulang surat lamaran dan resume/C.V. anda Pastikan bahwa tidak ada kesalahan Tipografis, tatabahasa/ grammar, bahasa yang diulang-ulang/repetitif, layout yang kurang rapi (miring atau tidak lurus) ataupun kesalahan lain. Suatu kesalahan dalam ejaan saja bisa menyebabkan anda kehilangan kesempatan yang penting untuk memperoleh pekerjaan.
  • Silahkan membaca buku/literatur yang tersedia di toko-toko buku. Banyak yang mengulas cara-cara dan kiat yang efektif dalam menulis surat lamaran , resume/C.V. maupun wawancara.

 

Leave a Comment »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Create a free website or blog at WordPress.com.

%d bloggers like this: