Script HTML Mewarnai Background Dan Text Untuk Pemula

Flexcibel : Script HTML Mewarnai Background Dan Tulisan, ini adalah salah satu bagian dari pelajaran penting untuk blogger. Di dunia Blogging, coding atau pengkodean membuat sesuatu bentuk halaman, text/tulisan, background, atau membuat warna pada elemen-elemen tertentu di web/blog. Itu semua adalah termasuk pengetahuan yang seyogyanya di kuasai oleh blogger.

Memang kalau di pikir-pikir pelajaran kode script HTML kadang-kadang bikin pusing. Namun setidaknya walaupun hanya sedikit, kita sebagai blogger sebaiknya mengetahui jenis-jenis kode HTML tersebut. Intinya mempelajari kode HTML itu mulai dari yang paling dasar dulu serta mudah di ingat.

Baca Juga:

2 Script HTML Membuat Textarea.

2 Versi HTML Link Unduh Gambar.

Membuat Paragraf Dengan Mode Script HTML.

Cara Mewarnai Background Dan Tulisan Dengan Script HTML

Pada artikel ini saya akan membagikan cara mewarnai background serta tulisan. Yang tentunya pada tahap ini menggunakan kode HTML yang sangat simple dan mudah di ingat. Kemudian, hasil dari penulisan atau susunan script HTML ini, akan berupa bentuk kotak seperti layaknya button.

Selanjutnya, mengenai tinggi dan lebar background menyesuaikan ukuran dan panjang susunan huruf pada background. Kemudian, tentang pewarnaan pada background dan tulisan, ini juga sangat mudah. Kita tidak usah memakai kode-kode warna yang khusus seperti: #004400 atau jenis kode warna lainnya.

Jadi, kesimpulannya untuk membuat warna pada background atau text/huruf, kita cukup ketik atau tulis nama warna dalam bhs.inggris, seperti: black=hitam, blue=biru, red=merah, dan lain-lainnya.

Kemudian, ada juga yang harus di perhatikan, yaitu antara warna background dan text/tulisan harus berbeda warnanya. Misalnya: background atau latar belakang berwarna hitam, maka warna text/tulisan harus berlawanan. Seperti, putih atau kuning keemasan, pink, atau warna yang pantas di padukan.

Untuk menyingkat waktu, maka langsung saja kita menuju pada inti topik bahasan kali ini, yaitu cara membuat dan mewarnai background serta tulisan menggunakan script HTML.

Untuk yang pertama, kita kenali dulu susunan kode script warna untuk background atau latar belakang tulisan. Pada contoh ini, saya menggunakan warna "black" sebagai background:

<div style="pading:8px; background-color:black">

Selanjutnya, kita sambung membuat susunan kode script HTML warna pada text/tulisan. Pada contoh ini, saya mewarnai text/tulisan menggunakan warna putih, dan ukuran huruf/text menggunakan tag h3. Untuk jenis ukuran atau bentuk huruf, nanti anda bisa merubahnya menggunakan jenis huruf b (bold), i (italic):

<h3 style="color:white">Isi TEXT/TULISAN</h3></div>

Keterangan:

Ada yang perlu di perhatikan pada susunan kode script di atas. Yaitu pada awal penyusunan kode script, yang di awali dengan tag element atau attribute <div style, kemudian element jenis ukuran huruf <h3 style. Maka, pada akhir penulisan kode script tersebut harus di tutup dengan </h3>, dan </div>, kemudian pading:8px; dapat anda sesuaikan sendiri dengan angka ukuran yang sesuai keinginan.

Selanjutnya, untuk mempraktekkan script di atas, anda harus menggabungkan kedua script tersebut, seperti ini:

<div style="pading:8px; background-color:black"><h3 style="color:white">Isi TEXT/TULISAN</h3></div>

Dan sebagai contoh dari penulisan kode script tersebut, hasilnya seperti di bawah ini:

Isi TEXT/TULISAN

Kemudian, untuk mengembangkan kode script HTML mewarnai seperti di atas. Kita bisa membuat percontohan susunan kode warna, seperti pada contoh di bawah ini:

BLACK

BLUE

GREEN

YELLOW

MAROON

Seperti itulah kiranya cara mewarnai background dan text/tulisan dengan script HTML. Semoga bermanfaat...