Html’de linkler – Asereo
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.
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.
iletisim için: bilgius@asereo.com
maile link vermeyi konunun devamında görebilirsiniz.
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.
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ş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:
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.
Subdomain Açma-Subdomain nedir?
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.
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.
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.
Fare imlecini iletişim üzerine getirdiğiniz zaman bu şekilde görünecektir.
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.
Link Almak ve Link Vermek
Author Ali Göksel BektaşPosted on 06 October 2012 08 December 2012 Categories HTMLTags a id özelliği, alink nedir, alt satıra geçme etiketi, alt satıra geçme kodu, boşluk bırakma kodu, etiketi kullanımı, html a etiketi, html a href link vermek, html a href özelliği, html a name özelliği, html boşlul bırakma, html de maile link verme kodu, html ile site yapmak, html maile link vermek, html özelliği, html web tasarım, html' de link vermek, html' de nasıl link verilir, html' de site yapmak, html'de a etiketi, htmlde link rengini değiştirme, htmlde maile link vermek, htmlde resimlere link vermek, link nasıl verilir, link nedir, link türkçe karşılığı, link türkçesi nedir, link verme self ne demke, link verme self nedir, link vermede self, link vermede target, link vermek, link vermek blank ne demek, linkin anlamı nedir, paragraf başı kodu, paragraf başı yapma etiketi, sayfa içinde başlıklara link vermek, sayfa içinde farklı bölümlere link vermek, sayfa içinde link vermek, sayfalara link vermek, site içinde link vermek, targer nedir, vlink nedir, web sayfa yaparken link vermek, web sitelere link nasıl verilir, web sitesi yaparken site içinde link vermek
Previous Previous post: HTML’ de tablolar
Next Next post: Facebook video indirme