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++.

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 :

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 :

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

Penaku

Cara Memberi Warna Pada Background dan Tulisan HTML

Rekomendasi