#4.2 Belajar HTML cara mengubah ukuran gambar / image untuk pemula

Опубликовано: 03 Март 2026
на канале: sekolahkampus TV Programming & Tutorial
36,648
330

Video sebelumnya telah dijelaskan bagaimana cara menambahkan gambar di html. Di dalam video ini akan dijelaskan bagaimana cara mengubah ukuran gambar (lebar dan tinggi) di web html. Untuk mengubah dapat mengubah lebar dari gambar (width) atau mengubah ukuran tinggi gambar (height).


Anda dapat memilih salah satu dari yang ingin diubah antara height atau width. Tapi kalau terpaksa diubah keduanya juga bisa tetapi menimbulkan resiko penampakan gambar menjadi tidak proporsional (skretch).

Cara mengubah ukuran gambar di video tersebut dapat menggunakan attribute dari img atau juga dapat menggunakan CSS.


Tag yang dipelajari: img dan style(CSS) terkait width dan height

Video ini cocok bagi anda yang ingin belajar web khususnya bagi para pemula. Kami memberikan tutorial dari yang paling dasar sekali. Jika ada kesulitan atau belum berhasil silakan berikan komentar.

Jika anda suka dan merasa bermanfaat dengan video ini, silakan like dan komen. Jangan lupa subscribe juga untuk mendapatkan informasi terbaru dari serial belajar tentang belajar web HTML untuk pemula dan serial belajar pemrograman web yang lain. Jika masih ada kekurangan, silakan berikan komentar atau masukan yang membangun.

Silakan lihat seri belajar membuat web untuk pemula khusus terkait HTML:
#1.1 Instalasi Visual Studio Code sebagai editor belajar web HTML pemula
   • #1.1 Instalasi Visual Studio Code sebagai ...  

2. Dasar HTML pertama
#2.1 Belajar web HTML untuk pemula - Struktur Kode HTML
   • #2.1 Belajar web HTML untuk pemula - Struk...  

#2.2 Belajar HTML cara membuat Heading / judul dan sub judul untuk pemula
   • #2.2 Belajar HTML cara membuat Heading / j...  

3. Text Format
#3 Belajar HTML cara text formating untuk pemula
   • #3 Belajar HTML cara text formating untuk ...  

4. Tentang Gambar/Image
#4.1 Belajar HTML cara menambahkan gambar / image untuk pemula
   • #4.1 Belajar HTML cara menambahkan gambar ...  

#4.2 Belajar HTML cara mengubah gambar / image untuk pemula
   • #4.2 Belajar HTML cara mengubah ukuran gam...  

#4.3 Belajar HTML cara debug atau inspeksi (inspect element) gambar tidak muncul untuk pemula
   • #4.3 Belajar HTML kesalahan broken link im...  

#4.4 Cara menggunakan gambar yang optimal di web HTML untuk pemula
   • #4.4 Cara menggunakan gambar yang optimal ...  

5. Tentang List
#5.1 Belajar HTML cara membuat list untuk pemula
   • #5.1 Belajar HTML cara membuat list untuk ...  

#5.2 Belajar HTML cara membuat list bersarang/ bercabang (nested list) untuk pemula
   • #5.2 Belajar HTML cara membuat list bersar...  

6. Tentang Link / Hyperlink
#6.1 Belajar HTML Cara Membuat Link / Hyperlink Internal untuk pemula
   • #6.1 Belajar HTML Cara Membuat Link / Hype...  

#6.2 Belajar HTML Cara Membuat Link / Hyperlink Eksternal untuk pemula
   • #6.2 Belajar HTML Cara Membuat Link / Hype...  

#6.3 Belajar HTML Cara Membuat Link / Hyperlink di dalam page yang sama untuk pemula
   • #6.3 Belajar HTML Cara Membuat Link / Hype...