HTML RESİM UYGULAMASI - RESİM PİRAMİDİ

Sadece HTML kullanarak yukarıdaki piramit resim çalışmasını yapalım...

• Öncelikle resimlerin genişliğini 20% (resmin bulunduğu yerin genişliğinin 5te 1i)  ayarlayalım.
• Tüm resimlere İzmir açıklamasını ekleyelim. Resim yüklenmez ise yada resmin üzerine gelince "İzmir" yazsın.
• Resim kenarlıklarını 5px genişliğinde yapalım.
• Resimlerin piramid şeklini alması her satıra uygun sayıda resim yerleştirip , satır bitişlerini ekleyelim.
• Resinlerin ortalanması için P etiketini kullanalım..

Kullanılan Etiketler

P, img ve border

Kullanılan Parametreler

src, alt, title, width, border

IMG etiketi ile bilgilere HTML RESİM (IMG) ETİKETİ  makalesinden ulaşabilirsiniz.

Çalışmada kullanılan resme  buradan  ulaşabilirsiniz.

HTML KODLARI

<p align="center">
		<img src="https://erkanunlu.com.tr/resim/asansor.webp" width="20%" border="5" alt="izmir" title="İzmir"><br><br>
		<img src="https://erkanunlu.com.tr/resim/asansor.webp" width="20%" border="5" alt="izmir" title="İzmir">
		<img src="https://erkanunlu.com.tr/resim/asansor.webp" width="20%" border="5" alt="izmir" title="İzmir"><br><br>
		<img src="https://erkanunlu.com.tr/resim/asansor.webp" width="20%" border="5" alt="izmir" title="İzmir">
		<img src="https://erkanunlu.com.tr/resim/asansor.webp" width="20%" border="5" alt="izmir" title="İzmir">
		<img src="https://erkanunlu.com.tr/resim/asansor.webp" width="20%" border="5" alt="izmir" title="İzmir"><br><br>
		<img src="https://erkanunlu.com.tr/resim/asansor.webp" width="20%" border="5" alt="izmir" title="İzmir">
		<img src="https://erkanunlu.com.tr/resim/asansor.webp" width="20%" border="5" alt="izmir" title="İzmir">
		<img src="https://erkanunlu.com.tr/resim/asansor.webp" width="20%" border="5" alt="izmir" title="İzmir">
		<img src="https://erkanunlu.com.tr/resim/asansor.webp" width="20%" border="5" alt="izmir" title="İzmir"> 
</p>

Kolay gelsin...