www.kadir-18.yetkin-forum.com

şiir, söz, sms, hazır sms, bedava sms, html, html kodlar
 
AnasayfaAnasayfa  ANA SAYFAANA SAYFA  SSSSSS  AramaArama  Üye ListesiÜye Listesi  Kullanıcı GruplarıKullanıcı Grupları  Kayıt OlKayıt Ol  Giriş yap  
Giriş yap
Kullanıcı Adı:
Şifre:
Beni hatırla: 
:: Şifremi unuttum
Arama
 
 

Sonuç :
 
Rechercher çıkıntı araştırma
En son konular
» GENÇLİK BÖYLEDİR İŞTE
Paz Şub. 22, 2009 2:09 pm tarafından Admin

» GECE BİR NETİCEDİR
Paz Şub. 22, 2009 2:09 pm tarafından Admin

» ESKİ SAADETİNLE
Paz Şub. 22, 2009 2:06 pm tarafından Admin

» ..ÇOCUKLUK..
Paz Şub. 22, 2009 2:05 pm tarafından Admin

» ÇÖKÜYORUM
Paz Şub. 22, 2009 2:05 pm tarafından Admin

» CAN YOLDAŞI
Paz Şub. 22, 2009 2:04 pm tarafından Admin

» BİR KAPI AÇIP GİTSEM
Paz Şub. 22, 2009 2:04 pm tarafından Admin

» BEN AŞK ADAMIYIM
Paz Şub. 22, 2009 2:03 pm tarafından Admin

» BEN ÖLECEK ADAM DEĞİLİM
Paz Şub. 22, 2009 2:03 pm tarafından Admin

Kimler hatta?
Toplam 1 kullanıcı online :: 0 Kayıtlı, 0 Gizli ve 1 Misafir

Yok

Sitede bugüne kadar en çok 28 kişi C.tesi Mart 05, 2011 5:42 pm tarihinde online oldu.

Paylaş | 
 

 html dersleri 7

Aşağa gitmek 
YazarMesaj
Admin
Admin
avatar

Mesaj Sayısı : 319
Kayıt tarihi : 27/01/09

MesajKonu: html dersleri 7   Çarş. Ocak 28, 2009 12:07 am

A etiketine devam (target/title özellikleri) bazı etiketlerin tekrarı (a target)

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
&nbsp; 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 &nbsp; 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.
&nbsp; kullanarak yapacağız.
&nbsp; &nbsp; &nbsp; &nbsp; ş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.
-->

&nbsp; &nbsp; &nbsp; &nbsp; <b>ADANA :</b><br>
&nbsp; &nbsp; &nbsp; &nbsp; <b>ADIYAMAN :</b><br>
&nbsp; &nbsp; &nbsp; &nbsp; <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>


&nbsp; &nbsp; &nbsp; &nbsp; <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
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://kadir-18.yetkinforum.com
 
html dersleri 7
Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
www.kadir-18.yetkin-forum.com :: YAZILIM :: WEB TASARIM :: HTML DERSLERİ-
Buraya geçin: