Font dan Color adalah salah satu daya tarik pengunjung untuk tetap mengunjungi website yang anda bangun, karena dengan tampilan font dan color yang anda bangun, bisa membuat para pengunjung tertarik akan website yang anda bangun.
dan yang sudah saya jalanin dan bangun website saya, banyak sekali visitor yang berkunjung dan bertanya banyak macam pertanyaan yang di layangkan ke arah style font color yang saya buat, dan kalian pun pasti bisa membuat kombinasi warna dan font yang menarik perhatian pengunjung akan website yang anda bangun sendiri nantinya.
Tag <font> </font> digunakan untuk format huruf / font. Dengan tag ini kita dapat mengatur besar kecilnya huruf, warna huruf dan jenis huruf yang akan di cetak atau dibuat pada website.
dan yang sudah saya jalanin dan bangun website saya, banyak sekali visitor yang berkunjung dan bertanya banyak macam pertanyaan yang di layangkan ke arah style font color yang saya buat, dan kalian pun pasti bisa membuat kombinasi warna dan font yang menarik perhatian pengunjung akan website yang anda bangun sendiri nantinya.
Tag <font> </font> digunakan untuk format huruf / font. Dengan tag ini kita dapat mengatur besar kecilnya huruf, warna huruf dan jenis huruf yang akan di cetak atau dibuat pada website.
Perhatikan contoh program :
<html>
<head>
<title> WEBSITE COMPLETE HOMEPAGE </title>
</head>
<body>
<font face="helvetica"> Helvetica </font> <br>
<font face="arial"> Arial </font> <br>
<font face="times"> Times </font> <br>
<font face="times" size="5"> Times </font>
<font face="times" size="4"> Times </font>
<font face="times" size="3"> Times </font> <br>
<font face="times" size="+1"> Times </font>
<font face="times" size="+2"> Times </font>
<font face="times" size="+3"> Times </font> <br>
<font face="times" color="red"> Times </font>
<font face="times" color="blue"> Times </font> <br>
<font face="times" color="#459987"> Times </font>
<font face="times" color="#45a9f7"> Times </font>
</body>
</html>
Akan menghasilkan tampilan berikut :
Penggunaan tag font |
Dari perbandingan dokumen sumber dan hasilnya dapat kita simpulkan bahwa tag font mempunyai atribut antara size, face dan color. Jenis huruf dapat kita tentukan dengan atribut face.
Penulisan ukuran huruf juga dapat dilakukan dengan dua cara, yaitu : dengan mencantumkan ukuran huruf relatif terhadap ukuran standar (perhatikan tanda + font di atas yang bisa juga digantikan dengan -) atau dengan menyebutkan ukuran mutlaknya.
Menggunakan Warna atau Color
Pemilihan warna pada sebuah halaman website menjadi penting. Website yang mempunyaii warna yang enak di pandang akan membuat pengunjung ingin selalu datang, biasanya pemilihan warna disesuaikan dengan citra pemilik website atau audience yang dituju.
Font Color
Perintah ini berguna untuk memasukkan warna ke dalam teks. warna-warna yang dapat dimasukkan dapat berupa nama warna atau dengan menyebutkan kode RGB dari warna yang bersangkutan.
<font color="red"> Teks ini warna Merah </font>
Contoh kode-kode warna :
Kode | Warna |
#000000 | Hitam |
#C0C0C0 | Silver |
#808080 | Gray |
#800000 | Maroon |
#ff0000 | Red |
#800080 | Purple |
#ff00ff | Fuchsia |
#00ffff | Aqua |
#008000 | Green |
#00ff00 | Line |
#808000 | Olive |
#000080 | Navy |
#ffff00 | Yellow |
#0000ff | Blue |
#008080 | Teal |
Contoh Program :
Hasilnya akan seperti gambar dibawah :
Background
Perintah BACKGROUND adalah perintah untuk membuat warna latar belakang sebuah text yang akan kalian bangun di website anda.
Contoh program :
Dan berikut hasil tampilannya :
<html>
<head>
<title> Memberikan Warna Font</title>
</head>
<body>
<font color="red"> Teks ini berwarna Merah </font> <br>
<font color="blue"> Teks ini berwarna Biru </font> <br>
<font color="#008000"> Teks ini berwarna Hijau </font> <br>
<font color="#0000ff"> Text ini berwarna Aqua </font>
<!-- Website Complete Coding Blogspot -->
</body>
</html>
Hasilnya akan seperti gambar dibawah :
Text Dengan Warna |
Background
Perintah BACKGROUND adalah perintah untuk membuat warna latar belakang sebuah text yang akan kalian bangun di website anda.
Contoh program :
<html>
<head>
<title> Memberikan Warna Layar</title>
</head>
<body bgcolor="cyan">
<font color="red">
<h2> Selamat Datang Di Website Saya </h2>
</font>
It's a nice day
<!-- Website Complete Coding Blogspot -->
</body>
</html>
Dan berikut hasil tampilannya :
Background |
Begitu mudah kan memberikan warna pada font yang akan anda buat, begitu pun dengan website yang akan anda bangun banyak varias warna yang membuat website yang anda bangun nantinya menjadi menarik, karena penggunaan font dan kombinasi warna yang anda buat.
Mantap gan 👍 mudah di pahami.https://www.atmaluhur.ac.id
BalasHapus