Senin, 04 Juni 2018

Memberi Gambar pada Background HTML

Setelah sebelumnya saya membagikan bagaimana cara memeberi warna pada backround dengan html, kali ini saya mau berbagi cara mengganti backround dengan gambar. Untuk kodenya sendiri tidak jauh  beda hanya merubah sedikit saja dari kode pada postingan sebelumnya. Seperti apa kodenya? Langsung saja simak di bawah ini.

<html>
<head>
<title>
Memberi Gambar pada Background
</title>
</head>
<!-- kode untuk memberi gambar background -->
<body background="lion.jpg">
<font color="red" size="24px">
Background Gambar Singa
</font>
</body>
</html>

Namun sebelum kalian memasukkan kode di atas, pertama kalian harus siapkan gambar dulu dan nanti gambarnya kalian letakkan dalam satu folder bersama dengan dimana kalian meletakkan file html kalian. Dan pastikan juga nam gambar juga sesuai dengan nama pada kodenya, seperti punya saya di atas nama gambarnya adalah "lion.jpg". Jika gambarnya berupa JPG maka dalam kodenya juga harus disertakan JPG, jika gambarnya PNG maka juga harus PNG, dan sebagainya. Untuk tampilannya kurang lebih nanti akan seperti gambar di bawah ini.


Ada tips nih buat kalian, untuk ukuran gambarnya biasanya harus sesuai dengan resolusi dekstop kalian yaitu 1366x167. Dengan begitu ukurannya nanti akan pas. 
Sekian dulu untuk kali ini dan semoga artikel ini bisa memberi manfaat bagi kita semua. Amiin.

Tidak ada komentar:

Posting Komentar

Berkomentarlah yang sopan, jika ada yang tidak berkenan mohon dimaafkan.