Latar Belakang HTML

好的背景使站点看起来特别棒。

实例

搭配良好的背景和颜色
一个背景颜色和文字颜色搭配良好的例子，使页面中的文字易于阅读。
搭配得不好的背景和颜色
一个背景颜色和文字颜色搭配得不好的例子，使页面中的文字难以阅读。

（可以在本页底端找到更多实例。）

背景（Backgrounds）

<body> 有两个配置背景的标签。背景可以是颜色或图像。

颜色背景（Bgcolor）

属性颜色背景将背景设置为某种颜色。值属性可以是十六进制数、RGB 值或颜色名。

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

Kode di atas akan menetapkan warna latar menjadi hitam.

Latar (Background)

Atribut latar akan menetapkan latar belakang menjadi gambar. Nilai atribut adalah URL gambar. Jika ukuran gambar lebih kecil daripada tinggi jendela pemanggil, gambar akan disalin sepenuhnya di jendela pemanggil.

<body background="clouds.gif">
<body background="http://www.codew3c.com/clouds.gif">

URL boleh adalah alamat relatif, seperti baris pertama kode. Juga boleh adalah alamat absolut, seperti baris kedua kode.

Tips:Jika anda merancang untuk menggunakan gambar latar, anda harus ingat beberapa hal:

  • Apakah gambar latar menambah masa pemuat halaman. Tips: ukuran fail gambar tidak boleh melebihi 10k.
  • Apakah gambar latar disesuaikan dengan gambar lain di halaman?
  • Apakah gambar latar disesuaikan dengan warna teks di halaman?
  • Gambar latar yang diterapkan secara rata di halaman, bagaimana kelihatan nya?
  • Apakah perhatian terhadap teks diseret oleh gambar latar?

Perhatian dasar - Petikan yang berguna:

Atribut latar (bgcolor), latar (background) dan teks (text) di dalam tag <body> telah dihapus dalam standar HTML terkini (HTML4 dan XHTML). W3C telah menghapus atribut ini dalam standar recomended mereka.

Harus digunakan cascading style sheet (CSS) untuk menentukan tata letak dan atribut perepresentasan elemen HTML.

Lebih banyak contoh

Gambar latar yang dapat digunakan dengan kuat
Contoh yang memudahkan teks halaman dengan gambar latar dan warna teks
Gambar latar yang dapat digunakan dengan kuat 2
Contoh lain yang memudahkan teks halaman dengan gambar latar dan warna teks
Gambar latar yang kurang dapat digunakan
Contoh yang memudahkan teks halaman yang sulit dibaca dengan gambar latar dan warna teks