A.PENDAHULUAN
Setelah kita paham
dengan dasar dasar html tentang Tag-Tag yang kita bahas kemarin ,
sekarang kita akan membuat sesuatu yang baru lagi , yaitu menampilkan
gambar pada halaman html. Tidak usah lama-lama lagi kita langsung
saja menuju ke langkah-langkahnya…
B. PENGERTIAN
Tag Image
digunakan untuk menampilkan gambar kedalam halaman web, menggunakan
<img>.
C. MAKSUD DAN TUJUAN
Agar memahami cara
menampilkan gambar di dalam script HTML
D. PEMBAHASAN
*Atribut src
dalam tag <img>
Atribut src adalah singkatan dari source,
merupakan atribut yang berisi alamat dari gambar yang akan
ditampilkan. Alamat ini bisa relatif atau absolute.*Atribut width dan height dalam tag <img>
Atribut lainya membolehkan kita untuk menentukan besar dari gambar yang ditampilkan, yaitu width dan height.
*Langkah Langkahnya
1. Siapkan gambar yang ingin kalian tampilkan.
2. Buatlah script html dasar. Atau kalian bisa mengetikkan script berikut ini
<!DOCTYPE html>
<html>
<head>
<title> latihan 1 </title>
</head>
<body>
<center><h1> Menampilkan Gambar Di Halaman HTML </h1></center>
<center><img src="wallpaper.jpeg" style="width:700px;height:400px;">
</center>
</body>
</html>
3. Kalian dapat mengganti script di atas sesuai dengan format nama gambar kalian , yang dapat di ganti yaitu script <img src="wallpaper.jpeg" style="width:700px;height:400px;"> yang di ganti yaitu wallpaper.jpeg yang harus kalian ganti sesuai dengan nama file gambar kalian.
4. lalu kalian bisa simpan file tersebut di mana saja dan harus menggunakan format .html , dan jangan lupa untuk menaruh file gambar harus satu folder dengan file html tersebut.
5. Jika sudah kalian bisa double klik file tersebut. hasil dari script yang saya buat :
E. KESIMPULAN
Cara menampilkan image / gambar di html hanya dengan menambahkann script <img src="wallpaper.jpeg">
Dan script style="width:700px;height:400px; di gunakan untuk mengatur ukuran dari gambar tersebut.
F. REFERENSI
Sekian dan Terima Kasih karena sudah membaca Blog saya yang Sederhana
Ini 😁 Jika ada salah arti atau kata bisa beri komentar kalian di kolom
komentar.....
Tidak ada komentar:
Posting Komentar