Hai teman* bloggers, apa kabar kalian hari ini ? oiya kali ini saya akan membahas tentang bagaimana memasang gambar pada Html yang telah di ajarkan oleh dosen saya. langsung saja ya kita lihat di TKP....
Yang Pertama jika ingin menambahkan gambar anda harus membuat folder atau kalau gak html dengan gambar yang akan anda tambahkan tidak berjauhan atau misal gambar ada di data D dan gambarnya ada di di data E.
tag yaitu tag <img>. Tag ini digunakan untuk menampilkan sebuah foto di halaman HTML. Tag ini juga memiliki beberapa atribut seperti :
- src : digunakan untuk source/letak gambar yang akan ditampilkan
- width : digunakan untuk mengatur lebar gambar
- height : digunakan untuk mengatur tinggi gambar
- align : digunakan untuk mengatur letak posisi gambar saat ditampilkan. value : top, bottom, middle, left, right.
tag ini tidak menggunakan tag penutup.
Perlu di ingat di html hanya support terhadap gambar yang berekstensi JPG, GIF dan PNG.
Nah langsung aja ini kodenya :
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Ini halaman pertama saya. <b>Teks ini ditebalkan</b><br/>
<img src="8849-dota2_ls_es.jpg" width="800" height="600" align="center"/>
</body>
</html>
Ganti aja foto pada huruf yang saya garis bawah.
Hasilnya :
Yang Pertama jika ingin menambahkan gambar anda harus membuat folder atau kalau gak html dengan gambar yang akan anda tambahkan tidak berjauhan atau misal gambar ada di data D dan gambarnya ada di di data E.
tag yaitu tag <img>. Tag ini digunakan untuk menampilkan sebuah foto di halaman HTML. Tag ini juga memiliki beberapa atribut seperti :
- src : digunakan untuk source/letak gambar yang akan ditampilkan
- width : digunakan untuk mengatur lebar gambar
- height : digunakan untuk mengatur tinggi gambar
- align : digunakan untuk mengatur letak posisi gambar saat ditampilkan. value : top, bottom, middle, left, right.
tag ini tidak menggunakan tag penutup.
Perlu di ingat di html hanya support terhadap gambar yang berekstensi JPG, GIF dan PNG.
Nah langsung aja ini kodenya :
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Ini halaman pertama saya. <b>Teks ini ditebalkan</b><br/>
<img src="8849-dota2_ls_es.jpg" width="800" height="600" align="center"/>
</body>
</html>
Ganti aja foto pada huruf yang saya garis bawah.
Hasilnya :
Oke teman-teman, hanya ini yang dapat saya sampaikan. terima kasih sudah mengunjungi blog saya dan saya tunggu untuk kunjungan berikutnya. sedikit referensi kalau mau belajar html atau pemrograman web lainnya yaitu di w3schools.com.
0 komentar:
Posting Komentar