Html’de linkler


Linkler sayfalar arasında gezmemize yarayan köprülerdir. Söylemek gerekiyorki link; köprü anlamına gelir.

(Ayrıca link nedir? konusuna göz atabilirsiniz.)

Web sayfalarında dolaşırken tıklama yapabildiğimiz herşeyi linkler sağlamaktadır. Dolayısıyla linklerin önemli bir konudur. Linkleri en geniş şekilde inleyeceğiz.

html sayfalarda link vermek

link verebilmemiz yarayan etiket

etiketidir. Bu etiket sayesinde yazılara, resimlere, web sayfalara, kendi sayfalarınıza ve sayfa içinde farklı bölümlere link verebilirsiniz. Sayfa içinde farklı bölümlere link vermeyi açarsak; örneğin uzun bir konu yazıyorsunuz ve birden fazla başlığa sahip bir konu. Bu konu başlıklarını konu başında belirtip, kişinin istediği başlığa kaydırma çubuğu ile değil linke tıklayarak gitmesini sağlayabiliriz.

bu etiketin kullanım şekli şu biçimdedir:

link yazısı

gidilecek olan adres; bir web sayfası, projede varolan başka bir dosya, herhangi bir dosya adı vs olabilir. Target ise sayfa aynı pencerede mi açılsın yoksa başka bir penceredemi veya sekmede mi açılmasını belirtir. Genelde blank ve self özelliği kullanılır.

Target değerini blank şeklinde verirsek(target=”blank”) link yeni bir sayfada açılır. self değerini verirsek, adres aynı sayfada açılır.

Bir web sayfasına link vermek

Bir web sayfasına link vermek için href özelliğinden faydalanıyoruz. Örneğin mynet.com’ a verelim.

Veya şu şekilde yaparsak daha güzel bir görüntü oluşur.

NOT: Bir web siteye link verirken mutlaka başına http:// ekleyin.

Diğer web sayfalarımıza link vermek

Kendi web sitemizde gezinmeyi sağlayan linklerdir. Linkler ile sayfalar arası dolaşılır. Şimdi basit bi proje ile bu konuya değinelim. Bunu basit bir kişisel site yaparak gösterelim bu şekilde daha anlaşılır olacaktır.

Öncelikle alt sayfaları oluşturalım daha sonra anasayfamızı oluştururuz.


Hakkımda

Hakkımda

1994 Amasyada doğdum. Şu anda istanbulda yaşıyorum. İlkokul lise' den sonra şu anda
Afyon Kocatepe Üniversitesinde Bilgisayar Programcılığı okuyorum.
...


iletişim sayfası oluşturalım.


İletisim

Hakkımda  
özgeçmişim 
iletişim

iletişim

iletisim için: bilgius@asereo.com



maile link vermeyi konunun devamında görebilirsiniz.


Ozgeçmiş

Ozgeçmiş

Ragıp İlkokulu
Cevahir Lisesi
Afyon Kocatepe Üniversitesi Bilg. Prog.


Şimdi anasayfamızı oluşturalım. Genelde anasayfamızı index.html veya default.html kaydederiz.

Arkadaşlar alt satıra geçme etiketi eklemedikçe yazdıklarınız aynı satırda devam eder. Kodlarla daha düzenli çalışmak için biz alt alta yazdık. Ancak br etiketi vermediğimiz için aynı satırda göründü. Yapmak istediğimizde zaten buydu.

Not:


etiketi alt satıra geçmek için kullanılır.

etiketi ile paragraf başı yaparsınız.

&nbsp kodunu eklediğimiz zaman kelimeler arası boşluk bırakır.


Kişisel Web Site

Hakkımda  
özgeçmişim 
iletişim

Kişisel web siteme hoşgeldiniz.

Kişsel Web sitemde güncel bilgisayar konularını görebilirsiniz.



Gördüğünüz gibi anasayfamızda hazır ancak diyelim ki kişi iletişim sayfasına gitti.

peki kişi nasıl diğer sayfaları gezecek? Geri dügmesine basıp

