Selamun aleyküm değerli arkadaşlar artık keyifli ve bilgilerimizin iyice arttığı derslere neyin nasıl yapıldığını dha iyi anladığınız derslere girmiş bulunuyoruz bu dersimizde her sitede mutlaka bulanan bağlantılar nasıl yapıldığını yazıya veya resime tıklanınca başka sitelere yada sayfaları açmayı öğrenecez onun öncesinde bir önceki dersimizi hatırlayalım aşağıda. Metinlere Yazılara lşnk verebilmek için değerli arkadaşlar &lt;a&gt; ve href parametresini ne tür link olursa olsun kullanmak zorunda olduğumuzu unutmayın iyi ezberleyin bol bol uygulama yapın ilk uygulamamızı buyrun aşağıda yapalım açalım not defterimizi aşağıdaki kodları yazıp metinlerelink.html olarak masaüstüne farklı kaydedin. &lt;html&gt; &lt;head&gt; &lt;title&gt;Web Tasarım Dersleri Linkler Link Verme Ders 11&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;a href="http://www.webmasteryolcu.com"&gt; Web Tasarım Dersleri &lt;/a&gt; &lt;/body&gt; &lt;/html&gt; Yukardaki mantığı anlatıyım arkadaşlar &lt; href ="buraya açılacak sayfa yada site"&gt; Bu kısıma ise yazı yada resim kodu gelecek &lt;/a&gt; link bitişi &lt;/a&gt; kapatıyoruz bu kadar linkler zor değildir. Yazılara Link Verme Sayfadaki Yazıya Tıklayınca Linkte belirtilen adres açılır başka bir siteye link verirken adresta http:// kulanmayı unutmayın şimdi resimlere link nasıl veriliyor onu görelim resim eklemeyi daha önce anlattım ona girmeyecem takılan eski derslerden inceleyebilir. Resimlere Link verme Resimlere link vermekte yazılara verilen linkle aynı mantıkta arkadaşlar resime tıklayınca ister bir sayfaya açılır ister resmin büyük halini açabilir isterseniz örnektede yapacağım gibi başka bir site açılabilir hepsindede mantık aynıdır aşağıdaki uygulamayı sizde yapın not defterinizde farklı kaydet diyerek dosya adı resimlerelink.html olarak kaydedin masaüstüne &lt;html&gt; &lt;head&gt; &lt;title&gt;Web Tasarim Dersleri Resimlere Link Verme Ders 11&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;a href="http://www.webmasteryolcu.com"&gt; &lt;img src="gul. jpg"&gt; &lt;/a&gt; &lt;/body&gt; &lt;/html&gt; yukardaki işlemi özetliyalim arkadaşlar &lt;a href="ile buraya adres yada sayfa uantısı"&gt; buraya ise ister yazı ister bu örnekte olduğu gibi resim kodu link bitti ilk başta açmış olduğum a etiketini kapatmam gerekir &lt;/a&gt; Resimlere Link verme Evet arkadaşlarım yukardaki resime link verdim linkte belirttiğim adres açılacak dikkat ettiyseniz resi kenarlarında mavi çizgi oluştu onu önlemek için resimlere link verdiğinizde border 0 yapmalısınız. Sitemizde Sayfa İçi Link Verme Düşünün 10 tane sayfanız var sitenize giren ziyaretçi ana sayfaya ulaşır diğer sayfalara ulaşmak için sayfa içi linkler ile bunuda çözmüş olacaz arkadaşlar bunun için masaüstüne linkler isminde klasör açın ve not defterimizle aşağıdaki uygulamayı yapalım 3 sayfamız olsun projemiz için Ana Sayfa Ürünler İletişim 3 Sayfa oluşturacaz arkadaşlar sayfalarımızı masaüstüne açtığımız linkler klasörüne kaydedeceğiz hadi buyrun bakalım kodlar aşağıda yer alan kodlar arasında yer alan dik çizgiyi yapabilmek için Alt Gr ile tire çizgisi butonuna basmalasınız. Bu kodları linkler klasörüne index.html olarak kaydedin &lt;html&gt; &lt;head&gt; &lt;title&gt;Web Tasarim Dersleri Sayfa Içi Link verme 11&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;a href="index.html"&gt;Ana Sayfa&lt;/a&gt; | &lt;a href="urunler.html"&gt;Ürünler&lt;/a&gt; | &lt;a href="iletisim.html"&gt;Iletisim &lt;/a&gt; &lt;br&gt;&lt;br&gt;&lt;br&gt; Bu Sayfa Sitemizin Ana Sayfasidir... &lt;/body&gt; &lt;/html&gt; Bu kodları linkler klasörüne urunler.html olarak kaydedin &lt;html&gt; &lt;head&gt; &lt;title&gt;Web Tasarim Dersleri Sayfa Içi Link verme 11&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;a href="index.html"&gt;Ana Sayfa&lt;/a&gt; | &lt;a href="urunler.html"&gt;Ürünler&lt;/a&gt; | &lt;a href="iletisim.html"&gt;Iletisim &lt;/a&gt; &lt;br&gt;&lt;br&gt;&lt;br&gt; Bu Sayfa Sitemizin Ürünler Tanitim Sayfasidir... &lt;/body&gt; &lt;/html&gt; Bu kodları linkler klasörüne iletisim.html olarak kaydedin &lt;html&gt; &lt;head&gt; &lt;title&gt;Web Tasarim Dersleri Sayfa Içi Link verme 11&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;a href="index.html"&gt;Ana Sayfa&lt;/a&gt; | &lt;a href="urunler.html"&gt;Ürünler&lt;/a&gt; | &lt;a href="iletisim.html"&gt;Iletisim &lt;/a&gt; &lt;br&gt;&lt;br&gt;&lt;br&gt; Bu Sayfa Sitemizin Iletisim Bölümüdür... &lt;/body&gt; &lt;/html&gt; Evet arkadaşlar masaüstüne açtığımız linkler klasörüne 3 adet sayfa hazırladık index.html urunler.html ve iletisim.html şimdi klasöre girip index.html sayfasını çift tıklayıp açın linklere tıklayın sayfalarda geçişi görün. Sayfa İçi Link verme Evet arkadaşlar bunuda anladıkta sonra şimdide linklerin açılış şeklini görelim aynı sayfadamı açılsın yeni sayfadamı üstten açılma şekli falan. Linklerde Target Parametresi Kullanımı Linkler standart olarak aynı sayfada açılır arkadaşlar örneğin bir arkadaşınızın sitesine link verdiniz ziyaretçi tıkladı arkadaşınızın sitesi açıldı ziyaretçi sizin sitenizden gitti bunu önlemek için yeni pencerede açılmasını sağlayın target parametresi 4 adet değerden oluşur nedir bunlar görelim. target="self" : Link Verilen Sayfa yada Site Aynı Pencerede Açılır target="blank" : Açılacak sayfa yada site yeni pencerede açılır target="top" : self gibi buda aynı pencerede açar tek farkı sayfa üstten başlayarak açılır Uygulayıp Görelim arkadaşlar Ne İşe Yarıyorlar açıyoruz not defterimizi ve aşağıdaki kodları yazıp linktarget.html olarak masaüstüne kaydedin. &lt;html&gt; &lt;head&gt; &lt;title&gt;Web Tasarim Dersleri Linklerde Target Parametresi 11&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;a href=" http://www.webmasteryolcu.com" target="_self"&gt; Aynı Sayfada Açılan link &lt;/a&gt; &lt;br&gt; &lt;a href=" http://www.webmasteryolcu.com" target="_blank"&gt; Yeni Pencerede Açılan link &lt;/a&gt; &lt;br&gt; &lt;a href=" http://www.webmasteryolcu.com" target="_top"&gt; Aynı Sayfada Üstten Başlayarak Açılan link &lt;/a&gt; &lt;/body&gt; &lt;/html&gt; Linklerde Target Kullanımı evet arkadaşlar ekran görüntümüde yukarda ve linkleri burada şimdilik sonlandırıyoru ilerde projemide yine kullanacaz değinecez bugünkü derste bu kadar bir sonraki ders zorlaşacak biraz tablolara girecez hem zor hem keyifli artık site yapmaya adım adım yaklaştınız çok az kaldı arkadaşlar görüşmek üzere Bizi Yaratan Yüce Mevlaya Emanet olun.