this → Artikel Baru – ( Atrikel Lama ↓ )

Cara Mengatur Warna Latar Belakang dan Teks pada HTML

Pada bahasa HTML warna pada latar belakang web (background web) dan teks (font color) dapat diatur dengan cara mengubah nilai atribut BGCOLOR  dan atribut TEXT yang terletak di dalam tag <body>. Pada materi ini peserta didik akan belajar bagaimana cara untuk mengubah warna latar belakag dan teks pada laman web dengan menggunakan kode HTML. Berikut ini diberikan contoh urutan langkah pengerjaan untuk mengubah warna latar belakang dan teks:

satu, Jalankan teks editor pada android atau notepad pada komputer.
dua, Ketiklah kode program berikut ini:

Pahami pula, tentang semua konsep desain Web untuk tingkat pemula melalui materi lengkap HTML [klik].


<html>

 

<head>

<title>

Mengubah warna latar belakang

</title>

</head>

 

<body text="green" bgcolor="orange">

teks akan berwarna hijau, dengan latar belakang berwarna orange.

</body>

 

</html>


tiga, Simpan kode program dengan nama file Latihan.html pada folder komputer anda (atau file manager pada android).
empat, Coba jalankan file Latihan.html yang telah dibuat maka hasilnya akan seperti diperlihatkan pada gambar 1 berikut ini.

menggunakna bgcolor untuk mengubah warna latar belakang laman web
Gambar 1 file html latihan.html dengan latar belakang orange dan warna huruf hijau (green)

Baca juga, tentang materi bahasa pemrograman lainnya melalui Materi Lengkap 

Bahasa Pemrograman [klik].


lima, jika berhasil, coba modifikasi kode program yang telah dibuat sebelumnya dengan mengganti

sebelum dimodifikasi 
<body text="green" bgcolor="orange"> 

setelah dimodifikasi
<body text="red" bgcolor="pink">

Apakah jenis warna lain yang bisa diberikan pada contoh kode program tersebut?

enam, jalankan file yang telah dimodifikasi menggunakan browser.

Komentar

  1. Balasan
    1. Modul HTML Bimbingan Teknologi Informasi dan Komunikasi Kelas X SMAN 8 Semarang Edisi 1. 2020. Jawa Tengah.

      Hapus
  2. Apa yang dimaksud dengan background color pada laman html?

    BalasHapus
    Balasan
    1. Background color adalah properti yang digunakan untuk mengatur warna latar belakang sebuah elemen pada laman html. Latar belakang elemen adalah ukuran total sebuah elemen, termasuk padding dan batas-batas.

      Tips: Jika ingin menggunakan pewarnaan pada latar belakang situs, gunakanlah kombinasi warna yang kontras. Jika latar belakang yang digunakan adalah warna cerah, maka warna huruf yang digunakan adalah warna yang gelap dan begitupus sebaliknya.

      Hapus
  3. Bagaimana cara mengatur warna latar belakang pada laman html?

    BalasHapus
    Balasan
    1. Untuk menyetel warna pada latar belakang html, perancang situs dapat menggunakan atribut style. Atribut style menentukan gaya dalam sebuah elemen latar belakang html. Atribut tersebut digunakan pada tag BODY html. Namun pada HTML5, penggunakan atribut latar belakang (bgcolor) sudah tidak bisa didukung lagi penggunaannya, sehingga alternatif untuk dapat memberikan warna pada latar belakang adalah menggunakan bahasa pemrogramana tambahan yang khusus digunakan untuk mengatur style pada laman html yaitu CSS.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

Catatan: setiap iklan yang ditayangkan pada blog ini bersumber dari google adsense. Dengan jenis iklan yang dipilih adalah, sebagai berikut.

POIN 1, Iklan yang ditampilkan hanya boleh berbahasa indonesia atau berbahasa inggris. Tidak menerima jenis iklan dalam bahasa yang lain selain yang telah disebutkan karena blog ini dibuat untuk para pengunjung dari negara atau orang yang berbahasa Indonesia.

POIN 2, Setiap gambar yang ditampilkan pada iklan sifatnya tidak mengganggu para pengunjung yang melihat blog, atau tidak boleh menampilkan gambar yang bersifat menjijikkan atau merangsang rasa mual.

POIN 3, Jenis iklan yang dipasang bukan merupakan iklan spam, atau berisi dan mengarahkan pengunjung ke alamat yang berbahaya atau bersifat penipuan.

POIN 4, Segala bentuk iklan tunduk dan patuh pada ketentuan dari pihak Adsense google dan pemilik blog.

POIN 5, Segala jenis iklan yang tidak bertentangan dengan poin 1-4 yang dijelaskan sebelumnya, maka iklan tersebut dapat ditampilkan pada blog.



~ Ikatlah Ilmu dengan Memostingkannya ~

Hot Artikel

Enkapsulasi pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C

Penjelasan Singkat tentang Konsep Asosiasi, Komposisi, dan Agregasi pada Java

3 Jenis Utama Looping pada Java