Cara membuat background yang rapih di html - ANONTECH

Assalamuallaikum wr wb gan
yups kali ini saya akan membagikan sebuah tutorial yaitu cara menambahkan/membuat background dengan gambar yang kita inginkan untuk script atau sebagainya



sebelumnya apa itu html? simak sebentar oke:")
HTML adalah adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
sumber: wikipedia

dengan membuat/manaruh gambar sebagai background di script maka tampilanya pun akan berubah dan akan menjadi lebih menarik daripada background polosan bukan hanya itu saja dengan menambahkan gambar background maka script kita akan terlihat lebih rapi bagaimana caranya min?
yuk simak caranya dibawah:

Bahan-Bahan:

  • buka aplikasi vaforit kalian buat ngoding
  • koneksi internet
  • link gambar buat background
  • kopi xD
Langakah-Langkah:

  • copy script ini oke

<style>body {  background: url(URL GAMBAR) no-repeat center center fixed;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  color: white;}</style> 
  • Buka aplikasi editor/notepad/aplikasi ngodong favorit kalian
  • buat sebuah file berekstensi .html
  • disini saya membuat file yaitu background.html
  • paste script dibawah lalu ganti URL GAMBAR dengan url gambar pilihan kalian
  • disini saya sudah menerapkan gambar yaitu alam seperti dibawah

  • karena link gambar terlalu panjang maka screenshot saya tidak full hehe maklumin user androidXD
  • atau seperti ini kode jelasnya:

<html><title>BELAJAR MEMBUAT BACKGROUND - ANONTECH</title><style>body {  background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS-kR7DOClPy-0yvrCFtFgDv7fzu1RXPLKg-A-0liDhUEePw9k5) no-repeat center center fixed;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  color: white;}</style><center><font color="red" size="15" > Hello World XD</font></html>

  • maka jadinya akan seperti ini:


hehe rapih bukan?XD yups semoga bermanfaat tutorial kali ini
wassalamuallaikum wr wb



Berlangganan update artikel terbaru via email:

0 Response to "Cara membuat background yang rapih di html - ANONTECH"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel