Menggunakan Citra pada Halaman Web HTML

Hallo sahabat dumenity berjumpa lagi dalam tutorial dumetschool, pada tutorial kali ini saya akan memberikan tips and triks seputar javascript Citra pada halaman web HTML. Pada tutorial kali ini saya akan membahas tentang cara menggunakan citra pada halaman WEB HTML. CITRA adalah Template HTML Responsif Bisnis Modern, Unik dan Serbaguna untuk Materi Iklan yang sesuai dengan setiap situs web Corporate, Design Agency atau freelancer.

Sebelum saya memberikan contoh tentang cara penggunaan citra, saya akan memberikan tips dan trik dasar dalam penggunaan citra. Karena bagian – bagian tersebut yang akan meninjau penggunaan citra pada sebuah halaman web static. Oke di antaranya adalah berikut ini:

1. Align berfungsi mengambangkan sisi citra kiri atau sisi kanan halaman atau menyejajarkan citra dengan teks  dengan arah texttop, top,  middle, absmiddle, bottom atau absbottom.
2. Alt berfungsi sebagi teks alternatif pada kasus citra tidak muncul
3. Border berfungsi sebagai garis tepi atau batas pada citra.
4. Height berfungsi sebagai Tinggi citra dalam piksel.
5. Src berfungsi Memuat URL, lokasi dari citra relatif terhadap akar dokumen dari halaman web.
6. Width berfungsi sebagai Lebar citra dalam piksel.

Oke contoh di atas hanya sebagian saja jika teman – teman ingin tahu lebih banyak lagi silahkan searching sendiri. Sekarang saya akan memberikan contoh cara menggunakan citra pada halaman web HTML. Simak contoh di bawah ini:

<!DOCTYPE html>
<html>
<head>
	<title> Menggunakan Citra pada Halaman Web HTML </title>
</head>
<body bgcolor="lightblue">
	<img src="baby.jpg" alt="baby" border="2" align="left" hspace="10" width="220" height="250" />
	<pre>
		Rengekan tiap malam bergema 
		meneteskan buih air mata 
		meminta namun tak berkata hanya menangis
		dan menangis yang kau bisa
		sang ibu mulai mendekat 
		menggendong dan mengayun tubuhmu
		memberi ASI yang menjadi hak bagimu
		walau malam suntuk dia melayanimu
		ikatan batin tak'kan terputus
		saat kau sakit dia merasakan 
		saat kau sakit dia merasakan 
		saat kau menangis dia pula merasa kasihan 
		apa yang kau rasa ia pula merasa
		karena detak jantungmu adalah detak jantungnya.

	</pre>
</body>
</html>

Oke dari script di atas maka akan menghasilkan sebuah output seperti di bawah ini:

Oke bagaimana sahabat dumenity cukup mudah bukan cara menggunakan citra pada halaman WEB HTML , semoga bermanfaat.