HTML merubah warna, ukuran, dan jenis 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.
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
Yang kedua merubah ukuran font dengan perintah PX :
Jenis ukuran (20px)
<span style="font-size: 20px;">ISI</span>
Contoh = <span style="font-size: 20px;">Kurotsuki</span>
Hasil = Kurotsuki
Jenis ukuran (40px)
<span style="font-size: 40px;">ISI</span>
Contoh = <span style="font-size: 40px;">Kurotsuki</span>
Hasil = Kurotsuki
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;">Kurotsuki</span>
Hasil = Kurotsuki
Jenis warna (#44ccf2)
<span style="color: #f53477;">isi</span>
Contoh = <span style="color: #f53477;">Kurotsuki</span>
Hasil = Kurotsuki
Merubah jenis font dengan perinta nama font :
<span style="font-style:jokerman;">isi</span>
Contoh = <span style="font-family:jokerman;">Kurotsuki</span>
Hasil = Kurotsuki
<span style="font-family:courier;">isi</span>
Contoh = <span style="font-family:courier;">Kurotsuki</span>
Hasil = Kurotsuki
![]() |
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;">Kurotsuki</span>
Hasil = Kurotsuki
Jenis ukuran (40px)
<span style="font-size: 40px;">ISI</span>
Contoh = <span style="font-size: 40px;">Kurotsuki</span>
Hasil = Kurotsuki
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;">Kurotsuki</span>
Hasil = Kurotsuki
Jenis warna (#44ccf2)
<span style="color: #f53477;">isi</span>
Contoh = <span style="color: #f53477;">Kurotsuki</span>
Hasil = Kurotsuki
Warna Ungu : isi dengan huruf/font yang ingin diubah
Warna Biru : Kode/code warna nya
Merubah jenis font dengan perinta nama font :
<span style="font-style:jokerman;">isi</span>
Contoh = <span style="font-family:jokerman;">Kurotsuki</span>
Hasil = Kurotsuki
<span style="font-family:courier;">isi</span>
Contoh = <span style="font-family:courier;">Kurotsuki</span>
Hasil = Kurotsuki
Warna Ungu : isi dengan huruf/font yang ingin diubah
Warna Biru : Kode/nama font nya
untuk melihat nama font lainnya bisa seach di google atau lihat di photoshop
DIBAWAH INI ADALAH CONTOH KOMBINASI HTML UKURAN DAN WARNA
SELAMAT MENCOBA
<span style="color: #89c237; font-size: x-large; font-family:gigi ">SELAMAT MENCOBA</span>
<span style="color: #89c237; font-size: x-large; font-family:gigi ">SELAMAT MENCOBA</span>
OK sampai disini jika masi ada yang ingin ditambah atau ditanyakan silakan berikan pertanyaan dikotak komentar.
No comments:
Post a Comment