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

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 seb...

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

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

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

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

#4.2 Belajar HTML cara mengubah gambar / image untuk pemula
#4.2 Belajar HTML cara mengubah ukura...

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

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

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

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

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

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

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

• #science_technology
• #html_image
• #gambar_html
• #belajar_membuat_web_untuk_pemula
• #belajar_html_pemula
• #belajar_html_untuk_pemula
• #belajar_bahasa_html_untuk_pemula
• #belajar_html_dan_css_dari_pemula_sampai_mahir
• #belajar_coding_html
• #belajar_coding_html_untuk_pemula
• #cara_mengubah_ukuran_gambar_di_html
• #mengubah_size_image_di_html
• #cara_mengubah_ukuran_gambar_web
• #mengubah_ukuran_gambar
• #mengubah_ukuran_gambar_html_web
• #mengubah_width_di_html
• #mengubah_height_di_html