Contoh Penggunaan dan fungsi tag font di HTML

Tag font atau … seperti namanya kalian pasti sering mendengarnya atau melihat pada aplikasi yang berbasis word yang fungsinya untuk mengubah atau mendesain beberapa tulisan.

Tak jauh berbeda, pada html tag font juga digunakan untuk mengatur tampilan dari tulisan seperti warna, ukuran, bahkan jenis huruf yang dapat kita ubah sesuai keinginan kita masing masing. Tag font ini support terhadap semua macam web browser.

Berkarya dengan tag font pada html

Seperti yang sudah saya katakan tadi di html tag font memiliki 3 opsi atribut diantaranya color, size, face. Atribut ini nantinya akan kita gunakan untuk mengatur warna, ukuran dan jenis tulisan pada html. Untuk aturan cara penulisan tag font ini diawalai dengan atribut .
Baca juga : cara membuat garis horizontal di html (horizontal line)

Tag font atribut size

Untuk mengubah ukuran font atau tulisan pada html kita cukup menambahkan atribut size contohnya sebagai berikut :

<html>
<head>
<title> Elemen HTML || Font </title>
</head>
<body>
Baris 1 
Baris 2 
Baris 3 
Baris 4 
Baris 5 
Baris 6 
</body>
</html>

Oh ya disini saya menambahkan sebuah tag br yang berfungsi untuk membuat garis baru.

Tag font atribut color

Jika kita sudah membuat ukuran tulisan menjadi berbagai ukuran. Sekarang kita akan memberi warna pada tulisan tersebut. Kita hanya perlu menambahkan atribut kolor didalam tag font diatas. Caranya sebagai berikut :

<html>
<head>
<title> Elemen HTML || Font </title>
</head>
<body>
Baris 1 
Baris 2 
Baris 3 
Baris 4 
Baris 5 
Baris 6 
</body>
</html>

Copykan kode diatas pada aplikasi notepad sobat kemudian simpan dengan format html. Dan buka file tersebut maka hasilnya seperti gambar dibawah ini :

Contoh Penggunaan dan fungsi tag font di HTML

Contoh tag font di HTML

Tag font atribut face

Face adalah atribut yang digunakan untuk mengatur jenis huruf dari tulisan. Jenis huruf yang tampil disesuaikan dengan jenis huruf yang terdapat pada komputer pengguna. Berikut adalah contohnya :

<html>
<head>
<title> Elemen HTML || Font </title>
</head>
<body>
 Arial 
 Tahoma 
 Courier 
</body>
</html>

Jika dijalankan maka hasilnya seperti gambar dibawah ini :

Nah itulah artikel singkat yang membahas tentang contoh penggunaan dan fungsi tag font pada html. Semoga bermanfaat dan jangan lupa share keteman yang membutuhkan.

Contoh Penggunaan dan fungsi tag font di HTML

Baca Juga