Font HTML : Mengubah Jenis, Warna & Ukuran Text

Jenis text atau font memiliki beragam gaya dan bentuk penulisan, mulai dari tulisan bahasa latin ataupun tulisan umumnya seperti arial dan helvatica, lalu bagaimana cara kita mengubah jenis text dan memperbesar ukuran text dengan HTML.

 

Mengubah Jenis, Warna, Ukuran Text HTML

 

Untuk mengubah suatu jenis text atau font pada html, yang kita perlukan yaitu atribut font serta value atau jenis text (arial dan sebagainya). Berikut ini merupakan contoh dasar penulisan tag font :

<font face=”jenis_text”>..text…</font>

Selain atribut face, didalam font juga terdapat atribut lain yang dapat digunakan untuk menyempurnakan gaya penulisan. secara keseluran, atribut pada tag font sebagai berikut :

  • Face, yang digunakan untuk mengubah jenis huruf yang akan di tampilkan di website, seperti contohnya “arial, helvatica, dan sebagainya”.
  • Size, dari namanya pasti kamu sudah tau “ya tepat sekali” size digunakan untuk mengubah ukuran huruf menjadi besar maupun kecil. yang perlu kamu lakukan adalah memasukan nilai tertentu pada atribut size ini, misalnya nila 1,2,3,4,5,6,7,8 dll. semakin besar angka yang anda gunakan, maka akan semakin besar juga huruf textnya.
  • Color dari namanya kalau bahasa sunda color itu celana pendek, tapi dalam bahasa pemrograman color itu artinya warna, jadi jika kamu ingin mengubah warna huruf menjadi warna apapun seperti merah dapat menggunakan kode warna seperti #00ff00 yang artinya biru  atau bisa juga menggunakan bahasa internasional yaitu bahasa inggris seperti red yang artinya merah, atau blue = biru.

 

Mengubah Jenis Text HTML

 

Sekarang kita akan membuat kode html untuk mengubah jenis text pada HTML, silahkan buka file notepadnya dan ketikan perintah dibawah ini :

<html>
<head>
<title>belajar font </title>
</head>
<body>

<font face="jokerman"> ari akan menjadi super hero</font>

</body>
</html>

Penjelasan kode diatas:

  •  <html> merupakan awal perintah pemrograman dan pemrograman akan diakhiri dengan  </html>
  • <head> merupakan nama tab halaman dan akan diakhiri dengan </head>
  • <title>merupakan perintah yang berbarengan dengan head atau selalu dihimpit dengan head, dan akan diakhiri dengan </title>
  • Atribut face=”jokerman”, yang menandakan jenis text jokerman
See also  Bagaimana Cara Membuat paragraf dengan HTML

silahkan simpan dengan nama yang di inginkan, jangan lupa sertakan .html, hasilnya akan tampak seperti ini :

mengubah jenis text dengan atribut face pada tag font

Mengubah Ukuran Text pada font HTML

Selanjutnya, Kita akan mengubah suatu text menjadi lebih besar, yaitu dengan atribut size. Buka aplikasi editornya, Lalu ketikan perintah seperti berikut ini.

 

<html>
<head>
<title>belajar atribut size </title>
</head>
<body>

<font size="7">ari akan menjadi super hero</font>

</body>
</html>

 

Penjelasan kode diatas yaitu :

  • atribut size=”7″ menandakan bahwa suatu text akan berubah ukuran sebesar 7

 

mengubah ukuran text dengan atribut size pada html

 

Mengubah Warna Text pada Font HTML

Pembelajaran terakhir, yaitu tentang mewarnai text, atribut yang akan kita gunakan adalah “color”, langsung saja buka aplikasi editornya, dan ketikan kode seperti berikut ini :

<html>
<head>
<title>belajar color</title>
</head>
<body>

<font color="red">ari sudah menjadi batman<font>

</body>
</html>

Penjelasan kode diatas :

  • color=”red” merupakan atrtibut yang menyatakan bahwa font akan berwarna “red” atau merah.
mengubah warna text dengan atribut color pada html
Artikel Sebelumnya yaitu tentang Cara Membuat Paragraf pada HTML

One Reply to “Font HTML : Mengubah Jenis, Warna & Ukuran Text”

Leave a Reply

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