Skip to Content

Masuk/Daftar

Cara Mengatur Gambar Latar di HTML

Disusun bersama Staf wikiHow

Kalau Anda ingin menambahkan gambar pada halaman web, yang dibutuhkan hanyalah HTML. Jika ingin menetapkan gambar sebagai latar belakang halaman web, Anda membutuhkan HTML dan CSS. HTML merupakan singkatan dari Hypertext Markup Language dan merupakan kode yang memberi tahu peramban apa yang perlu ditampilkan pada halaman web. ^{[1]
X
Teliti sumber} CSS merupakan singkatan dari Cascading Style Sheets dan digunakan untuk mengubah tampilan dan tata letak halaman web. ^{[2]
X
Teliti sumber} Anda akan perlu menyiapkan gambar latar belakang yang ingin digunakan pada halaman web.

Bagian 1

Bagian 1 dari 4:

Mempersiapkan Berkas

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c6\/2627945-1-3.jpg\/v4-460px-2627945-1-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c6\/2627945-1-3.jpg\/v4-728px-2627945-1-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

1
Buat folder untuk menampung berkas HTML dan gambar latar belakang. Di komputer, buat dan beri nama folder yang nantinya bisa ditemukan dengan mudah.
- Anda bebas memberi nama folder, tetapi ketika berurusan dengan HTML, sebaiknya biasakan memberi nama berkas dan folder berupa satu kata singkat yang mudah dikenali.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cd\/2627945-2-3.jpg\/v4-460px-2627945-2-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cd\/2627945-2-3.jpg\/v4-728px-2627945-2-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

2
Letakkan gambar latar belakang ke folder HTML. Masukkan gambar yang ingin Anda gunakan sebagai latar belakang ke folder HTML.
- Anda bisa menggunakan gambar dengan resolusi yang lebih tinggi kalau terlalu memedulikan keramahan situs terhadap koneksi internet yang lamban. Gambar sederhana dengan pola cerah dan repetitif juga bagus supaya Anda masih bisa membaca tulisan di latar depan.
Tip: Jika Anda tidak memiliki gambar latar belakang, unduhlah secara gratis dari internet. Kalau sudah, masukkan ke folder HTML yang sebelumnya dibuat.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d3\/2627945-3-3.jpg\/v4-460px-2627945-3-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d3\/2627945-3-3.jpg\/v4-728px-2627945-3-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

3
Buka editor teks atau editor HTML. Anda bisa membuat berkas HTML menggunakan aplikasi editor teks dasar semacam NotePad untuk Windows atau TextEdit pada Mac. Anda juga bisa menggunakan editor HTML semacam Adobe Dreamweaver.
- Kalau Anda menggunakan editor HTML, klik opsi untuk membuka berkas HTML baru di awal halaman.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/fc\/2627945-4-3.jpg\/v4-460px-2627945-4-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fc\/2627945-4-3.jpg\/v4-728px-2627945-4-3.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Opsi ini berada di bilah menu di bagian atas halaman.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e1\/2627945-5-3.jpg\/v4-460px-2627945-5-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e1\/2627945-5-3.jpg\/v4-728px-2627945-5-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Opsi ini berada dalam menu File . Kalau Anda menggunakan PC, klik Save As di menu tarik turun " File ". Kalau Anda memakai Mac, klik Save di menu tarik turun.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/dd\/2627945-6-3.jpg\/v4-460px-2627945-6-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/dd\/2627945-6-3.jpg\/v4-728px-2627945-6-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Biasanya, halaman pertama situs dinamakan " index ", tetapi Anda bebas menentukan nama halaman. Tikkan nama berkas dalam kotak teks di sebelah " File Name ".
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/33\/2627945-7-3.jpg\/v4-460px-2627945-7-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/2627945-7-3.jpg\/v4-728px-2627945-7-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

7
Ubah tipe berkas menjadi dokumen HTML. Kalau memakai editor HTML, Anda hanya perlu menyimpan berkas. Jika Anda menggunakan NotePad atau TextEdit untuk membuat HTML, ikuti langkah-langkah berikut untuk menyimpan dokumen sebagai format HTML.
- Notepad: Ganti ekstensi ".txt" di akhir nama berkas dengan ".html".
- TextEdit: Gunakan menu tarik turun di sebelah " File Format " untuk memilih Web page (.html) .
8