ondan sonra tekrar yukardaki menüden mi hareket edecek? Bunu engellemek için menüyü her sayfaya eklememiz gerekiyor. Yani iletisim sayfamız ve diğer bütün sayfalarımız şu şekilde görünmeli:


İletisim

Hakkımda  
özgeçmişim 
iletişim

iletişim

iletisim için: Mail gönderin.



Sayfa içinde farklı bölümlere link vermek

Şu anda yapacağımız için aynı sayfa içinde farklı bölümlere link vermek. Konu başında bahsetmiştik şimdi bunu uygulama ile gösterelim.

Öncelikle uzun bir konu bulalım.

Daha önce bilgiusta yayınlanmış bir konu ile örnek verelim.  Daha anlaşılır olacaktır. Şimdi bu tekniği daha önce uyguladığımız wordpress kurulum konumuza gidelim.

Şimdi burada subdomain açma linkine tıkladığımız zaman  başlık nerede anlatılmışsa konunun neresinde ise o kısma gider.

yukarda gördüğünüz konu içinde olan sözkonusu başlığa gider.  Konu başında bulunan linklerden birine tıklayın ve görün. Konu uzun olduğundan kişi sadece ilgili olduğu başlığa gitmek için kaydırma çubuğunu değil bu linkleri kullanacaktır. Bu linkler her zaman konu başında verilir. Yoksa bir önemi olmayacaktır. Veya konu sonunda konunun başına gitmek için bu şekilde link verebilirsiniz.

Şimdi kodları inceleyelim.

  1. Subdomain Açma-Subdomain nedir?
  2. WordPress Son Sürüm İndirme
  3. Veritabanı oluşturma-doğrulama
  4. WordPress kurulduktan sonraki başlangıç işlemleri

düzenli bir liste içerisinde başlıklar verilmiş.  Bu şekilde başlıkları verdik peki bundan sonra ne yapıcaz? Şimdi ilk başlığı yani subdomain nedir başlığına gitmesine yarayacak kısma bakalım. Yukardaki listeden subdomain nedir’ e tıkladığımız zaman aşağıdaki noktaya gelmesi için, resimde gördüğünüz başlığı

html görünümden şu şekilde linklendiriyoruz.

Subdomain nedir?

bu şekilde link verdiğiniz zaman konunun başında bulunan listeden “Subdomain nedir” linkine tıkladığımız zaman direk bu başlık nerdeyse konunun o kısmına gidiyor. Sizde söz konusu konudan deneyerek net bi şekilde anlayabilirsiniz. 

Not: html görünüm: 

Bir mail adresi link vermek

Herhangi bir maile link vermek için a href özelliğinden faydalanabiliriz. Burada farklı nokta ise şudur: Mail adresinin başına “mailto” yazılır.

Mail gnderin.

Title özelliği

Linklerde target özelliğinden bahsetmiştik şimdide aynı etiket içerisinde kullandığımız title özelliğini gösterelim.

Az önce hazırladığımız anasayfamızdaki iletişim linkini bu şekilde düzenleyelim.

iletişim

Fare imlecini iletişim üzerine getirdiğiniz zaman bu şekilde görünecektir.

Resimlere link vermek

Resimlere de metinler gibi link verilebilir. Örneğin mail gönderin metni yerine bir mail ikonu ekleyip link vermek daha güzel görünecektir.

Bu başlığı şu konumuzdan daha ayrıntılı şekilde inceleyebilirsiniz.

Linklerin rengini değiştirmek

Linklerin renkleri değiştirmek için body etiketi içerisinde bir kaç oynama yapıyoruz. Linklerin rengini 3 şekilde değiştirebilirsiniz.

link = normal link

alink = aktif link

vlink = ziyaret edilmiş link

Az önce oluşturduğumuz anasayfayı şu şekilde düzenleyelim.

Author: Ali Göksel Bektaş

Simenty kurucu ortağı. Küçüklüğünden beri website yapan Ali bulunduğu web sektöründe 10 yıldan fazla tecrübesı vardır. Bisiklet sürmeyi, kek yemeyi ve rahat koltukları sever.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.