Cara Mengatur Ukuran, Warna, dan Jenis Font di HTML

HTML sama seperti di Word, kita dapat merubah ukuran teks, jenis font, dan warna font yang ingin di pakai. Caranya adalah dengan menggunakan perintah . Tag berikut memiliki 3 atribut umum yang digunakan dalam mengatur suatu teks. Mari langsung kita Bahas :

1. Mengatur Ukuran Huruf
Untuk mengatur ukuran huruf, kita dapat menggunakan attribut size pada tag . Contohnya :

<html>
<head>
<title>Font</title>
</head>
<body>
<font size="1">Font dengan size 1</font><br>
<font size="2">Font dengan size 2</font><br>
<font size="3">Font dengan size 3</font><br>
<font size="4">Font dengan size 4</font><br>
<font size="5">Font dengan size 5</font>
</body>
</html>

Hasil dari sintaks diatas adalah :

Font dengan size 1
Font dengan size 2
Font dengan size 3
Font dengan size 4
Font dengan size 5

2. Mengatur Warna Huruf

Untuk mengatur warna huruf, kita dapat menggunakan attribut color pada tag . Untuk warna, anda juga bisa menggunakan nama warna seperti "red" warna merah Contohnya :

<html>
<head>
<title>Font</title>
</head>
<body>
<font color="red">Font berwarna merah</font><br>
<font color="green">Font berwarna hijau</font><br>
<font color="blue">Font berwarna biru</font><br>
<font color="yellow">Font berwarna kuning</font>
</body>
</html>

Hasil dari sintaks diatas adalah :

Font berwarna merah
Font berwarna hijau
Font berwarna biru
Font berwarna kuning

3. Mengatur Jenis Huruf

Untuk mengatur warna huruf, kita dapat menggunakan attribut face pada tag . isi attribut tersebut di isikan nama font yang sudah terpasang di komputer anda, seperti Arial, Georgia, dan Courier Contohnya :

<html>
<head>
<title>Font</title>
</head>
<body>
<font face="arial">Font berjenis Arial</font><br>
<font face="georgia">Font berwarna Georgia</font><br>
<font face="courier ">Font berwarna Courier </font><br>
</body>
</html>