Klik Save . Opsi ini berada di pojok kanan bawah jendela. Langkah ini menyimpan dokumen teks sebagai dokumen HTML.

Iklan

Bagian 2

Bagian 2 dari 4:

Menuliskan Berkas HTML

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e2\/2627945-8-3.jpg\/v4-460px-2627945-8-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e2\/2627945-8-3.jpg\/v4-728px-2627945-8-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Kode HTML tersusun dari label ( tag ) pembuka dan penutup. Setiap halaman HTML yang tertulis baik harus dimulai dengan <!DOCTYPE html>. Label ini memberi tahu peramban web bahwa berkas tersebut adalah berkas HTML.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a2\/2627945-9-3.jpg\/v4-460px-2627945-9-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a2\/2627945-9-3.jpg\/v4-728px-2627945-9-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Inilah label pembuka kode HTML Anda. Label ini memberi tahu peramban bahwa kode HTML dimulai dari sini.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cc\/2627945-10-3.jpg\/v4-460px-2627945-10-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cc\/2627945-10-3.jpg\/v4-728px-2627945-10-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Inilah label pembuka untuk Kepala ( Head ) dokumen HTML. Kepala ini berisi informasi meta yang tidak ditampilkan di peramban web. Bagian dokumen ini berisi informasi semacam judul halaman, dan juga Cascading Style Sheets (CSS) yang merupakan format untuk melihat kode HTML.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/ff\/2627945-11-3.jpg\/v4-460px-2627945-11-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/ff\/2627945-11-3.jpg\/v4-728px-2627945-11-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Inilah kode HTML yang berisi judul halaman di halaman web. Label "<title>" adalah label pembuka dari judul Page (halaman) dalam kode HTML. Label "</title>" adalah label penutup. Ganti teks " Page Title " dengan sembarang judul yang diinginkan sebagai nama halaman HTML. Teks ini akan muncul di label peramban pada bagian atas peramban web.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b0\/2627945-12-3.jpg\/v4-460px-2627945-12-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b0\/2627945-12-3.jpg\/v4-728px-2627945-12-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Inilah label yang menutup kepala dokumen HTML. Jalau Anda ingin menyertakan informasi lainnya atau cascading style sheets pada dokumen HTML, pastikan untuk menuliskannya setelah label pembuka "<head>", dan sebelum label penutup "</head>".
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/12\/2627945-13-3.jpg\/v4-460px-2627945-13-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/12\/2627945-13-3.jpg\/v4-728px-2627945-13-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Inilah label pembuka untuk badan dokumen HTML. Badan dokumen adalah tempat semua unsur visual halaman web berada. Unsur-unsur ini termasuk teks, gambar, tombol, dan unsur lainnya yang bisa dilihat pada halaman web.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1d\/2627945-14-3.jpg\/v4-460px-2627945-14-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1d\/2627945-14-3.jpg\/v4-728px-2627945-14-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

7
Tikkan <div style="background-image: url('[image url]');"> di baris berikutnya. Inilah label HTML untuk menambahkan gambar latar belakang pada halaman web. Ganti "[image url]" dengan lokasi URL asli dari gambar yang diinginkan. URL ini dapat berupa lokasi gambar yang diunggah ke server daring, atau lokasinya di dalam komputer Anda. ^{[3]
X
Teliti sumber}
- Anda juga bisa menggunakan memakai CSS untuk menetapkan gambar latar belakang.
- Ketika Anda menggunakan nama berkas tanpa jalur atau URL berkas (misalnya background-image: url("background.png"); ), peramban akan mencari gambar dengan nama tersebut dalam folder halaman web. Jika berkas berada dalam folder lain di sistem berkas, Anda tidak perlu menambahkan jalur penuh untuk berkas tersebut.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/2627945-15-3.jpg\/v4-460px-2627945-15-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/2627945-15-3.jpg\/v4-728px-2627945-15-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Kalau Anda ingin menyertakan unsur HTML lain dalam halaman web, misalnya teks, gambar , video, tautan, tombol, dan lain-lain, pastikan untuk menyertakannya dalam segmen " Body " dokumen HTML.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a6\/2627945-16-3.jpg\/v4-460px-2627945-16-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a6\/2627945-16-3.jpg\/v4-728px-2627945-16-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Inilah label yang menutup badan dokumen HTML. Ketika Anda selesai menambahkan semua unsur HTML yang ingin disertakan dalam dokumen, tikkan label ini di baris terakhir.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0a\/2627945-17-3.jpg\/v4-460px-2627945-17-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0a\/2627945-17-3.jpg\/v4-728px-2627945-17-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Inilah label untuk menutup seluruh dokumen HTML. Tikkan label ini di baris terakhir.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a8\/2627945-18-3.jpg\/v4-460px-2627945-18-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a8\/2627945-18-3.jpg\/v4-728px-2627945-18-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

