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 <head>
<title> sampel dari INLINE style sheet </title>
</head>
<body>
<p style='color : blue ; font-size: 300%'> CURRICULUM VITAE </p>
</body>
</html>
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 : <head>
<title> sampel dari Embedded style sheet </title>
<style>
H1 { color : yellow }
</style>
</head>
<body>
<h1> BIODATA DIRI </h1>
</body>
</html>
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<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>
H1
{
color : RED ;
}
hasilnya adalah sebagai berikut {
color : RED ;
}
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/AVvXsEiEwrkEgoCc3Y6zaaU3K4KfFTIZyr-514Uh606kAJp_35rEBUuK-vXa0EPZ3VA0JW46mOz3AUGSjHboBNxV3vt6EM94xYKh2UhK8Qgs0KqkmhpdysiyIYhsLYmlZl9wmtp8idDL2yUGXnY/s1600/cvv.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwrkEgoCc3Y6zaaU3K4KfFTIZyr-514Uh606kAJp_35rEBUuK-vXa0EPZ3VA0JW46mOz3AUGSjHboBNxV3vt6EM94xYKh2UhK8Qgs0KqkmhpdysiyIYhsLYmlZl9wmtp8idDL2yUGXnY/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 : <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/AVvXsEiEwrkEgoCc3Y6zaaU3K4KfFTIZyr-514Uh606kAJp_35rEBUuK-vXa0EPZ3VA0JW46mOz3AUGSjHboBNxV3vt6EM94xYKh2UhK8Qgs0KqkmhpdysiyIYhsLYmlZl9wmtp8idDL2yUGXnY/s1600/cvv.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwrkEgoCc3Y6zaaU3K4KfFTIZyr-514Uh606kAJp_35rEBUuK-vXa0EPZ3VA0JW46mOz3AUGSjHboBNxV3vt6EM94xYKh2UhK8Qgs0KqkmhpdysiyIYhsLYmlZl9wmtp8idDL2yUGXnY/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>
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
Jln. H. Sidih RT 001/07 No.56 Kelurahan Kampung Tengah, Kecamatan Kramat Jati, Jakarta Timur
081382808331
Jamaris.official@yahoo.com
PENDIDIKAN
» Formal2009 - 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 FormalGunadarma, Depok.
2006 - 2009 : SMA Negeri 39, Jakarta Timur
2003 - 2006 : SMP Negeri 103, Jakarta Timur
1997 – 2003 : SDN Gedong 09 Pagi, Jakarta Timur
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 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.
- 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)