HDTutorial
ID
Cara Menambahkan Gambar Latar Belakang di HTML

Pemutaran memuat pemutar YouTube tersemat (mode privasi yang ditingkatkan).

Cara Menambahkan Gambar Latar Belakang di HTML

580.078 kali ditonton 25 Oktober 2016 4:36

Tonton di YouTube
SaluranCode Grammar

Bab

Deskripsi dari pembuat

Pada tutorial HTML ini, kita akan belajar bagaimana menambahkan gambar latar belakang ke sebuah halaman web menggunakan CSS. Anda akan melihat cara mengatur warna, memasukkan gambar, mengontrol pengulangan, dan memanjangkan gambar agar sesuai dengan seluruh layar browser.

Tutorial CSS ini mencakup:
Menambahkan warna latar belakang dengan CSS inline
Menggunakan [background-image: url()] dengan gambar dari web
Mengontrol perilaku pengulangan dengan [no-repeat]
Menskala gambar dengan [background-size] (100%, 75%, dll.)
Memanjangkan gambar ke lebar dan tinggi
Memindahkan CSS dari atribut inline [style] ke tag [style] untuk kode yang lebih bersih

Tutorial ini ramah pemula dan menunjukkan langkah demi langkah cara membuat latar belakang halaman web Anda terlihat profesional dengan gambar daripada hanya warna biasa saja.

⏱️ Waktu

00:00 – Pendahuluan: menambahkan latar belakang di HTML
00:21 – Dua cara: tag style vs atribut style inline
00:30 – Menambahkan warna latar belakang (hitam, kuning, dll.)
01:01 – Menggunakan [background-image: url()] dengan gambar eksternal
01:19 – Contoh dengan latar belakang yang ditata
01:43 – Menggunakan [no-repeat] untuk menampilkan satu gambar saja
02:12 – Memanjangkan latar belakang dengan [background-size: 100%]
02:41 – Menskalakan X dan Y secara independen (100% 100%, 75%, dll.)
03:26 – Praktik terbaik: memindahkan CSS dari style inline ke tag [style]
04:00 – Kode yang terorganisir vs perubahan cepat inline
04:26 – Ringkasan dan kesimpulan

🏷️ Tag
Tutorial HTML, gambar latar belakang HTML, tutorial gambar latar belakang CSS, menambahkan gambar latar belakang di HTML, latar belakang HTML CSS, background-size cover, background no-repeat, tutorial HTML untuk pemula, tutorial CSS untuk pemula, latar...

Tentang tutorial ini

Code Grammar memublikasikan tutorial video berdurasi 4:36 ini pada 25 Oktober 2016. Video ini telah ditonton 580.078 kali di YouTube.

Kategori
Pendidikan
Durasi
4:36
Dipublikasikan
25 Oktober 2016
Penayangan
580.078
Suka
3.501

Bagikan

Bacaan lanjutan

Tutorial ini dalam bahasa lain