CSS

Pengertian dan Fungsi CSS - Setelah kita membahas tentang Pengertian HTML, rasanya kurang lengkap rasanya jika materi tentang CSS tidak disertakan. Ibarat HTML itu surat maka CSS adalah perangkonya.

Mengapa Menggunakan CSS?

Jika HTML digunakan untuk membuat struktur tampilan web. Maka CSS digunakan untuk mempercantik tampilan web. Nah lupakan CSS jika kita ingin membuat tampilan web kita biasa aja (baca: jelek) CSS focus terhadap make-up laman web. Sedangkan HTML focus terhadap konten web. Pemisahan ini membuat kita lebih mudah dan efisien dalam mengelola web kita.

Sejarah CSS

1996

CSS level 1 menjadi W3C Recommendation pada 17 December 1996.

1998-99

CSS level 2 menjadi W3C Recommendation pada 11 January 1999 (sumber lain :12 Mei 1998). Level ini ditandai dengan ditambahkannya dukungan untuk media (printers), downloadable fonts, element-positioning dan tables.

2001

Draft CSS level 3 dipublikasikan oleh W3C pada 23 Mei 2001 dan terus dikembangkan hingga sekarang. Ciri dari CSS Level 3 ini adalah dikembangkan

secara modular.

Implementasi CSS Saat ini.

Banyak fitur yang dimasukkan sejak spesifikasi pertama di tahun 2000, meskipun demikian tidak banyak browser yang mendukung fitur tersebut hingga tahun 2006.

Saat ini browser-browser besar (Opera, Firefox, Chrome, IE dan Safari) secara parsial dan bertahap (baca: lambat) mulai menyempurnakan dukungannya pada CSS3.

Pengertian CSS

CSS merupakan singkatan dari Cascading Style Sheets, yaitu sebuah bahasa berbasis text yang digunakan

untuk memformat tampilan dari halaman web yang dibuat dengan HTML, misalnya dalam hal pewarnaan, ukuran, posisi dsb. Jika HTML adalah dasar dan batu bata yang membentuk struktur rumah, CSS adalah plester dan cat yang menghiasinya.

Dengan CSS, memungkinkan kita untuk memberikan efek-efek khusus pada isi halaman web secara lebih spesifik. Memungkinkan kita mengubah tampilan beberapa halaman web sekaligus dengan sedikit kode.

Sebenarnya, CSS bukan bahasa pemrograman seperti Javascript, bukan juga bahasa markup seperti HTML. Jadi jangan dibandingkan CSS merupakan W3C Recommendation.

Mulai Menggunakan CSS

Cara Berfikir

Jika kita ingin memformat tampilan web kita dengan mengguanakan CSS, maka cara berfikirnya:

1. Identifikasi elemen HTML yang akan di format. Bisa melalui nama tagnya (p, a, h1),

bisa melalui nama class-nya, bisa melalui nama id nya dst.

2. Tentukan format elemen HTML yang diinginkan seperti warna, ukuran, font, border dst

3. Tentukan nilai dari format tersebut.

Misal: kita ingin semua konten dlam elemen <p> (paragraf) berwarna hijau. Maka:

1. Elemen htmlnya p

p{ }

2. Formatnya warna

p{ color: }

3. Nilai dari formatnya hijau

p{ color: green; }

Jika kode tersebut diaplikasikan kepada dokumen HTML, maka semua konten atau teks dalam elemen paragraph akan berwarna hijau. Mudah bukan?

Skema Dasar CSS

Berikut ini skema dasar dari perintah / kode CSS:

selector

{

property1:value;

property2:value;

property3:value;

}

Keterangan:

Selector => elemen HTML yang akan dikenai aturan CSS, bisa berisi nama elemen, atau identitas lain seperti ID, nilai atribut class.

Property => jenis format yang akan kita implementasikan untuk elemen HTML terpilih, misalnya warna text, warna background, jenis font, warna border dsb.

Value => Nilai masing-masing property dari elemen HTML terpilih. Nilai tergantung dari properti yang digunakan, contoh properties yang berhubungan dengan colour dapat berisi hexadecimal colours seperti #336699, RGB seperti rgb(12,134,22) atau nama colour sperti red, green atau blue. Properties yang berhubungan dengan position maka nilainya dapat berisi margins, width, height Berikut contoh sedehana:

p {:5px; margin font-family: arial; color: blue;}

Artinya: semua elemen P pada halaman HTML akan diformat tampilannya sebagai berikut:

o

jarak antara elemen P dengan elemen lainnya adalah 5 pixel

o

Jenis huruf atau font yang digunakan adalah Arial

o

Warna huruf yang digunakan adalah biru

Spasi Kosong Pada CSS

Sama dengan HTML spasi kosong akan diabaikan di CSS artinya nggak ada efek apapun

kecuali kode CSSmu akan lebih mudah dibaca.

p

{: 5px ; margin 3

font-family : arial ; :;color blue

}

Berfungsinya sama dengan:

p

{

margin :5px; font-family :arial;

color: blue;

}

HTML

HTLML ?? Apa itu HTML.

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser) . HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.
Supaya  dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut  Standard Generalized Markup Language (SGML ).
Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C).  Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM  pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa)

Itulah sedikit penjelasan mengenai Pengertian HTML, semoga bermanfaat

PERULANGAN

Hey Guys...

Saat ini Gue akan ngasih ilmu yang Gue baru dapet. maaf newbie blogger.

langsung aja ke Topik utama PERULANGAN.

Ada 3 pernyataan perulangan dalam C++, yaitu menggunakan struktur for, while dan do – while. Bentuk umum dari ketiga pernyataan tersebut adalah sebagai berikut :

1. for = for (i = awal; i <= akhir; i++) aksi;
2. while = i = awal; while (i <= akhir) { aksi; i++; } 
3. do – while  = i = awal; do { aksi; i++; } while (i <= akhir); 

Pola di atas adalah pola perulangan naik. Ini ditunjukkan dengan i++. Tentu saja syarat aksi dilaksanakan bila akhir >= awal. Namun bila dikehendaki pola turun bagian i++ diganti dengan i--, dan syarat menjadi awal >= akhir. Perhatikan contoh berikut ini. Perulangan pola naik : awal = 1, akhir = 4, syarat akhir >= awal terpenuhi. Program mencetak bilangan 1 sampai 4.

1. for loop  =  #include main() { int i; for (i=1; i<=4; i++) cout << “ “ << i; return 0; } 
2. while loop = #include main() { int i=1; while (i <= 4) { cout << “ “ << i; i++; } return 0; }
3. do while loop = #include main() { int i=1; do { cout << “ “ << i; i++; } while (i <= 4); return 0; }

Perulangan pola turun : awal = 4, akhir = 1, syarat awal >= aakhir terpenuhi. Program mencetak bilangan 4 sampai 1.