HTML merubah warna dan ukuran font

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

HTML untuk huruf atau font

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;">Rumus blogger</span>
Hasil  = Rumus blogger

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

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

Jenis ukuran (x-large)
<span style="font-size: x-large;">isi</span>
Contoh = <span style="font-size: x-large;">Rumus blogger</span>
Hasil = Rumus 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;">Rumus blogger</span>
Hasil = Rumus blogger

Jenis ukuran (40px)
<span style="font-size: 40px;">ISI</span>
Contoh = <span style="font-size: 40px;">Rumus blogger</span>
Hasil = Rumus 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;">Rumus blogger</span>
Hasil = Rumus blogger

Jenis warna (#44ccf2)
<span style="color: #f53477;">isi</span>
Contoh = <span style="color: #f53477;">Rumus blogger</span>
Hasil = Rumus 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>

OK sampai disini jika masi ada yang ingin ditambah atau ditanyakan silakan berikan pertanyaan dikotak komentar.

Posted by Nabil

Tweet