Tutorial Belajar Mengubah Warna Teks dan Latar di HTML

Kita dapat memberikan style pada sebuah elemen dengan menuliskan stylenya menggunakan atribut style. Teknik ini dikenal dengan istilah inline style. Penulisan nilai dari artibut style adalah sebagai berikut:

<namatag style="property:value;">

Style ditulis dengan format property:valuedimana property adalah nama jenis style yang akan diterapkan pada elemen, dan value adalah nilai dari property stylenya. Kita dapat menerapkan lebih dari satu style dengan memisahkan antar style dengan tanda titik koma ;.

Misalkan kita akan memberi warna pada elemen teks paragraf. Warna bawaan teks pada HTML adalah hitam, dan kita dapat mengganti warna teks dengan warna lain misalnya merah, maka kita tuliskan kode HTML seperti berikut:

<p style="color:red;">Ini teks berwarna merah</p>

property color adalah property style untuk mengatur warna teks. red adalah nilai style untuk warna merah.

Selain itu, kita juga dapat mengganti warna latar dari sebuah elemen dengan warna yang kita inginkan. Warna bawaan sebuah elemen adalah transparent atau transparan. Kita dapat mengubah warna latar dengan menggunakan property background-color.

<p style="color:red; background-color:blue;">Ini teks berwarna merah dengan latar biru</p>

Kode di atas akan menampilkan elemen paragraf berisi teks berwarna merah dengan latar berwarna biru.

PRAKTEK

Pada editor terdapat kode HTML dengan elemen paragraph berisi teks. Buatlah agar elemen tersebut berwarna latar hijau (gunakan nilai style green). Buat juga agar teksnya berwarna putih (gunakan nilai style white).

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

<p>Selamat belajar style dasar pada HTML</p>

</body>

</html>

Hasilnya:

Selamat belajar style dasar pada HTML

Tutorial Belajar Mengubah Warna Teks dan Latar di HTML

PRAKTEK

0 Response to "Tutorial Belajar Mengubah Warna Teks dan Latar di HTML"

Posting Komentar