Cara Menampilkan Gambar Di HTML (Pembahasan HTML Bagian 6)

Melanjutkan Materi Sebelumnya

Gambar Pada HTML

Kali ini Saya Akan membahas tentang cara menampilkan gambar di html.
kita buat struktur html dulu dan masukan tag untuk membuat gambarnya

<img src=””>

di bagian src, kalian bisa memasukan link gambarnya melalui 2 cara seperti link ketika membuat hyperlink pada html

1. link internal
2. link external

link external gak di sarankan karna ada foto yang mempunyai hak cipta dan juga ketika website si foto itu down, fotonya di hapus oleh si pembuat atau filenya rusak, bakal mempengaruhi website kalian

• src
• alt
• title
• width
• height
• Src

fungsi src kalian udah tau kan? yap untuk memanggil gambar tersebut

<img src=”dca.jpg”>

Alt

alt di gunakan untuk menampilkan sebuah kata ketika gambar tersebut rusak

contoh

<img src=”dc.jpg” alt=”DestroyerXploit”>

Title

title di gunakan untuk menampilkan kata ketika kursor kita berada di gambar tersebut

<img src=”dca.jpg” title=”DestroyerXploit”>

Width Dan Height

width untuk mengatur lebar dan height untuk mengatur tinggi gambar tersebut

<img src=”dca.jpg”width="300px">

hati2 ketika menggunakan menggunakan 2 artibut ini secara bersamaan karna bisa membuat gambar tersebut menjadi acak2an

<img src=”dca.jpg”width="300px" height="700px">

di dalam width kita bisa menambahkan dua buah nilai, yaitu

• px
• %

jika kita menuliskan angka saja bearti ukurannya berbentuk px
tapi jika kalian menambahkan %, gambarnya akan menyesuaikan dengan ukuran halamannya

<img src=”dca.jpg”width="50%">

Cara Membuat Link Pada Gambar

Untuk menjadikan gambar sebagai link itu gampang sekali, tinggal tulis tag gambarnya di dalam tag hyperlink

<a src="https://destroyerxploit.blogspot.com">
 <img src="dca.jpg"> 
<a>

Ketika kita klik gambar tersebut, otomatis bakal masuk ke website yang kita tulis di bagian hyperlink.
Sekian materi hari ini, kalo ada pertanyaan silahkan berkomentar