Cara Merubah Warna, Ukuran & Jenis Font Di HTML

Cara Merubah Warna, Ukuran & Jenis Font Di HTML – Mirip hal nya dengan kita bekerja pada microsoft word atau open office dan software pengetikan tulisan lainya kita bisa mengatur tulisan sesuai dengan yang kita butuhkan atau inginkan. Kita bisa mengatur ukuran, jenis, gaya tulisan dan lainnya.

Sama dengan HTML juga bisa seperti itu, hanya saja kita harus memasukkan tag yang di butuhkan, sedangkan software yang saya sebutkan tadi sudah tersedia pilihan dan button nya yang memudahkan kita.

Untuk mengatur huruf pada HTML anda dapat menggunakan tag dan tag penutup . Tag ini mempunyai beberapa atribut untuk mengatur formatting style dari suatu teks.

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 blog.html

<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>

Hasilnya : 

Ukuran Font

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 blog.html

<font size="1">ini text ukuran 1</font><br>
<font size="2">ini text ukuran 2</font><br>
<font size="3">ini text ukuran 3</font><br>
<font size="4">ini text ukuran 4</font><br>
<font size="5">ini text ukuran 5</font><br>

Hasilnya :

Jenis Font

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 blog.html

<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>

Hasilnya :

Untuk mengetahui code Hexadecimal, nilai RGB atau nama dari warna tersebut bisa dilihat di sini

Info ruanglab lainnya:

Share

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *