Merhaba
Arkadaşlar paylaştığım kod basit bir kod ama çok kullanılan bir kod olduğu için paylaşıyorum
RESİM GÖSTERTME
<img src="RESMİN-URLSİ">
Bu kadar.
Göstermek istediğiniz resmi almak için, resme sağ tık yapıp Resim URL'sini kopyala derseniz resmi alırsınız.
Örnek;
<img src="https://img.webme.com/pic/i/ismail-blog/sehir.jpg">
Görünüm;
Resme Boyut Vermek;
<img src="RESMİN-URLSİ" width="GENİŞLİK(SAYI)" height="300">
Ek olarak sadece > işaretinden önce genişlik ve yükseklik ekledik.
TAVSİYE;
Sadece birini ekleyin ya genişlik yada yükseklik, çünkü ikisi de eklersek simetrik olarak tutturmanız mümkün değil resim kötü görünür. sadece birini eklerseniz diğeri de otomatik boyutlarda küçülecektir.
Örnek;
<img src="https://img.webme.com/pic/i/ismail-blog/sehir.jpg" width="200" >
Görünüm;
RESME LİNK VERME
Tek yapmamız gereken önceki koda
<a href="
LİNK">
ÖNCEKİ RESİM KODUMUZ BURAYA </a>
Örnek:
<a href="
https://www.ismail-blog.tr.gg/">
<img src="
https://img.webme.com/pic/i/ismail-blog/sehir.jpg" width="
200" >
</a>
Şimdi üstteki kodu yazdığınızda resme tıklandığında ismail-blog'a gidecek.
Görünüm:
FARKLI SEKMEDE AÇMASI İÇİN;
<a href="
LİNK" target="_blank" >
<img src="
RESMİN-URLSİ" width="
200" > </a>