Türküm, doğruyum, yapışkanım!

HTML Tags (Etiketleri) - 2

Bu bölümde Link (Bağlantı)leri anlatacağım...

Geçen bölümde basit bir sayfanın hazırlanışını, yazımızı başlıklar ve paragraflara ayırmayı öğrenmiştik, şimdi bu yazımız içindeki bazı kelimelere veya cümlelere veya resimlere nasıl link (bağlantı) vereceğimizi öğreneceğiz:

HTML'de bir belgeden başka bir belgeye link vermek için <a> (anchor) tagi kullanılır. Bu tag ile herhangi bir html belgesine, bir resme, bir müzik dosyasına, bir filme doğru link verebilirsiniz. <a> tagi </a> şeklinde kapatılmalıdır.

<a href="url">Link verilecek kelime veya metin burada olacak</a>

<a> tagi kelimemizin veya metnimizin bir link olduğunu belirtir; href ise linkin bağlı olduğu yani linke tıklandığında gidilecek adresi belirtir. Hemen bir örnek verecek olursak,

<a href="http://www.katrasa.com/">Birine mi bakmıştın canım?</a>

Bu örneği önizleme yaptığımızda tarayıcımızda şu şekilde görülecektir:

Birine mi bakmıştın canım?

Şimdi target özelliğini inceleyelim. Target bize gidilecek sayfanın nerede açılacağını belirlememizi sağlar. Herhangi bir target belirtmesi yapılmaz ise linke tıklandığında, yeni sayfa, tarayıcının mevcut olan penceresinde açılır.

<a href="http://www.katrasa.com/" target="_blank">Bu link başka bir pencerede açılacak!</a>

Sayfamızı önizleme yaptığımızda linke tıklayarak hedefin başka bir pencerede açıldığını görebiliriz. Bu durumu sağlayan "_blank" tır. Ayrıca target seçeneklerinde "_self" (aynı pencerede aç), "_parent" (Frame ile hazırlanmış sitelerde bir framesetten başka bir framesete link verirken kullanılır), "_top" (link en üstteki frame de açılır) vardır. Eğer framelerinize isim verdiğseniz bu isimleri target için kullanabilirsiniz.

Name özelliği ile link verme:

Name ile link vermek kaba tabirle nokta atışı yapmaktır. Çünkü linke tıkladığımızda direkt özel olarak belirlediğimiz yani isim verdiğimiz alana ulaşırız.

<a href="#etiketler">HTML etiketlerine bakın!</a>
          <p name="etiketler">Ben HTML etiketlerini katrasa.com'dan öğreniyorum, amanda ne iyi yapıyorum</p>

Sayfa önizlemede yukarıdaki kodlarda bulunan linke tıkladığımızda direk ismi yani name' i etiketler olan paragrafımıza ulaşacağız.

name parametresi XHTML ile birlikte değişime uğramış ve bunun yerine id kullanılmaya başlanmıştır. XHTML derslerine geçtiğimizde bunları farkedeceksiniz.

Daha iyi kavramanız adına name ile oluşturulmuş link örneği ni inceleyebilirsiniz.

HTML Taglerinin 2. bölümü bu kadar 3. derste görüşürüz.

'04-'08, © Serkan AVCI katrasa.com - birine mi bakmıştın canım? en üstteyim...

Katrasa.com üzerinde bulunan tüm yazılı ve görsel malzemenin telif hakları belirtilen isimlere aittir. İzinsiz kopyalamak, kullanmak, yayınlamak tehlikeli ve yasaktır. Hırsızların kalbi itinayla kırılır, eline verilir.

Eklenmesini istediğiniz içeriğiniz mi var? Makalelerde veya içerikte yazım hatası mı var? Uyarın beni! Yani bir mail atın.

İçerikten rahatsız mı oldun? O zaman sana Bay baay .