Cara Mengatur Size, Color dan Style Huruf (Font) di HTML ~ Domo Teknologi

Sama hal nya dengan kita bekerja pada microsoft word atau open ofice 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 yg di butuhkan, sedangkan software yg 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.

1. 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 ukuran_font.html.

<!DOCTYPE html>
<html>
<head>
<title>Ukuran Font</title>
</head>
<body>
ini adalah ukuran Font 1 
ini adalah ukuran Font 2 
ini adalah ukuran Font 3 
ini adalah ukuran Font 4 
ini adalah ukuran Font 5 
ini adalah ukuran Font 6 
ini adalah ukuran Font 7 
</body>
</html>

Berikut adalah tampilan dalam Text Editor SublimeText3:

Dan Ini adalah hasil dari ukuran_font.html:

2. 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 jenis_font.html.

<!DOCTYPE html>
<html>
<head>
<title>Jenis Font</title>
</head>
<body>
Ini adalah jenis tulisan Tahoma 
Ini adalah jenis tulisan Arial 
Ini adalah jenis tulisan Courier New 
Ini adalah jenis tulisan Century Gothic 
Ini adalah jenis tulisan Times New Roman
</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:

3. 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>
Ini Adalah Warna Hitam 
Ini Adalah Warna Biru 
Ini Adalah Warna Biru 
Ini Adalah Warna Hijau 
Ini Adalah Warna Kuning 
Ini Adalah Warna Ungu <hr>
Ini Adalah Warna Putih 
Ini Adalah Warna Hitam 
Ini Adalah Warna Pink
</body>
</html>

Berikut adalah tampilan dalam Text Editor SublimeText3:

Dan ini adalah hasil dari kode font_color.html:

Nah Bagaimana…? apakah sekarang kamu sudah mengerti Bagaimana cara mengatur Ukuran,Warna dan jenis Font di HTML? Mungkin itu saja tulisan yang membahas tentang Cara Mengatur Size, Color dan Style Huruf (Font) di HTML, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih.

About Admin

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Domo Teknologi

Cara Mengatur Size, Color dan Style Huruf (Font) di HTML

About Admin

Related Post

2 komentar