dasar css (8) : Menghias Link

Links dapat diatur gayanya dengan menggunakan beberapa properti CSS yang dapat diatur adalah warna, jenis huruf, background, ukuran dan sebagainya) Khusus pada link, dikenal ada empat status keadaan/posisi link, yaitu: a:link – normal, link belum di klik a:visited – link yang sudah diklik/dikunjungi a:hover – link ketika pointer mouse berada diatasnya a:active – link ketika diklik contoh: a:link {color:#FF0000;}      /* […]

Read more

dasar css (7) : Format Text

Text Color Digunakan untuk memberi efek warna pada text a HEX value – like “#ff0000” an RGB value – like “rgb(255,0,0)” a color name – like “red” contoh: body {color:blue;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0);} coba Text Alignment Digunakan untuk melakukan perataan text pada dokumen, seperti pada pengolah kata, rata kanan, rata kiri, rata kanan kiri atau rata tengah. h1 {text-align:center;} […]

Read more

dasar css (6) : Mengatur Background

CSS background digunakan untuk mendefinisikan efek background pada element HTML Properti CSS yang dapat digunakan untuk mengatur background adalah: background-color background-image background-repeat background-attachment background-position Background COlor: mendefinisikan warna background dari elemtn HTML contoh body {background-color:#b0c4de;} pada CSS, setiap warna didefinisikan dengan menggunakan kode hex, atu RGB atau juga nama warna Contoh Lagi: berikut adalah contoh pewarnaan pada setiap tag html […]

Read more

dasar css (6) : Margin dan Padding Apa Bedanya?

Ternyata masih pada kebingungan dengan istilah margin dan padding, oke untuk melengkapi postingan saya tentang pengaturan margin dan padding di post sebelumnya. mari saya perjelas kembali. Perbedaan antara margin dan padding, ini adalah persoalan klasik tapi masih banyak yang mendapat problem di bagian ini. Lalu, apa itu mahkluk yang sering disebut margin dan padding itu? jenis hantu dari mana dia? […]

Read more

dasar css (5) : Mengatur Padding Suatu Kolom

Seperti pada margin, padding juga memberikan space/ area kosong di sekitar kolom yang dibentuk. padding memberikan jarak antara isi elemen dengan kolom yang ada diluarnya, nilai value yang ada: length mendefinisikan ukuran padding yang fix (px,pt,em) % mendefinisikan ukuran padding dalam persen untuk mengatur padding secara individu padding-top:25px; padding-bottom:25px; padding-right:50px; padding-left:50px; Selain menggunakan perintah secara individu, dapat juga menggunakan shorthand, […]

Read more

dasar css (4) : Mengatur Margin Dokumen HTML

Sebelumnya temen-temen sudah pernah mendengar istilah margin khan… sama seperti di office suite -> ms office/open office, margin di html juga bermakna sama yaitu area kosong di bagian tepi dokumen. margin ini tidak memiliki attribut backcground, warna. margin ini bersifat transparan. Untuk mengatur margin ada dua tipe, yaitu mengatur per elemen -> margin kanan, margin kiri, margin atas dan margin […]

Read more

dasar css (3) : Membuat Border / Garis Tepi

Pada postingan kali ini ane akan menjelaskan  tentang pengertian border, padding dan margin pada sebuah dokumen html dan cara mengaturnya menggunakan CSS. tanpa CSS, dokumen HTML akan terlihat amburadul dan jelek. BORDER adalah sebutan untuk garis tepi, yaitu garus bentuk sebuah kolom. Dengan menggunakan command ini kita bisa mengubah ketebalan garis kolom, model kolom dan warna kolom. format: selector.class {border: […]

Read more

dasar CSS (2) : Pengertian Class dan ID selector

Pada postingan sebelumnya temen-temen udah belajar mengenai selector, property dan value pada css, nah sekarang kita akan belajar mengenai ‘class dan id’. Pengenalan Class Class dalam css digunakan jika kita ingin memberikan lebih dari satu jenis style pada suatu tag html. Dalam hal ini, terdapat 3 jenis class yang bisa digunakan yaitu : class, adanya selector yang diikuti dengan tanda […]

Read more

dasar CSS (1) : Pengenalan CSS

Sekarang kita menuju ke pembahasan mengenai CSS, ane sarankan buat temen-temen yang baru belajar untuk membuat halaman web, monggo terlebih dahulu belajar mengenai sintaks HTML, yang sudah pernah ane bahasi sebelumnya. karena HTML dan CSS itu sangat bergantung satu sama lain. buat yang belom membaca tutorial HTML monggo ke sini dulu CSS merupakan singkatan dari Cascading Style Sheet, yang berguna […]

Read more

dasar html (13) : Pengaturan Warna pada HTML

Pada saat kita akan mengatur atribut color (pengaturan warna) pada tag html, kita bisa menggunakan 2 cara yaitu menggunakan kode hexadecimal atau kode warnanya sendiri. HTML memiliki beberapa warna standar yang bisa dipanggil langsung sesuai dengan namanya. Tentunya sesuai dengan standar dari w3c. HTML mengenal ada 16 warna yang valid, dan bisa di call langsung. Nama warna tersebut adalah: aqua, […]

Read more
1 2 3