Memberikan Warna Teks dan Background


Dalam belajar HTML dasar kita kali ini akan mencoba membuat warna teks dan membuat background warna dalam HTML. Sebelumnya kita telah belajar gambaran umum tentang warna pada pembahasan Tentang Warna dalam HTML

Untuk memberikan warna pada teks, kita membutuhkan satu elemen dan atribut sebagai alat menyisipkan nilai warnanya. Jika sobat webmaster kurang memahami apa itu attribute, sobat dapat membaca artikel Penjelasan Tag, Element, dan Attribute dalam HTML. Elemen yang kita butuhkan dalam mewarnai teks adalah elemen <font> ... </font> dan atributnya adalah <font color="">. 

 

- Membuat warna pada Teks

                                
<html> 
  <head> 
    <title>
      (Elemen Non-Visual)
    </title>
  </head>
  <body>
<h1> <font color="red"> Warna Merah dengan Nama Warna </font> </h1>

<h1> <font color="#ff0000"> Warna Merah dengan Hexadesimal </font> </h1>
</body> </html>

Sintak HTML diatas akan menghasilkan halaman dokumen seperti dibawah ini.

Seperti yang telah kita bahas  Tentang Warna dalam HTML, Kita dapat memberikan nilai warna dengan menggunakan nama warna itu sendiri ataupun dengan kode hexadesimal. Untuk memberikan warna teks kita dapat menggunakan elemen <font>...</font>, tapi hal itu tidak wajib dilakukan, karena kita juga dapat memberikan warna dengan menggunakan CSS bahkan akan lebih baik jika kita memberikan warna lewat CSS karena lebih efektif dan efisien. Kenapa kok bisa lebih efektif dan efisien?, Nah itu nanti pelan - pelan kita akan pelajari di bagian CSS. 

 

- Membuat Background Warna

Banyak elemen yang dapat kita berikan warna seperti, teks, background, tabel, paragraph, dan lain sebagainya. Bahkan semua elemen dalam HTML bisa jadi dapat diberikan warna. Namun pada kesempatan kali ini sebagai pengetahuan dasar, kita bahas dulu untuk mewarnai teks dan background saja. Diatas sudah dicontohkan untuk mewarnai teks, selanjutnya dibawah ini kita akan coba memberikan warna Background.

                                
<html> 
  <head> 
    <title>
      (Elemen Non-Visual)
    </title>
  </head>
  <body bgcolor="blue">
<h1> <font color="red"> Warna Merah dengan Nama Warna </font> </h1>

<h1> <font color="#ff0000"> Warna Merah dengan Hexadesimal </font> </h1>
</body> </html>

 Sintak HTML diatas akan menghasilkan halaman seperti dibawah ini.

Jika dalam mewarnai teks HTML kita menggunakan atribut color, untuk memberikan warna background diatas saya menggunakan atribut bgcolor pada tag <body>. bgcolor yang dimaksud adalah Background Color, atau warna latar belakang. Karena saya memberikan nilai warna biru pada tag <body> maka seluruh dokumen HTML berubah warna menjadi biru. Kamu dapat memberikan background warna pada elemen - elemen sesuai dengan kebutuhanmu seperti misal pada tag div, tabel, dan lainnya.


Tentang Warna dalam HTML    -    Mengenal Frame dan Frameset


Berikan Komentar Anda

irma julianti stp - irmajulianti.blogspot.com
2018-10-12 12:58:26

terimakasih untuk penjelasannya, artikelnya sangat membantu tentang belajar memberikan warna teks pada background... sukses yaa... Kunjungi juga website kampus saya : http://www.atmaluhur.ac.id dan blog saya : https://kima.mahasiswa.atmaluhur.ac.id

diah pitaloka - blog.binadarma.ac.id/babeyudi
2018-06-02 22:15:18

Terimakasih.. tulisannya sangat bermanfaat.. My blog My Campus