Cara Memberi Warna Pada Background dan Tulisan HTML

Cara Memberi Warna Pada Background dan Tulisan HTML

Cara Memberi Warna Pada Background dan Tulisan HTML

Pada postingan sebelumnya aku membahas mengenai "Membuat Link / Alamat dan Menampilkan Gambar pada HTML". Kita langsung saja menuju ke pembelajaran selanjutnya yaitu mengenai Pemberian Warna Pada Background dan Tulisan pada HTML. Seperti biasa sebelum melakukan pembelajaran coding, aku sangat menyarankan kamu untuk menggunakan aplikasi Notepad++. Kamu bisa mendownload aplikasi itu secara gratis dengan cara mendownload di sini Notepad++.

myfcode - Cara Memberi Warna Pada Background dan Tulisan HTML

Seperti biasa juga aku akan menjelaskan tag sebelum aku memulai pembahasan.

Style berfungsi untuk memberikan gaya pada elemen atau konten
Background-color berfungsi untuk memberikan warna background pada elemen atau konten
Color berfungsi untuk memberikan warna
Font-size berfungsi untuk penyesuaian ukuran pada font ( tulisan, angka, simbol dll )

Baiklah kita akan memulai pembahasanya.

<html>
<body>
<h1 style="color:blue;">Belajar Memberikan Warna Pada Tulisan</h1>
<p style="color:red;">Hai, Namaku Wega Shindy Fiswara.</p>
</body>
</html>

Hasil dari Coding diatas :

myfcode - Cara Memberi Warna Pada Background dan Tulisan HTML

Penjelasan :
color:blue; adalah perintah untuk mengubah warna tulisan menjadi biru, sedangkan jika warna blue diganti menjadi red maka akan berubah juga warna tulisan tersebut menjadi warna merah.

Untuk pemberian warna pada background kamu bisa memanfaatkan code background-color, penerapanya seperti code dibawah ini.

<body style="background-color:red;">
<h1 style="color:yellow;">Belajar Memberikan Warna Pada Background</h1>
<p style="color:white;">Wega lagi sakit.</p>
</body>

Hasil dari Coding :

myfcode - Cara Memberi Warna Pada Background dan Tulisan HTML

Penjelasan
<body style="background-color:red;"> adalah perintah untuk mengubah warna background body atau background keseluruhan menjadi merah karena menggunakan kode red

Untuk penyesuaian ukuran kamu bisa menggunakan perintah font-size, penerapanya seperti code dibawah.

<body style="background-color:red;">
<h1 style="font-size:200%;">Belajar Memberikan Warna Pada Background</h1>
<p style="font-size:150%;">Wega lagi sakit.</p>
</body>

Hasil dari Coding :

myfcode - Cara Memberi Warna Pada Background dan Tulisan HTML


Penjelasan : 
font-size:200%; adalah perintah untuk penyesuaian ukuran pada font atau tulisan, semakin besar angka yang kamu masukan maka juga semakin besar tulisan yang dihasilkan.

Kesimpulan
Untuk memberikan warna atau penyesuaian pada konten, memerlukan tag style untuk membuat perintah seperti background-color, color, dan font-size bekerja.

Jika kurang paham kamu bisa bertanya dengan cara berkomentar dibawah, atau dengan menghubungi aku melalui email dibawah.

Terimakasih kepada : fCode , myfCode , dev-fCode
Share this with short URL:
Get Short URL
loading short url

No comments

Tata Cara Berkomentar Dengan Benar
~ Menggunakan bahasa yang sopan dan benar
~ Dilarang menggunakan bahasa kotor
~ Dilarang menyertakan link aktif
~ Dilarang memancing keributan