11
Simpan berkas HTML. Ketikan selesai memasukkan semua unsur yang diinginkan dalam halaman web, klik File , lalu Save untuk menyimpan hasil kerja Anda. Seluruh dokumen HTML akan tampak sebagai berikut:
Iklan

Bagian 3

Bagian 3 dari 4:

Menggunakan CSS

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/fc\/2627945-19-3.jpg\/v4-460px-2627945-19-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fc\/2627945-19-3.jpg\/v4-728px-2627945-19-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Gunakan langkah-langkah dalam Metode 2 untuk menuliskan dokumen HTML. Dokumen HTML harus memiliki label pembuka dan penutup kepala, serta label pembuka dan penutup badan. Anda tidak perlu menyertakan label HTML untuk menambahkan gambar latar belakang. Bagian ini mengajarkan Anda cara menetapkan gambar latar belakang menggunakan CSS alih-alih HTML.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5e\/2627945-20-3.jpg\/v4-460px-2627945-20-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5e\/2627945-20-3.jpg\/v4-728px-2627945-20-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

2
Tikkan <style> di judul dokumen HTML. Inilah label pembuka untuk cascading style sheets (CSS). Label ini dibuat setelah label "<head>", dan sebelum "</head>".
- Kalau tidak, Anda bisa membuat CSS pada dokumen CSS terpisah dan menautkannya dalam dokumen HTML.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/35\/2627945-21-3.jpg\/v4-460px-2627945-21-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/35\/2627945-21-3.jpg\/v4-728px-2627945-21-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Inilah kode pembuka CSS yang akan menetapkan gaya badan dokumen HTML.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d4\/2627945-22-3.jpg\/v4-460px-2627945-22-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d4\/2627945-22-3.jpg\/v4-728px-2627945-22-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

4
Tikkan background-image: url('[image url]'); di baris berikutnya. Baris ini menentukan gambar latar belakang yang digunakan. Ganti teks "[ image url ]" dengan url sebenarnya gambar yang ingin digunakan.
- Ketika Anda menggunakan nama berkas tanpa jalur atau URL berkas (misalnya background-image: url("background.png"); ), peramban web akan mencari gambar tersebut dalam folder halaman web. Kalau berkas berada di folder lain pada sistem berkas, Anda akan perlu menambahkan jalur penuh ke berkas tersebut.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/78\/2627945-23-3.jpg\/v4-460px-2627945-23-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/78\/2627945-23-3.jpg\/v4-728px-2627945-23-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Baris ini memberi tahu peramban untuk hanya menampilkan gambar sekali, alih-alih mengulangi gambar berkali-kali.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7e\/2627945-24-3.jpg\/v4-460px-2627945-24-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7e\/2627945-24-3.jpg\/v4-728px-2627945-24-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Baris ini memberi tahu peramban untuk menutupi seluruh latar belakang dengan gambar tersebut.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6c\/2627945-25-3.jpg\/v4-460px-2627945-25-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6c\/2627945-25-3.jpg\/v4-728px-2627945-25-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Kalau Anda ingin menyertakan baris CSS lain yang memegaruhi Badan dokumen HTML, pastikan untuk menyertakannya sekarang. Tikkan"}" di baris terakhir segmen " Body " CSS untuk menutupnya.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c1\/2627945-26-3.jpg\/v4-460px-2627945-26-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c1\/2627945-26-3.jpg\/v4-728px-2627945-26-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Ketika selesai menyertakan semua CSS yang ingin disertakan, tikkan "</style>" di akhir. Label ini menutup CSS Anda.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/30\/2627945-27-3.jpg\/v4-460px-2627945-27-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/30\/2627945-27-3.jpg\/v4-728px-2627945-27-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

