DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA MEMBUAT BACKGROUND HTML FULL SCREEN TANPA CSS

Mencari cara membuat background HTML full screen tanpa menggunakan CSS? Dalam artikel ini, kamu akan belajar bagaimana melakukannya dengan mudah dan cepat.

Daftar Isi:

Menggunakan Tag HTML Backgroun...
Menggunakan Tabel HTML
Kesimpulan

Menampilkan latar belakang penuh di HTML tanpa menggunakan CSS mungkin tampak seperti tantangan tetapi ini bisa dilakukan dengan sangat mudah. Mari kita lihat bagaimana caranya.

Menggunakan Tag HTML Background

Berikut adalah cara paling sederhana untuk mendapatkan latar belakang layar penuh hanya dengan menggunakan HTML. Tapi, ingatlah bahwa metode ini hanya bekerja dengan gambar.

<body background="URL Gambar">

Gantilah “URL Gambar” dengan URL gambar yang kamu inginkan sebagai latar belakang. Itu saja. Sekarang, gambar tersebut akan muncul sebagai latar belakang halaman webmu.

Kelemahan Metode Ini

Meskipun metode ini sederhana dan mudah, ada juga beberapa kelemahan yang perlu diperhatikan:

  1. Gambar mungkin tidak menyesuaikan ukuran layar dengan baik, terutama jika gambar tersebut memiliki aspek rasio yang berbeda dengan layar.
  2. Tidak ada kontrol terhadap posisi gambar, opasitas, atau karakteristik visual lainnya.

Menggunakan Tabel HTML

Selain metode di atas, kamu juga bisa menggunakan tabel HTML untuk mengatur latar belakang layar penuh. Berikut adalah cara melakukannya:

<table width="100%" height="100%">
<tr>
<td background="URL_Gambar"></td>
</tr>
</table>

Gantilah “URL_Gambar” dengan URL gambar yang kamu inginkan sebagai latar belakang. Dengan kode ini, gambar akan diatur untuk mengisi seluruh layar, tetapi kamu perlu berhati-hati dengan konten lainnya, karena tabel HTML mungkin mengganggunya.

Kelemahan Metode ini

  1. Kontrol terhadap posisi gambar, opasitas, atau karakteristik visual lainnya masih terbatas.
  2. Konten lain di halaman mungkin terpengaruh oleh tabel ini.

Kesimpulan

Meskipun ada batasan, dengan menggunakan tag HTML dasar, kamu masih bisa membuat latar belakang layar penuh tanpa menggunakan CSS. Cobalah metode-metode di atas dan lihat mana yang paling sesuai dengan kebutuhanmu.


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding