Cara Memuat Atau Meletakan Gambar Di Html

Setiap tag HTML sanggup mempunyai sat atau ebih atribut,dan atribut ini berfungsi untuk menyimpan informasi yang berkaitan dengan tag tersebut.

Contohnya pada tag <img> kita membutuhkan atribut src untuk meyimpan lokasi gambarnya.

< img src >

Selanjutnya untuk memasukkan nilai pada atributnya,kita harus memakai operator sama dengan (=) diikuti dengan lokasi gambar.

Contohnya:

< img src = “ini-gambar.jpg” >

Tag img termasuk dalam tag special dan tidak mempunyai tag epilog ,tag ini disebut juga dengan Self Closed Tag, karena tag ini tidak mempunyai struktur ibarat tag ini :

<body>seperti ini </body>

Sebagai pengganti tag penutup, kita harus menambahkan tanda slash (/) pada bab sebelum kurung tutup,dan menjadi ibarat ini :

< img src =”ini-gambar.jpg”/>

Cara memuat gambar pada file HTML.

Kita akan menciptakan file HTML di text editor Notepad.

Pertama buat folder terlebih dahulu dengan nama terserah anda.

Kemudian kita buka notpad dan ketikkan isyarat html di bawah ini:

Mengenal atribut img dalam html

Kenapa dalam atribut (img) Namanya Gambar.png, alasannya gambar yang aku muat berjulukan Gambar dengan format png,Jangan lupa juga file html dan gambar harus posisi dalam satu folder,agar gambar sanggup muncul di browser.

Keterangannya:

v <!DOCTYPE html>

Merupakan deklarasi dari type dokumen yang kita buat,yaitu type html.

v < html ></html >

Merupakan elemnt atau tag pembuka html.

v < head >< /head >

Jika kita mengetikkan sesuatu ke element ini,teks tersebut tidak akan tampil di halaman web

v <meta charset=”utf-8”>

Berfungsi untuk memberitahukan kepada browser mengenai pengkodean huruf yang sesuai dengan ketentuan utf.

v <title></title>

Merupakan judul dari sebuah halaman web yang muncul pada bab tab browser.

v <body></body>