Pernahkah Anda menulis skrip HTML? Script ini biasanya dibutuhkan saat membuat website. Hal ini karena script HTML dapat mengatur tampilan website Anda.
Oleh karena itu, jika Anda ingin membuat dan menghosting situs web dengan desain Anda sendiri, Anda perlu mempelajari skrip HTML yang cukup.
Salah satu hal yang membuat sebuah website terlihat menarik adalah adanya background website. Oleh karena itu, artikel ini akan menunjukkan cara menggunakan HTML untuk membuat gambar latar.
Cara membuat gambar latar belakang dalam HTML
Ada beberapa cara untuk membuat gambar latar belakang menggunakan HTML. Beberapa menggunakan CSS, dan beberapa menggunakan dilus langsung dalam skrip HTML.
Tutorial membuat background menggunakan CSS membutuhkan properti CSS, background-image, yang memiliki nilai atau wall, atau url (image_name.format). Artinya, url() berisi tautan gambar dan konten URL, serta nama dan format gambar.
Misalnya, jika Anda memiliki gambar bernama bunga.png Jika file masih dalam satu folder script HTML, Anda bisa memasukkan URL (bunga.png) di nilai background-image.
Namun jika file gambar tersebut masih berada di folder yang berbeda, atau jika tidak berada dalam folder yang sama dengan script HTML, maka akan ada penambahan nilai utl(). Misalnya, gambar.Jika dalam folder Latar BelakangDalam hal, nilai background-image adalah url (background / bunga.png).
Ini adalah deskripsi singkat tentang properti gambar latar belakang. Di bawah ini adalah beberapa cara untuk membuat gambar latar belakang menggunakan HTML.
1. Metode pertama
Cara pertama adalah dengan menyisipkan gambar latar langsung ke tag kepala dan memberi label dengan tag gaya.
Naskah yang ditulis adalah:
body {
background-image : url("abstract.jpeg"), url ("bunga.jpeg");
background-color : #cccccc;
}
Kemudian Anda dapat pergi ke menu dan menjalankan skrip di atas Lari Klik Luncurkan di Chrome..
2. Metode kedua
Cara kedua ini hampir sama dengan cara pertama. Pertama, Anda harus memasukkan tag yang diperlukan dalam skrip HTML Anda. Kemudian masukkan script berikut untuk menampilkan background.
body {
background-image : url ("paper.jpg");
background-color : #cccccc;
}Anda harus memasukkan skrip di tag gaya.
3. Karakter cara ketiga
Metode ketiga ini menggunakan CSS untuk menyisipkan latar belakang. Seperti disebutkan sebelumnya, tag gaya harus menggunakan properti type saat membuat CSS. Seperti terlihat pada gambar di bawah ini, jenisnya harus menggunakan teks/css di sini.
Kemudian Anda dapat memasukkan skrip berikut di dalam tag gaya:
<style type = "text/css">
#main {
background-image : url ('bunga.jpg');
height : 600px;
width : 800px;
}
</style>
Setelah memasukkan skrip, di tag div semua bagian tubuh,
4. Metode keempat
Anda juga dapat memasukkan latar belakang di tag tubuh dan menggunakan HTML untuk membuat gambar latar belakang. Skripnya adalah:
<body background = "bunga.jpg">
5. Metode kelima
Cara kelima adalah Anda dapat mengatur atribut yang berbeda. Script yang dapat dimasukkan dalam file HTML adalah:
<style>
body{
background-image:url(bunga.jpg);
background-size:cover;
background-attachment: fixed; }
p{ color:white; }
</style>
Ini adalah tutorial atau prosedur untuk membuat gambar latar belakang dalam HTML. Semoga artikel ini bisa menambah wawasan Anda.
Seseorang yang suka menulis dan tertarik pada teknologi. Dan mereka yang selalu percaya pada ungkapan, “Usaha tidak pernah mengkhianati hasil.”
0 Response to "Cara membuat gambar background di HTML (lengkap + gambar)"
Posting Komentar