a target
Hoşgeldiniz!Bu dersimizde öğreneceğimiz bilgiler:
html kodlarının arasına açıklama satırları yazmak (<!-- Açıklama -->)
Tıklandığında yeni bir sayfada açılıp açılmayacağının belirtilmesi ( <a target="_blank" ...)
Tıklanacak kelimenin (link verilmiş kelimenin) üzerine gelindiğinde sarı renkli açıklamanın gösterilmesi (title="...")
Tekrar edeceğimiz bilgiler
<b> ve <u> etiketlerini tekrar hatırlayacağız.
<a href=""> </a> link verme işlemi
Birden çok boşluğa ihtiyacımız varsa bu html etiketini kullanıyoruz.
<br> kendinden sonraki şeyleri alt satıra atar (yeni satır)
Önceki dersimizde Ulusal gazetelere linkler vermiştik.
Yerel gazetelere link vermek için yerel gazeteler şeklindeki başlığımız hazırdı.
Şimdi illeri o başlığın altına sıralayalım.
Her bir il koyu yazılsın diye <b> ADANA : </b> şeklinde illeri yazıyoruz.
Her bir satıra bir il gelmesi için ilden sonra <br> tagını kullanacağız.
Html çalışmasının internet tarayıcısında görüntüsü aşağıdaki gibidir. Görüntünün tamamı için buraya tıklayınız.
Yukarıdaki görüntüye ait HTML kondunun bir parçası aşağıdaki gibidir.
Burada dikkatinizi çektiğim şey birden fazla boşluk ihmal edilip tek boşluk olarak gösteriliyor.
İnternet tarayıcısının bu davranışından dolayı birden fazla boşluk vermek istediğimizde yi kullanacağız.
HTML kodundaki kırmızı çizgileri, ADANA ve ADIYAMAN dan sonraki boşlukların fazlalığını göstermek için çizdim.
Yukarıda bir parçasını gördüğünüz kodun tamamını görmek için:
a) Önce sayfayı buraya tıklayarak açın
b) Daha sonra açılan sayfada boş bir yere sağ tıklayıp menünün gelmesini sağlayın.
c) önceki dersimizdeki gibi gelen menüden Kaynağı Görüntüle yi seçin
şu anda kodun tamamını görüyor olmalısınız.
Şimdi illeri sağ kenardan biraz içeri doğru çekmek istiyorum. Bunu boşluk vererek yapamacağımızı söylemiştim.
kullanarak yapacağız.
şeklinde bütün illerin başına ekleyip kenardan 4 boşluk kadar illeri uzaklaştırdım.
Dosyanın şu anki hali için buraya tıklayınız.
Kodu görmek için açılan web sayfasında boş bir yere sağ tıklayıp açılan menüden kaynağı görüntüle yi seçebilirsiniz.
HTML sayfalarında <!-- --> Bu iki işaret arasına açıklama yazabiliriz.
Bu açıklamayı internet tarayıcısı göstermez.
Açıklama satırlarını görmek için; kaynağı görüntüle yapabiliriz.
Bu şekilde bütün HTML kodlarıyla birlikte açıklamaları da görebiliriz.
| <a href="http://www.yenisafak.com.tr/"> Yeni Şafak </a> | <a href="http://www.zaman.com.tr/"> Zaman </a> <h4> <u> Yerel Gazeteler : </u> </h4> <!-- Burası internet tarayıcısı tarafından gösterilmez Buraya web tasarımı yapan kimse kendisi için not yazabilir. kendisi için yazabileceği gibi birden fazla kişi aynı iş için çalıştığında birbirlerine belirtmek istediklerini direk yerinde belirtme şansını elde ederler. --> <b>ADANA :</b><br> <b>ADIYAMAN :</b><br> <b>AĞRI:</b><br> |
Yukarıdaki html kodu internet tarayıcısında gördüğümüzde. Yerel Gazeteler: yazısından sonra ADANA: yazısını görürüz.
HTML kodunda gördüğünüz 4 satırlık açıklama yazısı gözükmez:
<!-- Açıklama satırları buraya yazılır ; -->
Yukarıdaki HTML kodunun internet tarayıcısında oluşturduğu görüntü aşağıdaki gibidir.
<A> HTML etiketinin href ten başka target ve title özellikleri vardır:
1) href = ile tıklanıldığında gidilecek sitenin adresi belirtilir. (Adres ingilizce olarak URL dir.)
2) target = ile tıklanıldığında ayrı bir sayfa da açılıp açılmayacağını belirtiriz.
target="_blank" değerini verirsek tıklanıldığında link ayrı bir pencere de açılır.
3) title = özelliğiyle linkin üzerine (maouse) ile gelindiğinde çıkacak açıklayıcı yazıyı belirleriz.
Title özelliği <a> etiketi gibi birçok htm etiketinde vardır:
<a> etiketi gibi <img> etiketi de title özelliğine sahiptir.
title ile Resmin üzerine gelindiğinde açıklayıcı bir yazı çıkması sağlanır.
Gazeteler-e linkler çalışmasında yerel gazetelere linkler verelim:
www.adanagazete.com un başına http:// eklememiz gerekiyor.
<a href="Buraya link verilecek web sitesinin adresi yazılır"> link verilecek yazı buraya yazılır. </a>
<b>ADANA :</b> <a href="http://www.adanagazete.com/" target="_blank" title="Adana Gazete">Adana Gazete</a> | <br> <b>ADIYAMAN :</b> <a href="http://www.adiyamanhaber.com/" target="_blank" title="Adıyaman Haber - Adıyaman">Adıyaman Haber</a> | <a href="http://www.cagdasgolbasi.org/" target="_blank" title="Çağdaş Gölbaşı - Adıyaman">Çağdaş Gölbaşı</a> | |
Yukarıdaki HTML kodunda şuna dikkat edin ADANA: dan sonra kodlamaya yeni bir satırdan devam etsek bile verdiğimiz link hemen ADANA: dan sonra gösterilir. HTML görüntülenirken tıpkı boşlukların ihmal edildiği gibi alt satıra yazmamız da ihmal edilir. <br> etiketini kullansaydık ADANA: dan sonraki link aşağı satırda görünecekti.
linke tıklandığında açılacak pencerenin yeni bir pencerede açılması için yapılması gerekeni unutmayın:
<a target="_blank" şeklinde olması gerekir. href özelliği target tan önce de yazılabilir sonra da.
HTML derslerine katıldığınız için teşekkür ederim. sonraki derste inşaAllah buluşmak üzere. Selametle kalın
ödevleriniz:
1) web sitelerini gezerken kaynağı görüntüle deyip gördüğümüz etiketleri incelemeye çalışın
2) kendinize linklerin olacağı herhangi bir konu seçin gazeteler-e linkler gibi sizde link sitesi için bir konu seçin.
