Kode HTML Untuk Merubah Huruf, Ukuran, Warna dan Jenis Font

Posted by

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:
Cara Mengatur Size Huruf (Font) di HTML
 Tampilan setelah dipublish hasil dari ukuran_font.html:
Cara Mengatur Size Huruf (Font) di 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:
Cara Mengatur  Style Huruf (Font) di HTML
Dan ini adalah hasil dari kode jenis_font.html:
Cara Mengatur Style Huruf (Font) di 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:
Cara Mengatur Color Font di HTML
Dan apabila ditampilan pada layar blog maka hasil dari kode font_color.html:
Cara Mengatur Color Font di 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.

loading...
loading...

FOLLOW and JOIN to Get Update!

Social Media Widget SM Widgets




Sakadoci Updated at: 01:38:00

0 komentar:

Powered by Blogger.