Untuk mempercantik penampilan blog kadang blogger ingin menampilkan tulisan dan huruf serta jenis huruf dan warna yang mereka inginkan tetapi masih bingung dengan kode html huruf yang bisa digunakan. Berikut ini tips dan kode yang langsung bisa dipakai pada blog anda.
Kode HTM Untuk Merubah Ukuran Font
Ukuran huruf yang sesuai kadang diperlukan agar tampilan tulisan seperti judul dan subjudul maupun tulisan lainnya bisa mudah dibedakan. Berikut ini kode HTML untuk ukuran huruf yang bisa disesuaikan dengan artikel anda.
Size=n adalah atribut yang digunakan untuk mengatur besarnya ukuran
font. Nilai n berkisar antara 0 (ukuran terkecil) sampai dengan yang
terbesar 7. Untuk lebih jelasnya tuliskan kode berikut kemudian simpan
dengan nama ukuran_font.html.
<!DOCTYPE html>
<html>
<head>
<title>Ukuran Font</title>
</head>
<body>
<font size="1">ini adalah ukuran Font 1</font><br>
<font size="2">ini adalah ukuran Font 2</font><br>
<font size="3">ini adalah ukuran Font 3</font><br>
<font size="4">ini adalah ukuran Font 4</font><br>
<font size="5">ini adalah ukuran Font 5</font><br>
<font size="6">ini adalah ukuran Font 6</font><br>
<font size="7">ini adalah ukuran Font 7</font><br>
</body>
</html>
Berikut adalah tampilan dalam Text Editor SublimeText3:
Tampilan setelah dipublish hasil dari ukuran_font.html:
Kode HTML Untuk Jenis Font Tertentu
Untuk mengatur jenis font Anda dapat menggunakan atribut face dengan
sintaksis face=string. Nilai string berupa string yang menunjukkan nama
font dan biasa lebih dari satu. Ketikkan kode berikut untuk mengetahui
hasil dari penulisan jenis font, kemudian simpan dengan nama jenis_font.html.
<!DOCTYPE html>
<html>
<head>
<title>Jenis Font</title>
</head>
<body>
<font face="Tahoma">Ini adalah jenis tulisan Tahoma</font><br>
<font face="Arial">Ini adalah jenis tulisan Arial</font><br>
<font face="Courier New">Ini adalah jenis tulisan Courier New</font><br>
<font face="Century Gothic">Ini adalah jenis tulisan Century Gothic</font><br>
<font face="Times New Roman">Ini adalah jenis tulisan Times New Roman</font>
</body>
</html>
Berikut adalah tampilan dari Text editor Sumblime Text:
Dan ini adalah hasil dari kode jenis_font.html:
Kode HTML Untuk Merubah Warna Font
Untuk mengatur warna font Anda dapat menggunakan atribut color dengan
sintaksis color= #RRGGBB. Nilai RRGGBB adalah kombinasi angka dalam
bilangan hexa yang menunjukkan kapasitas warna merah (RR), hijau (GG),
dan biru (BB). Anda juga dapat menggantikan #RRGGBB dengan konstanta
warna yang ada pada browser.
Untuk lebih jelasnya silahkan ketik kode berikut kemudian simpan dengan nama font_color.html.
<!DOCTYPE html>
<html>
<head>
<title>Warna Tulisan</title>
</head>
<body>
<font color="black">Ini Adalah Warna Hitam</font><br>
<font color="blue">Ini Adalah Warna Biru</font><br>
<font color="red">Ini Adalah Warna Biru</font><br>
<font color="green">Ini Adalah Warna Hijau</font><br>
<font color="yellow">Ini Adalah Warna Kuning</font><br>
<font color="purple">Ini Adalah Warna Ungu</font><br><hr>
<font color="#ffffff">Ini Adalah Warna Putih</font><br>
<font color="#000000">Ini Adalah Warna Hitam</font><br>
<font color="#f0f0g88f">Ini Adalah Warna Pink</font>
</body>
</html>
Berikut adalah tampilan dalam Text Editor SublimeText3:
Dan apabila ditampilan pada layar blog maka hasil dari kode font_color.html:
Itulah beberapa tips dan kode HTML untuk merubah ukuran huruf, jenis huruf ddan tentunya warna huruf agar tampilan blog anda lebih berwarna dan menarik, selamat mencoba semoga bermanfaat.
Sumber: http://bacacoding.blogspot.co.id
