Langsung ke konten utama

Iklan





HTML Tag Font

Tag font memainkan peran penting dalam pembuatan halaman website untuk dapat membuatnya terlihat menarik untuk para pembaca. Tag font digunakan untuk melakukan perubahan warna, ukuran, dan gaya teks pada dokumen html.

Tag font pada dasarnya memiliki tiga atribut yang disebutkan berikut ini:
  • Size
  • Face/Type
  • Color

satu, font size: atribut ini digunakan untuk mengatur ukuran teks dalam dokumen HTML dengan menggunakan tag font atribut size. Rentang ukuran font dalam HTML adalah antara 1 hingga 7 dengan ukuran defaultnya adalah 3.

Contoh:

<!DOCTYPE html>

<html>

 

<body>

<font size = "1">

Nasi Padang

</font>

 

<br />

 

<font size = "2">

Nasi Padang

</font>

 

<br />

 

<font size = "3">

Nasi Padang

</font>

 

<br />

 

<font size = "4">

Nasi Padang

</font>

 

<br />

 

<font size = "5">

Nasi Padang

</font>

 

<br />

 

<font size = "6">

Nasi Padang

</font>

 

<br />

 

<font size = "7">

Nasi Padang

</font>

</body>

 

</html>

Output:
Nasi Padang
Nasi Padang
Nasi Padang
Nasi Padang
Nasi Padang
Nasi Padang
Nasi Padang

dua, Font Type: atribut ini digunakan untuk mengatur jenis font pada dokumen html. Namun, font yang digunakan harus terinstal terlebih dahulu pada komputer yang digunakan untuk menjalankan web browser.

Contoh:

<!DOCTYPE html>

<html>

 

<body>

<font 

face = "Times New Roman" 

size = "6">

Nasi Padang

</font>

 

<br />

 

<font 

face = "Verdana" 

size = "6">

Nasi Padang

</font>

 

<br />

 

<font 

face = "Comic sans MS" 

size =" 6">

Nasi Padang

</font>

 

<br />

 

<font 

face = "WildWest" 

size = "6">

Nasi Padang

</font>

 

<br />

 

<font 

face = "Bedrock" 

size = "6">

Nasi Padang

</font>

 

<br />

 

</body>

 

</html>

Output:
Nasi Padang
Nasi Padang
Nasi Padang
Nasi Padang
Nasi Padang

tiga, Font Color: digunakan untuk mengatur warna teks menggunakan atribut warna dalam dokumen html. Warna dapat ditentukan baik dengan menggunakan penyebutan literasi warna (orange, pink, red) ataupun dengan menggunakan kode hexadesimal.

Contoh:

<!DOCTYPE html>

<html>

 

<body>

 

<font 

color = "#009900">

Nasi Padang

</font>

 

<br />

 

<font 

color = "green">

Nasi Padang

</font>

 

</body>

 

</html>

Output:
Nasi Padang
Nasi Padang

Catatan:
tag font sudah tidak didukung lagi penggunaannya pada HTML5.

Browser Pendukung:
  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari


Iklan

Komentar

  1. Apa yang terjadi jika font yang saya gunakan pada tag font tidak tersedia pada browser atau komputer yang saya gunakan untuk membuka dokumen html tersebut?

    BalasHapus
    Balasan
    1. Teks yang telah diatur tersebut akan diatur kedalam tipe default yang sudah disediakan oleh browser.

      Hapus
  2. Apa yang dimaksud dengan tag font pada html?

    BalasHapus
    Balasan
    1. Tag font digunakan untuk mengubah warna, ukuran, dan gaya teks atau style. Tag font dasar digunakan untuk mengatur semua jenis teks dengan bentuk tampilan yang serupa.

      Hapus
  3. Font itu makanan yang berwarna hijau yang didalamnya diisi oleh gula merah?

    BalasHapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D