|
Yeni Üyelik Haber bülteni üyeliği
|
HTML Bağlantıları
HTML bir köprü aracılığı ile internetteki başka bir doküman ile bağlantı kurar.
Örnek <html> <body>
<p> Bu <a href="http://www.google.com.tr">kelimeye</a> tiklarsan baska bir siteye gidersin. </p>
<p> Bu <a href="http://www.bobiler.org">kelimeye</a> tiklarsan bambaska bir siteye gidersin. </p>
<body> <html>
Örnek <html> <body>
<p> Bir resmide bag olarak kullanabilirsiniz. <br> <a href="http://www.google.com"> <img border="0" src="http://www.google.com.tr/logoyapsana/images/templates/google_logo_01.gif"> </a> </p>
</body> </html>
Anchor Komutu ve Href Niteliği HTML dosyanızda başka konumdaki bir dosya ile bağlantı kurmak için <a> (Anchor) komutu kullanılır.
Anchor komutları ile internet üzerindeki her hangi bir nokta ile bağ kurabilirsiniz. Bir sayfa ile, bir ses dosyası ile, bir film ile ya da bir resim ile.
Örnek Anchor komutu
<a href=?http://iturocks@blogspot.com?>iyi muzik, iyi blog</a>
a komutu bağlantı çapasını (Anchor) oluşturur. href niteliği ile bağlantı yapılacak internet öğesinin adresi tanımlanır. Açılış ve kapanış komutlarının arasındaki karakterler ise üzerine tıklandıktan sonra bizi bağlantıya yönlendirecek metini (ya da öğeyi) tanımlar.
<a href=?http://www.uzerine.com/web/viewLinks.do?page=newEditor?>uzerine.com dunyasina hos geldiniz</a> yukarıda komutunu verdiğimiz bağlantı tarayıcınızda aşağıdaki bağlantı gibi duracaktır. ....
Hedef Niteliği Hedef niteliği ile bağlantı kurduğunuz sayfaya tıklandığında açılacak olan sayfanın nerede açılacağını belirleyebilirsiniz (aynı sayfada, yeni sayfada).
<a href=?http://www.uzerine.com/web/viewLinks.do?page=newEditor? target=?_blank?>uzerine.com dunyasina hos geldiniz</a>
Name (isim) Niteliği İçinde bir çok konu başlığı olan uzun bir makaleyi internet sayfanızda tek bir sayfada sergilemek istiyorsunuz. Makalenin başında tüm başlıkları sıraladınız ve istiyorsunuz ki başlığa tıklayan makalenin o bölümüne insin (el ile yavaş yavaş inmek yerine). Anchor komutlarının name niteliği ile bunu yapmak çok kolay.
ilk olarak gidilmesini istediğiniz yere name nitelikli bir anchor komutu uygulamak gerekiyor. Mesela;
<a name=?tavsiye?>HTML hakkinda yararli tavsiyeler</a>
Sonrada bizi bu konuma yollayacak bağlantıyı hazırlamalıyız.
<a href=?#tavsiye?>HTML hakkında yararli tavsiyler bolumune gecmek icin tiklayin</a>
Örnekler Bir bağlantıyı yeni sayfada açma <html> <body>
<a href="http://html.uzerine.com/" taget="_blank">HTML derslerinin anasayfasina gitmek icin tiklayiniz...</a>
</body> </html>
bağlantıya tıkladığınız zaman karşılaşmanız gereken ekran aşağıdaki gibi olmalı
Aynı sayfa üzerinden yönlendirme <html> <body>
<a href="#baslik">Besinci bolum icin tiklayiniz...</a> <h1>Bolum 1</h1> <p>Bu bolumun amaci HTML dunyasindaki...</p> <h1>Bolum 2</h1> <p>Bu bolumun amaci HTML dunyasindaki...</p> <h1>Bolum 3</h1> <p>Bu bolumun amaci HTML dunyasindaki...</p> <h1>Bolum 4</h1> <p>Bu bolumun amaci HTML dunyasindaki...</p> <a name="baslik"><h1>Bolum 5</h1></a> <p>Bu bolumun amaci HTML dunyasindaki...</p> <h1>Bolum 6</h1> <p>Bu bolumun amaci HTML dunyasindaki...</p> <h1>Bolum 7</h1> <p>Bu bolumun amaci HTML dunyasindaki...</p> <h1>Bolum 8</h1> <p>Bu bolumun amaci HTML dunyasindaki...</p> <h1>Bolum 9</h1> <p>Bu bolumun amaci HTML dunyasindaki...</p> <h1>Bolum 10</h1> <p>Bu bolumun amaci HTML dunyasindaki...</p>
</body> </html>
Bir bağlantıyı aynı sayfada açma <html> <body>
<p>Bu sayfadan biktinizmi?</p> <a href="http://www.bobiler.org/" target="_top">O zaman tikla buraya...</a>
</body> </html>
E-posta bağlantısı vermek <html> <body>
<p>uzerine.com hakkinda sormak istediginiz hersey icin <a href="mailto:info@uzerine.com?subject=Merhaba">tiklayiniz...</a>
<p><b>not</b> metin arasindaki bosluklar icin %20 yazin</p>
</body> </html>
ve işte e-posta ekranı
Ayrıntılı E-posta bağlantısı vermek <html> <body>
<p>uzerine.com hakkinda sormak istediginiz hersey icin <a href="mailto:info@uzerine.com?cc=info2@uzerine.com&bcc=info3@uzerine.com&subject=Merhaba&body=Nasil%20editor%20olurum">tiklayiniz...</a>
<p><b>Not:</b> metin arasindaki bosluklar icin %20 yazin</p>
</body> </html>
bu sefer e-posta ekranı bu şekilde olmalı (karşılaşacağınız ekran kullandığınız e-posta yazılımına göre değişiklik gösterebilir).
Sonraki ders için tıklayınız...
|
|
|||||||||||||||||||||||||||||||||||||||||||||
Copyright © 2005 Uzerine.com
uzerine.com Ana Sayfa |
Gizlilik Sözleşmesi |
Üye Girişi