Selamat siang bro.. tetap semangat coding,, Siang
yang mendung panas dingin disekitar purworejo ini mimin akan post tutorial kelanjutan coding
image, kali ini mimin akan memberikan tutor bagaimana mengatur tata letak
image/ gambar. Berikut ini contoh program yang menggunakan
atribut “align (left, center, right, bottom dan top)”.
Selain itu di bawah ini menunjukkan bagaimana suatu teks alternatif untuk image dengan menggunakan atribut “alt”. Dimana memberitahu bacaan apa yang dimaksud pada website jika browser tidak dapat menampilkan gambar.
Selain itu di bawah ini menunjukkan bagaimana suatu teks alternatif untuk image dengan menggunakan atribut “alt”. Dimana memberitahu bacaan apa yang dimaksud pada website jika browser tidak dapat menampilkan gambar.
Berikut dibawah ini contoh codingnya gan.
<html>
<head>
<title>Membuat
Web</title>
</head>
<body>
<center> Ini
Gambar E-Math</center><br>
<img
src="matik.JPG" alt="kembali ke awal"
align="left"
width="500" height="300"
border=”2”>
Ini
merupakan contoh Logo gambar Elearning Matematika, Logo ini saya sendiri yang
membuatnya</br>
<img
src="sinaucoding.JPG" alt="maaf gambar belum ada"
align="right"
width="400" height="200"
border=”2”><br>
Gambarnya
belum dibuat karena sibuk nge-blog..heeeehehe
</body>
</html>
Berikut
dibawah ini tampilan dalam notepad++ nya
Kemudian
simpan File HTML tersebut, punya mimin diberi nama tataletakgambar.html , yang
perlu didingat bahwa file HTML yang telah disimpan dalam satu folder dengan
file gambar tersebut
Berikut tampilan
setelah di RUN
Untuk pengaturan gambar selanjutnya dalam HTML
tunggu Tutorial Post berikutnya ya gannn... Terimakasih, semoga bermanfaat
0 Response to "Tata Letak Gambar"
Posting Komentar