9
Simpan berkas HTML. Ketika Anda menyelesaikan semua yang ingin disertakan, klik File , lalu Save untuk menyimpan hasil kerja. Seluruh dokumen HTML Anda akan tampak seperti berikut:
Iklan

Bagian 4

Bagian 4 dari 4:

Mengulas Berkas HTML

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bb\/2627945-28-3.jpg\/v4-460px-2627945-28-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bb\/2627945-28-3.jpg\/v4-728px-2627945-28-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Langkah ini menampilkan menu pop-up di sebelah kanannya.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/15\/2627945-29-3.jpg\/v4-460px-2627945-29-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/15\/2627945-29-3.jpg\/v4-728px-2627945-29-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Langkah ini menampilkan daftar aplikasi yang bisa membuka HTML.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/62\/2627945-30-3.jpg\/v4-460px-2627945-30-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/2627945-30-3.jpg\/v4-728px-2627945-30-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Anda bisa membuka HTML di sembarang peramban web.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/36\/2627945-31-3.jpg\/v4-460px-2627945-31-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/36\/2627945-31-3.jpg\/v4-728px-2627945-31-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

4
Ulas berkas HTML. Lihatlah semua unsur dalam berkas dan pastikan sudah benar.
- Ketika membuka peramban, jika Anda melihat kode HTML alih-alih gambar latar belakang, berkas HTML dapat tersimpan sebagai berkas .txt atau rtf alih-alih dokumen HTML. Anda bisa mencoba menyunting berkas HTML di editor teks lain.
Catatan: Ketika peramban terbuka, jika Anda tidak melihat gambar terkait, pastikan namanya dieja dengan benar dalam index.html pada jendela editor teks.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f7\/2627945-32-3.jpg\/v4-460px-2627945-32-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f7\/2627945-32-3.jpg\/v4-728px-2627945-32-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Dalam jendela editor teks, gerakkan kursor ke antara label <body> </body>, lalu tikkan Hello world! . Muat ulang jendela untuk melihat teks di bagian atas gambar latar belakang.

Iklan

wikiHow Terkait

Iklan

Referensi

Tentang wikiHow ini

Disusun bersama :

Staf Penulis wikiHow

Artikel ini disusun oleh tim penyunting terlatih dan peneliti yang memastikan keakuratan dan kelengkapannya.

Tim Manajemen Konten wikiHow memantau hasil penyuntingan staf kami secara saksama untuk menjamin artikel yang berkualitas tinggi. Artikel ini telah dilihat 127.445 kali.

Daftar kategori: Internet

Cetak

Halaman ini telah diakses sebanyak 127.445 kali.

Apakah artikel ini membantu Anda?

Iklan

-

-

889

.mwimg a.image{display:none}#header_logo{display:none}#cse-search-box{display:none}#cse-search-box-noscript{display:block !important}#cse-search-box-noscript .cse_q{color:#FFF;background-color:#B3CE9C}.wh_search .cse_q{width:88%}#mw-mf-main-menu-button{display:none;visibility:hidden}.header .search{display:none}#search_footer .cse_sa{background-image:url(/extensions/wikihow/mobile/images/white_mag.png);background-size:22px}.related_box{display:block;background:#EEE;border:5px solid #FFF;vertical-align:bottom;width:127px;background-size:180px;float:left;height:120px;position:relative}.related_box p{line-height:15px !important;font-size:13px;background-color:rgba(67,95,44,.4);color:#FFF;font-weight:bold;padding:8px;margin:0 !important;position:absolute;bottom:0}#noscript_header_logo{display:table-cell;vertical-align:middle;background-position:50% 77%;background-repeat:no-repeat;background-image:url(/extensions/wikihow/mobile/images/wikihow_logo_230.png);background-size:105px;width:auto;height:51px;padding:0 14px}.articleinfo{display:none}#iorg_free_data{z-index:50;width:100%;position:fixed}#ara_recommendations{display:none}

Design a Mobile Website

View Site in Mobile | Classic

Share by: