Mengenal warna
Mungkin temen temen pernah melihat contoh skrip css dibawah ini
div{ color : #FF0000; }
Itu artinya dalam tag div tulisan akan berubah menjadi warna merah. Nah sekarang kita akan membahas mengenai pewarnaan. #FF0000 merupakan nilai heksadesimal RGB. komposisi warna dibagi menjadi 3. artinya setiap warna R, G, dan B memiliki 2 digit. R = FF, G = 00, B = 00. artinya R = 255, G = 0, B = 0. maka warna yang dipakai adalah Red.
Berikut contoh nilai warna
aqua - #00FFFF, black - #000000, blue - #0000FF, gray - #808080, green - #008000, maroon - #800000.
Nah sekian dulu temen temen. nantikan updetan info info menarik tentang HTML dan CSS selanjutnya.. Eh semisal ada yang salah atau kurang berkenan komeng aja yak. Nuhun.
Aturan HTML
Wah akhirnya nulis lagi. Nih saya mau share tentang beberapa aturan untuk HTML, mungkin kalo salah salah ya mohon dibenarkan yak alias CMIIW.
Continue reading →
Aturan HTML itu meliputi :
- Dokumen perlu deklarasi semacam berikut pada bagian awal : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
- Dokumen harus mempunyai tag <head> dan <body>
- Semua tag ditulis dengan huruf kecil. Penulisan tidak diperkenankan, cukup dengan
- Seluruh nilai pada atribut dalam tag ditulis dalam tanda petik (boleh tunggal maupun ganda). contoh : <div id="pertama"> atau <div id='pertama'>atau
- Semua tag perlu ditutup dengan tag penutup kecuali <br/> dan <hr/>
- Pasangan tag tidak boleh berpotongan dengan pasangan tag yang lain. contoh : <div><p>Mencoba</div></p><---- bagian yang salah. Yang benar <div><p>Mencoba</p></div>
tambahan by Insan Harish :
ada area terlarang dalam html (alias harus kosong gak boleh ada kode html di situ) seperti 1. diantara tag buka html dan tag buka head 2. diantara tag tutup head dan tag buka body 3. diantara tag tutup body dan tag tutup html :D
Mas gak ketinggalan buat tag yang gak ada tutupnya input type = ""
Membuat Drop Cap menggunakan CSS
Berikut bagaimana cara membuat dropcap dengan menggunakan css.
Continue reading →
<p><span>Lspan>orem ipsum dolor sit amet, consectetur adipiscing elit. Ut in metus nec mauris egestas laoreet. Integer vehicula velit non massa suscipit at porta sem commodo. Donec nibh lectus, vulputate a aliquet quis, sollicitudin eget metus. Nullam quis tellus nibh. Praesent fermentum risus sit amet turpis eleifend dapibus. Duis tellus leo, tempor sit amet ultricies viverra, mollis at quam. Suspendisse hendrerit sagittis risus nec faucibus. Nam urna magna, porta vitae tincidunt sit amet, blandit eget diam. Vivamus a ornare augue. Vivamus sapien sem, facilisis vitae molestie eget, tempus ut augue. Sed suscipit facilisis mi, eu laoreet est gravida eu. Nulla et arcu quam, pellentesque adipiscing felis. Nam pretium augue sed sapien malesuada tempor. Nulla facilisi. Donec eu tempor mi. Sed congue dolor risus, et ornare massa.p>
>
p + span {
display:block;
float:left;
font-family:Georgia;
font-size: 310%;
font-weight: bold;
line-height: 90%;
margin-right: 6px;
margin-bottom:-2px;
margin-top: 7px;
}
>
Jika anda menggunakan css3, anda bisa menggunakan first-letter
7
p:first-letter {
display:block;
float:left;
font-family:Georgia;
font-size: 310%;
font-weight: bold;
line-height: 90%;
margin-right: 6px;
margin-bottom:-2px;
margin-top: 7px;
}
>
NB : Tidak semua browser support dengan css3. So be careful. Hehe.. Sampai disini gan!
Langganan:
Postingan (Atom)
