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
silahkan simpan dengan nama yang di inginkan, jangan lupa sertakan .html, hasilnya akan tampak seperti ini :
Mengubah Ukuran Text pada font HTML
<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 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.
Sangat bermanfaat dan membantu sekali 👌.atmaluhur .ac .id