Cara mengatur warna, ukuran. dan jenis font di HTML

-

 bloghewanteknologi

Cara mengatur warna, ukuran, dan jenis font di HTML

Font merupakan satu set karakter. Font terdiri atas huruf, angka, simbol dan tanda baca kemudian fon dapat dibedakan dari ukuran, ketebalan, warna, serta jenisnya. Untuk mengatur font pada HTML kita menggunakan tag <font>. Tag ini menggunakan 3 attribut, yaitu : <font face=""> untuk mengatur jenis dari font, <font color=""> untuk mengatur warna dari font, dan terakhir <font size=""> untuk mengatur ukuran dari font, mudah bukan Cara Mengatur Ukuran, Warna, dan Jenis Font di HTML?

Dengan menggunakan kode dibawah ini, agan dapat menspesifikasikan ukuran dan jenis dari output browsernya:


<p><font size="2" face="Verdana"> KeyzeX Programming. </font></p> <p><font size="3" face="Times"> Media Edukasi Seputar Blog dan Bahasa Pemrograman. </font></p>

Dapat disimpulkan bahwa penggunakan tag font dapat ditambahkan lebih dari 1 attribut yang ada. Pada tutorial Mengatur Ukuran, Warna, dan Jenis Font di HTML kita akan bahas lebih lanjut.

Cara Mengatur Ukuran, Warna, dan Jenis Font di HTML

1. Menggunakan Font Size pada HTML
2. Menggunakan Font Face pada HTML
Font face disini berguna untuk mengubah jenis pada font. Contoh di bawah ini untuk mendemonstrasikan bagaimana mengubah jenis font.


<html> <body> <font face="Arial"> Programming - Font Face Arial</font><br/> <!-- Tag br ini berfungsi sebagai enter atau untuk membuat garis baru --> <font face="Comic Sans MS"> Programming - Font Face Comic Sans MS</font><br/> <!-- Tag br ini berfungsi sebagai enter atau untuk membuat garis baru --> <font face="Licida Dingbom"> Programming - Font Face Licida Dingbom</font><br/> <!-- Tag br ini berfungsi sebagai enter atau untuk membuat garis baru --> <font face="Microsoft Sans Serif"> Programming - Font Face Microsoft Sans Serif</font><br/> <!-- Tag br ini berfungsi sebagai enter atau untuk membuat garis baru --> <font face="Times"> Programming - Font Face Times</font><br/> <!-- Tag br ini berfungsi sebagai enter atau untuk membuat garis baru --> </body> </html>

3. Menggunakan Font Color pada HTML
Font color disini berguna untuk mengubah warna pada Font. Contoh di bawah ini untuk mendemonstrasikan bagaimana mengubah warna font.

<html> <body> <font Color="Red"> KeyzeX Programming - Font Color Merah</font><br/> <!-- Tag br ini berfungsi sebagai enter atau untuk membuat garis baru --> <font Color="Green"> KeyzeX Programming - Font Color Hijau</font><br/> <!-- Tag br ini berfungsi sebagai enter atau untuk membuat garis baru --> <font Color="Blue"> KeyzeX Programming - Font Color Biru</font><br/> <!-- Tag br ini berfungsi sebagai enter atau untuk membuat garis baru --> </body> </html>

4. Jangan lupa simpan dengan extensi file .html dan lihat hasilnya.
Sebagai tambahan, tag <font> disisihkan pada versi terakhir HTML (HTML4 dan XHTML). W3C telah membuang tag tag <font> dari rekomendasinya. Pada versi HTML terbaru, style sheet atau CSS dipergunakan untuk mendefinisikan properti layout dan display elemen HTML.

itulah demeikian yang bisa kami sampaikan


Komentar

Posting Komentar

Postingan populer dari blog ini

CARA MENGGUNAKAN ZETERO

-
Gambar
     bloghewanteknologi CARA MENGGUNAKAN ZETERO UNTUK PERPUSTAKAAN Daftar Pustaka Zotero  – Menyusun sebuah karya ilmiah seringkali terasa sangat memberatkan. Terlebih ketika kita harus memasukkan referensi dari berbagai sumber yang berbeda. Biasanya kita menggunakan cara manual untuk membuat referensi maupun daftar pustaka. Akan tetapi saat ini ada cara yang lebih mudah, yakni dengan memanfaatkan bantuan aplikasi yang dapat memasukkan referensi ataupun daftar pustaka secara otomatis. Salah satu yang bisa Anda coba adalah  Zotero . Untuk diketahui, Zotero adalah salah satu software reference manager yang bisa kita pakai secara gratis. Aplikasi ini berfungsi menyimpan banyak data yang dapat digunakan sebagai perpustakaan digital pribadi bagi penggunanya. Sehingga bisa dikatakan bahwa Zotero merupakan media penyimpanan data yang dikemas dengan tampilan yang mudah untuk dipahami oleh semua pengguna. Tidak hanya itu saja, Zotero juga tersedia untuk berbagai sistem o...
Baca selengkapnya

CARA PASANG MODEM DI LAPTOP ATAU PC

-
Gambar
   bloghewanteknologi Cara Memasang Modem Di Laptop   atau   Cara Memasang Modem Di Komputer     metodenya sama saja. Apalagi jika   modem nya jenis   modem USB   malah lebih gampang lagi. Ada beberapa   tipe modem   seperti   modem USB , modem ISA , modem PCI  ataupun   modem Com/DB9 . Dan   Cara Memasang Modem   tersebut beda beda harus menurut tipe masing masing. Namun untuk   Cara Memasang Modem   yang paling mudah untuk sekarang adalah   memasang modem tipe USB Untuk Memasang Modem tipe USB  yang harus tersedia hanya  colokan USB  di  komputer  maupun di  laptop  dan untuk  komputer  sekarang maupun  laptop  kebanyakan dan mungkin sudah jadi hal yang umum dan tersedia. Yang harus ada selain  port USB  adalah  driver modem  tersebut. Kadang untuk  modem  yang bagus  driver modem  sudah ...
Baca selengkapnya

REVIEW TELEVISI SAMSUNG 55-CLASS Q70A QLED TV (QN55Q70AAFXA)

-
  bloghewanteknologi                Dalam blog kali ini saya akan menjelaskan tentang review televisi canggiih di 2021,pada tahun ini pertelevisian berubah dari era analog menjadi era digital.Televisi telah memberikan banayak manfaat bagi manusia baik dalam pendidikan,bisnis,informasi,hiburan dan masih banyak lagi,karna sekarang masuk era digital televisi pun harus yang mampu memadai agar dapat menikmati acara ditelevisi.Berikut review televisi SAMSUNG 55-CLASS Q70A QLED ; TELEVISI SAMSUNG 55 CLASS PRO - Keterlambatan input yang sangat rendah - Fitur permainan yang berguna - Warna seimbang - Dukungan Amazon Alexa dan Asisten Google   KONTRA - Panel tidak terlalu terang - Kontras sederhana - Antarmuka TV pintar yang sombong - Tidak Ada Penglihatan Dolby                Sampai saat ini, TV QLED Samsung telah menonjol sebagai penawaran kelas atas perusahaan. Sejak memperkenalkan Neo QLED awal...
Baca selengkapnya