Cara Memuat atau Meletakan gambar di html

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

Setiap tag HTML dapat memiliki sat atau ebih atribut Cara Memuat atau Meletakan gambar di html

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

< img src >

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

Contohnya:

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

Tag img termasuk dalam tag special dan tidak memiliki tag penutup ,tag ini disebut juga dengan Self Closed Tag, karena tag ini tidak memiliki struktur seperti tag ini :

<body>seperti ini </body>

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

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

Cara memuat gambar pada file HTML.

Kita akan membuat file HTML di text editor Notepad.

Pertama buat folder terlebih dahulu dengan nama terserah anda.

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

Mengenal atribut img dalam html

Kenapa dalam atribut (img) Namanya Gambar.png, karena gambar yang saya muat bernama Gambar dengan format png,Jangan lupa juga file html dan gambar harus posisi dalam satu folder,agar gambar bisa 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 karakter yang sesuai dengan ketentuan utf.

v <title></title>

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

v <body></body>