HTML RESME LİNK VERME
HTML'de resime link verme çok kolay iştir. Bu kod genellikle nerede kullanılır. Reklam veren kişilerin kendi sitelerine yönlendirilmesi için bu kod kullanılır.
1<a href="Google">GOOG'LE GİDER</a>
Yukarıda yazıya link verme örneği var. Resime'de link vermek için GOOG'LE GİDER yazısının
yerine resim ekleme etiketi img eklememiz yeterlidir.
ÖRNEK:
1<a href="Google">
2
3<img src="images/resim.jpg"></a>
href : resmimize link vereceğimiz web adresi.
img : resim çağırmamızı sağlayan kod.
src : resmimizin bulunduğu klasör/dosya adresini gösterir.
Resimler Ana dizindeyse direk src="resim.jpg" farklı klasördeyse, örneğin images dizinin altındaysa src="images/resim.jpg" şeklinde belirtiriz.
Not: Web sayfasında resimlerinize link vereceğiniz için resimlerin aynı klasör/dosya içinde olduğunu kontrol edin.
Cikti :
Gördüğünüz üzere kodumuz çalışmakta. Yalnız bu şekilde yazdığımızda resim dosyamızın çevresinde kenar çizgisi (border) oluşur, bunu önlemek için img etiketimize border="0" kodunu ekliyoruz ve kodumuzu:
1<a href="Google">
2
3<img src="images/resim.jpg" border="0"></a>
Haline getiriyoruz.
Resim üzerine geldiğimizde bilgi baloncuğu çıkmasını istiyorsak img Etiketimize title="Görünecek yazı" ekliyoruz.
1<a href="Google">
2
3<img title="goog'le gider" src="images/resim.jpg" border="0">
4</a>
ÇIKTI:
Kullanıcılara resim önizleme vermek için:
1<a href="images/resim.jpg">
2
3<img src="images/resim.jpg" border="0"></a>
HTML LİNK(Bağlantı)EKLEME - LİNK VERME
Bir HTML belgesinde link(bağlantılar)verme işlemini <a> Etiketi ile yapmaktayız. <a> Etiketi bir adres belirterek başka sitelere sayfalara yada aynı sayfanın farklı bölümlere bağ vermek ,resimlere link verme veya eposta adresimize link veririz. Aynı zamanda bu yolla bir zip arşivine , Müzik dosyalarına(vb..) link vermemiz Mümkündür.
LİNK VERME İÇİN KULLANILAN NİTELİKLER
SAYFALARA LİNK VERME
Link oluştumak için <a> Etiketini kullanırız. Linkin kaynağını belirleyen href="" Nitliğini kullanırız. daha iyi anlamak için örnek yapalım.
1- Siteye link verme
1<a href="Google">GOOGLE GİDER</a>
ÇIKTI:
GOOGLE GİDER
Sitenin içindeki html sayfasına link verme
1<a href="index.html">ANASAYFA'YA GİDER</a>
ANASAYFA'YA GİDER
LİNKLER(Bağlantılar) HEDEFLER
Şu ana kadar öğrendiğimiz link verme metoduyla , Linkin yer aldığı sayfanın yerine başka bir sayfanın yüklenmesini sağlıyoruz. Oysa yüklenmiş sayfanın kaybolması arzu etmeyiz ve linkin yeni pencerede yer almasını isteriz. Örneklere bakalım.
Target="_blank" Yeni bir tarayıcı pencerisinde sayfa açar
Target="_self" Mevcut pencerede sayfa açar.
_self Değeri varsayılı olarak gelir. Belirtmemiz gerek duyulmaz.
_blank Metin bağlantısına her bir tıklama ile yeni bir web tarayıcı pencerisi açılır.
1<a href="Google" target="_blank">google.com</a>
ÇIKTI:
google.com
NOT:
Sitenizde kullanıcıları tutmak için başka sitelere Link verdiğinizde ayrı pencerede açılmasını sağlayın.
E-POSTA LİNKLER
Bir e-posta bağlantısı oluşturmak kolaydır. Eğer insanlar sitenizle ilgili iletişime geçmek isterlerse e-posta linki oluşturulur.
1<a href="mailto:[email protected]">İLETİŞİM</a>
İLETİŞİM
DOWNLOAD LİNKİ YAPMA
Dowload linki oluşturmak için öncelikle dosyamızı sıkıştırmak(.zip .rar ) gerekir.
1<a href="imageshtml/text.rar">Download</a>
SAYFA İÇİ KONULARA LİNK VERME
Bu parametre ile aynı döküman içinde belirlenmiş başka bir satıra direk geçiş yapılır.
1<a href="#yukari">YUKARI ÇIK</a>
# işareti id'si yukarı id="yukari" olana git demektir. Ben ilk başlığıma bu kodu yerleştireceğim
1<h2 id="yukari">LİNK VERME İÇİN KULLANILAN NİTELİKLER</h2>
HTML'de resime link verme çok kolay iştir. Bu kod genellikle nerede kullanılır. Reklam veren kişilerin kendi sitelerine yönlendirilmesi için bu kod kullanılır.
1<a href="Google">GOOG'LE GİDER</a>
Yukarıda yazıya link verme örneği var. Resime'de link vermek için GOOG'LE GİDER yazısının
yerine resim ekleme etiketi img eklememiz yeterlidir.
ÖRNEK:
1<a href="Google">
2
3<img src="images/resim.jpg"></a>
href : resmimize link vereceğimiz web adresi.
img : resim çağırmamızı sağlayan kod.
src : resmimizin bulunduğu klasör/dosya adresini gösterir.
Resimler Ana dizindeyse direk src="resim.jpg" farklı klasördeyse, örneğin images dizinin altındaysa src="images/resim.jpg" şeklinde belirtiriz.
Not: Web sayfasında resimlerinize link vereceğiniz için resimlerin aynı klasör/dosya içinde olduğunu kontrol edin.
Cikti :
Gördüğünüz üzere kodumuz çalışmakta. Yalnız bu şekilde yazdığımızda resim dosyamızın çevresinde kenar çizgisi (border) oluşur, bunu önlemek için img etiketimize border="0" kodunu ekliyoruz ve kodumuzu:
1<a href="Google">
2
3<img src="images/resim.jpg" border="0"></a>
Haline getiriyoruz.
Resim üzerine geldiğimizde bilgi baloncuğu çıkmasını istiyorsak img Etiketimize title="Görünecek yazı" ekliyoruz.
1<a href="Google">
2
3<img title="goog'le gider" src="images/resim.jpg" border="0">
4</a>
ÇIKTI:
Kullanıcılara resim önizleme vermek için:
1<a href="images/resim.jpg">
2
3<img src="images/resim.jpg" border="0"></a>
HTML LİNK(Bağlantı)EKLEME - LİNK VERME
Bir HTML belgesinde link(bağlantılar)verme işlemini <a> Etiketi ile yapmaktayız. <a> Etiketi bir adres belirterek başka sitelere sayfalara yada aynı sayfanın farklı bölümlere bağ vermek ,resimlere link verme veya eposta adresimize link veririz. Aynı zamanda bu yolla bir zip arşivine , Müzik dosyalarına(vb..) link vermemiz Mümkündür.
LİNK VERME İÇİN KULLANILAN NİTELİKLER
SAYFALARA LİNK VERME
Link oluştumak için <a> Etiketini kullanırız. Linkin kaynağını belirleyen href="" Nitliğini kullanırız. daha iyi anlamak için örnek yapalım.
1- Siteye link verme
1<a href="Google">GOOGLE GİDER</a>
ÇIKTI:
GOOGLE GİDER
Sitenin içindeki html sayfasına link verme
1<a href="index.html">ANASAYFA'YA GİDER</a>
ANASAYFA'YA GİDER
LİNKLER(Bağlantılar) HEDEFLER
Şu ana kadar öğrendiğimiz link verme metoduyla , Linkin yer aldığı sayfanın yerine başka bir sayfanın yüklenmesini sağlıyoruz. Oysa yüklenmiş sayfanın kaybolması arzu etmeyiz ve linkin yeni pencerede yer almasını isteriz. Örneklere bakalım.
Target="_blank" Yeni bir tarayıcı pencerisinde sayfa açar
Target="_self" Mevcut pencerede sayfa açar.
_self Değeri varsayılı olarak gelir. Belirtmemiz gerek duyulmaz.
_blank Metin bağlantısına her bir tıklama ile yeni bir web tarayıcı pencerisi açılır.
1<a href="Google" target="_blank">google.com</a>
ÇIKTI:
google.com
NOT:
Sitenizde kullanıcıları tutmak için başka sitelere Link verdiğinizde ayrı pencerede açılmasını sağlayın.
E-POSTA LİNKLER
Bir e-posta bağlantısı oluşturmak kolaydır. Eğer insanlar sitenizle ilgili iletişime geçmek isterlerse e-posta linki oluşturulur.
1<a href="mailto:[email protected]">İLETİŞİM</a>
İLETİŞİM
DOWNLOAD LİNKİ YAPMA
Dowload linki oluşturmak için öncelikle dosyamızı sıkıştırmak(.zip .rar ) gerekir.
1<a href="imageshtml/text.rar">Download</a>
SAYFA İÇİ KONULARA LİNK VERME
Bu parametre ile aynı döküman içinde belirlenmiş başka bir satıra direk geçiş yapılır.
1<a href="#yukari">YUKARI ÇIK</a>
# işareti id'si yukarı id="yukari" olana git demektir. Ben ilk başlığıma bu kodu yerleştireceğim
1<h2 id="yukari">LİNK VERME İÇİN KULLANILAN NİTELİKLER</h2>