-->

Cara Menyisipkan Gambar HTML - Tutorial Dasar HTML

Gambar HTML

Dalam Teks HTML Gambar akan memperjelas penampilan dan mengilustrasikan konsep dari halaman web.


Memasukkan Gambar dalam Dokumen HTML

Web tidak hanya tentang teks, multi-media dan fitur multimedia HTML memungkinkan Anda untuk memasukkan gambar, klip audio, klip video, dan elemen multimedia lainnya di halaman web.
untuk menyisipkan gambar dalam dokumen HTML digunakan tag <img >. dalam HTML penggunaan tag <img > sebagai berikut
<img al="" src=" url " t=" some_text " /> 

Atribut Src Pada Gambar

Setiap gambar memiliki atribut src ( src adalah singkatan dari sumber ). Atribut src memberi tahu browser lokasi gambar berada. URL pada gambar digunakan sebagai nilai atribut src menunjuk ke lokasi tempat gambar disimpan. Misalnya, Gambar bernama "gambar.jpg", yang terletak di direktori "gambar" pada suatu web. sehingga dapat ditulis src="gambar/gambar.jpg atau jika gambar tersebut berada di internet bisa langsung memanggil alamat gambar tersebut berada contoh url="https://id.pinterest.com/pin/574771971166517922/"
contoh penulisan pada halaman HTML sebagai berikut
<img url = "https://id.pinterest.com/pin/574771971166517922/" >
<img src="gambar/gambar.jpg" >

Atribut Alt Pada Gambar

Atribut alt merupakan deskripsi alternatif untuk gambar, jika gambar tidak dapat ditampilkan. Nilai atribut alt adalah teks yang ditentukan oleh penulis.
contoh penulisan pada halaman HTML sebagai berikut
<img url = "https://id.pinterest.com/pin/574771971166517922/" alt = "Gambar Mobil">

untuk lebih jelas dalam memahmi cara menyisapkan gambar pada html perhatikan live preview berikut

Html editor
Code:
m
Result:

0 Response to "Cara Menyisipkan Gambar HTML - Tutorial Dasar HTML"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel