CSS (Cascading Style Sheet)adalah standard pembuatan dan pemakaian style untuk dokumen terstruktur , CSS digunakan untuk mempersingkat penulisan tag HTML seperti font,color,text, dan table menjadi lebih ringkas sehingga tidak terjadi pengulangan tulisan. Saya mencoba membahas sedikit tentang pemakaian fitur CSS dalam mempermudah saat menyusun code html.
Hal pertama yang akan dibahas adalah metode penulisan yang ada pada CSS.
1. INLINE style sheet : metode ini ditempuh dengan menuliskan langsung code CSS pada konten terkait.
<html>
<head>
<title> sampel dari INLINE style sheet </title>
</head>
<body>
<p style='color : blue ; font-size: 300%'> CURRICULUM VITAE </p>
</body>
</html>
dan hasil dari kode di atas adalah
CURRICULUM VITAE
kode CSS ditandai dengan
style kemudian 'color:blue' dan 'font-size:300%' bertindak sebagai
property:value .
2. Embedded style sheet : Anda bisa juga menempelkan kode CSS di antara tag <head> dan </head>. Penulisan CSS dengan cara ini diawali dengan tag <style> dan diakhiri dengan tag </style>
<html>
<head>
<title> sampel dari Embedded style sheet </title>
<style>
H1 { color : yellow }
</style>
</head>
<body>
<h1> BIODATA DIRI </h1>
</body>
</html>
dan berikut hasil tampilannya :
BIODATA DIRI
artinya adalah selama prosedur style tertulis di head dari html,maka kita dapat memanggil dan memakainya saat menulis kode berikutnya di body.
3. Linked style sheet : Kode CSS external di tulis dalam satu file terpisah yang disimpan dengan akhiran .css. Anda lalu perlu memanggil file CSS tersebut ke dalam semua halaman web yang anda buat. Dengan cara ini, anda hanya perlu memiliki satu set kode CSS yang digunakan untuk semua halaman web anda.
kode html
<html>
<head>
<title> sampel dari Linked style sheet </title>
<link href="style1.css" rel="stylesheet" type = "text/css">
</head>
<body>
<h1> NAMA : JAMARIS </h1>
</body>
</html>
berikut kode css yang terpisah dengan html-nya,dan menjadi satu file tersendiri, style1.css
H1
{
color : RED ;
}
hasilnya adalah sebagai berikut
NAMA : JAMARIS
Berikut ini adalah kode html dengan sedikit sentuhan CSS yang saya pahami
<html>
<head>
<title> CV CSS </title>
<style>
H1 { color : Black }
H2 { color : Blue }
p.kiri {color: black }
</style>
</head>
<body>
<h1>
CURRICULUM VITAE</h1>
<h2>
DATA PRIBADI </h2>
<div class="kiri">
Jamaris (12 Maret 1991)
Jln. H. Sidih RT 001/07 No.56 Kelurahan Kampung Tengah, Kecamatan Kramat Jati, Jakarta Timur
081382808331
Jamaris.official@yahoo.com
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxkefwhBhJkEmJDuHdItzLRoYgtQbibwziyLDoiy5ijkwu5J_iUm7kqMaJ9IriFuP0hsyg7XW_UcZ-eD8s5pjQLs04JA58DVhGeS3Bebv2k9GDg62eQiSUpW0shNDAEflA7DY1R1t3dBQ/s1600/cvv.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxkefwhBhJkEmJDuHdItzLRoYgtQbibwziyLDoiy5ijkwu5J_iUm7kqMaJ9IriFuP0hsyg7XW_UcZ-eD8s5pjQLs04JA58DVhGeS3Bebv2k9GDg62eQiSUpW0shNDAEflA7DY1R1t3dBQ/s320/cvv.png" /></a>
<h2>
PENDIDIKAN </h2>
<b>» Formal </b>
<p style="color: brown">
2009 - Sekarang : Program Sarjana (S-1) Sistem Informasi, Universitas
Gunadarma, Depok.
2006 - 2009 : SMA Negeri 39, Jakarta Timur
2003 - 2006 : SMP Negeri 103, Jakarta Timur
1997 – 2003 : SDN Gedong 09 Pagi, Jakarta Timur
</p>
<b>» Non Formal</b>
2002 – 2004 : Kursus Bahasa Inggris di IEC Cabang Pasar Rebo
2011: Kursus PHP di Aray, Lenteng Agung
<h2>
PENGALAMAN KERJA</h2>
<ul>
<li>Freelance Stock Opname untuk HP indonesia (2012).</li>
<li><a href="http://www.blogger.com/blogger.g?blogID=5985723544920444550" name="_GoBack"></a>Assistant Laboratorium SAP dan Oracle Universitas Gunadarma (2012).</li>
<li>Assistant Laboratorium internet dasar Universitas Gunadarma (2011 - Sekarang)</li>
</ul>
<b>KEMAMPUAN</b>
<ul>
<li>Kemampuan Komputer (MS Word, MS Excel, MS Power Point).</li>
<li>Kemampuan Internet. </li>
<li>Kemampuan Dasar tentang Bahasa Pascal, C++, Java.</li>
<li>Kemampuan tentang Adobe Flash CS4.</li>
<li>Kemampuan tentang DreamWeaver.</li>
</ul>
<b>Pengalaman Organisasi</b>
<ul>
<li>PJ Subdivisi Kaderisasi Divisi PPSDM Remas Nurul Jannah SMAN 39 Jakarta (2007-2008)</li>
<li>OSIS SMPN 103 Jakarta, Div Ketuhanan Yang Maha Esa (2004-2005)</li>
<li>Ketua Rohis SMP N 103 Jakarta (2004-2005)</li>
</ul>
</body>
</html>
dan akan menghasilkan hal sebagai berikut :
CURRICULUM VITAE
DATA PRIBADI
Jamaris (12 Maret 1991)
Jln. H. Sidih RT 001/07 No.56 Kelurahan Kampung Tengah, Kecamatan Kramat Jati, Jakarta Timur
081382808331
Jamaris.official@yahoo.com
PENDIDIKAN
» Formal
2009 - Sekarang : Program Sarjana (S-1) Sistem Informasi, Universitas
Gunadarma, Depok.
2006 - 2009 : SMA Negeri 39, Jakarta Timur
2003 - 2006 : SMP Negeri 103, Jakarta Timur
1997 – 2003 : SDN Gedong 09 Pagi, Jakarta Timur
» Non Formal
2002 – 2004 : Kursus Bahasa Inggris di IEC Cabang Pasar Rebo
2011: Kursus PHP di Aray, Lenteng Agung
PENGALAMAN KERJA
- Freelance Stock Opname untuk HP indonesia (2012).
- Assistant Laboratorium SAP dan Oracle Universitas Gunadarma (2012).
- Assistant Laboratorium internet dasar Universitas Gunadarma (2011 - Sekarang)
KEMAMPUAN
- Kemampuan Komputer (MS Word, MS Excel, MS Power Point).
- Kemampuan Internet.
- Kemampuan Dasar tentang Bahasa Pascal, C++, Java.
- Kemampuan tentang Adobe Flash CS4.
- Kemampuan tentang DreamWeaver.
Pengalaman Organisasi
- PJ Subdivisi Kaderisasi Divisi PPSDM Remas Nurul Jannah SMAN 39 Jakarta (2007-2008)
- OSIS SMPN 103 Jakarta, Div Ketuhanan Yang Maha Esa (2004-2005)
- Ketua Rohis SMP N 103 Jakarta (2004-2005)
