HTML Kodları | Resim Gösterme | Resme Link Verme | Yazıya Link Verme

Bir yazıya veya bir resme nasıl link verilir;

Kısa bişey yazıcaktım ama uzadıkça uzadı ve oldukça yararlı bi anlatım oldu bence, tumblr'ı daha rahat kullanmak istiyorsanız ve HTML kodları hakkında biraz bilgi sahibi olmak istiyorsanız mutlaka göz atmalısınız.

KIRMIZI RENKLİ YAZILAR KİŞİYE GÖRE DEĞİŞKEN

YAZIYA LİNK VERME

Oldukça basit aslında, yazmanız gerekenler şunlar;

<a href="VERMEK-İSTEDİĞİNİZ-LİNK"> YAZMAK İSTEDİĞİNİZ YAZI </a>

Örnek;

<a href="http://twitter.com"> Twitter </a> 

Görünüm;

Twitter

Eğer tıkladığınızda farklı bir sekmede açsın istiyorsanız;

<a href="VERMEK-İSTEDİĞİNİZ-LİNK" target="_blank"> YAZMAK İSTEDİĞİNİZ YAZI </a>

Tek fark 

 target="_blank" kodunu ekledik.

Örnek;

<a href="http://twitter.com"  target="_blank" > Twitter </a> 

Görünüm:

Twitter

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="http://25.media.tumblr.com/tumblr_m4e55wMyDd1r5dbpoo1_500.png">

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="http://25.media.tumblr.com/tumblr_m4e55wMyDd1r5dbpoo1_500.png" 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.tumblr.com/">

<img src="http://25.media.tumblr.com/tumblr_m4e55wMyDd1r5dbpoo1_500.png" width="200" >

</a>

Şimdi üstteki kodu yazdığınızda resme tıklandığında tumblr.com'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>