Kade HTML Warna dan Ukuran Font

Cara merubah warna dan ukuran "tulisan, font atau huruf" di blog dengan kode HTML. Sesuai dengan yang saya terangkan tadi mengenai HTML kini kita memasuki pelajaran baru.

Sebelum nya saya menjelaskan dasar membuat blog, pengenalan singkat dasar menu dan fitur blog. dan sekrang memasuk babak bahasa program HTML yang nanti nya juga akan berguna dalam dunia admin blog atau web.

Langsung saja yang pertama Merubah ukuran font dengan perintah kata :

Jenis ukuran (xx-small)
<span style="font-size: xx-small;">isi</span>
Contoh = <span style="font-size: xx-small;">Cara Blogger</span>
Hasil  = Cara Blogger

Jenis ukuran (x-small)
<span style="font-size: x-small;">isi</span>
Contoh = <span style="font-size: x-small;">Cara Blogger</span>
Hasil = Cara Blogger

Jenis ukuran (Large)
<span style="font-size: large;">isi</span>
Contoh = <span style="font-size: large;">Cara Blogger</span>
Hasil = Cara Blogger

Jenis ukuran (x-large)
<span style="font-size: x-large;">isi</span>
Contoh = <span style="font-size: x-large;">Cara Blogger</span>
Hasil = Cara Blogger

Warna Ungu : isi dengan huruf/font yang ingin diubah
Warna Biru : Kode/code ukuran nya

Yang kedua merubah ukuran font dengan perintah PX :

Jenis ukuran (20px)
<span style="font-size: 20px;">ISI</span>
Contoh = <span style="font-size: 20px;">Cara Blogger</span>
Hasil = Cara Blogger

Jenis ukuran (40px)
<span style="font-size: 40px;">ISI</span>
Contoh = <span style="font-size: 40px;">Cara Blogger</span>
Hasil = Cara Blogger

Merubah warna font dengan perinta nama warna atau kode warna :

Jenis warna merah (red)
<span style="color: red;">Isi</span>
Contoh = <span style="color: red;">Cara Blogger</span>
Hasil = Cara Blogger

Jenis warna (#44ccf2)
<span style="color: #f53477;">isi</span>
Contoh = <span style="color: #f53477;">Cara Blogger</span>
Hasil = Cara Blogger

Warna Ungu : isi dengan huruf/font yang ingin diubah
Warna Biru : Kode/code warna nya

DIBAWAH INI ADALAH CONTOH KOMBINASI HTML UKURAN DAN WARNA

SELAMAT MENCOBA
<span style="color: #89c237;  font-size: x-large;">SELAMAT MENCOBA</span>

Daftar kode warna HTML lengkap

Semoga berhasil, dan langsung saja menuju kotak komentar yang telah kami sediakan.
Robot Canggih

Posted by real tech

Tweet