HTML'ye, bir etikete ve özniteliklere bağlantı ekleme

  1. Bağlantı etiketi <a> ve özellikleri
  2. Dosyayı indirmek için bir bağlantı nasıl yapılır
  3. Göreceli ve mutlak bağlantılar, farkları

Merhaba, Uspei.com sitesinin sayın okurları. Bu kısa derste, bağlantı kurma teknolojisini öğrenmek için zamanımız olacak. Html'de bir link eklemek için, koda girelim. sayfamızın ve "http://www.howtocorp.com/typepilot" metnini bulun. 73 tane belge satırım var. Bu dosyayı açarak bizim metin editörü Notepad ++ .

Dizine geri dön ↑

Bağlantı etiketi <a> ve özellikleri

Şimdi, bu metinden önce, bağlantıyı oluşturan <a> etiketini açın. Bu bir çift etiketidir, bu yüzden etiketi bağlantının bizimle bittiği yerde kapatmalıyız.

<a> http://www.howtocorp.com/typepilot </a>

Şimdi <a> etiketinin özelliklerini kaydetmemiz gerekiyor, çünkü onlar olmadan tarayıcı bağlantımızın ne yapması gerektiğini anlamıyor. Link - href için gerekli olan ilk niteliği kaydedin . Bu, bağlantının ana özelliğidir. Bu bağlantının nereye gittiğini gösterir. Bizim durumumuzda, link http://www.howtocorp.com/typepilot sitesine yönlendirir. Bu nedenle, bunu href niteliği için reçete ediyoruz.

<a href="http://www.howtocorp.com/typepilotince http://www.howtocorp.com/typepilot </a>

Şimdi tarayıcıda ne yaptığımızı görelim.

Gördüğümüz gibi, metin bir bağlantıya dönüştü. Bu bağlantıya tıkladığınızda, tamamen farklı bir sayfa yükleyecektir. Ve sayfamız yerine yüklenecek, dikkat! Her zaman uygun değildir, çünkü Başka bir siteye bağlantıyı izleyen bir ziyaretçiyi kaybedebilirsiniz. Bu nedenle, bağlantılar için bir hedef niteliği vardır. Bu bağlantının yeni bir pencerede açılmasını istiyorsak, değeri boş olarak ayarlamamız gerekir.

<a href="http://www.howtocorp.com/typepilot express_==_blueface> http://www.howtocorp.com/typepilot </a>

Bu bizim bağlantımızın kodunun nasıl görüneceğidir. Sayfamızı tarayıcıda yenilersek, linke tıklamanın sayfamızın açık kalmasını ve linkteki sayfanın başka bir sekmede veya pencerede açılacağını göreceğiz.

Ve bağlantının diğer bir özelliği, hemen hemen her etiketle kullanılabilecek evrensel başlık özelliğidir. Bu özellik ipucundan sorumludur. Kullanıcıya bu bağlantının nereye yönlendirileceğini sormak genellikle gerekli olur. Bağlantı, bağlantının üzerine geldiğinizde ucu açmanız gerekir. Bağlantımız için bu niteliği yazalım.

<a href=eshttp://www.howtocorp.com/typepilot “target= ”_blank büyüleyici title=tР türü

Şimdi tarayıcıda yayınlandığımızı kaydedip doğrulayacağız. Bu yüzden, fare imlecini bağlantının üzerine getirdiğinizde bir ipucumuz var.

Dizine geri dön ↑

Dosyayı indirmek için bir bağlantı nasıl yapılır

Ve şimdi bize dosya indirme yeteneği verecek bağlantılar oluşturmayı öğrenelim. Bunun için bir dosyaya ihtiyacımız var. Örneğin, bu dosyayı indirebilirsiniz. Dosya indirilmezse ve yeni bir sekmede açılırsa, farenin sağ düğmesine tıklayın ve "farklı kaydet" düğmesine tıklayın.


Time.pdf sayfasına bağlantı

Bu makaleyi pdf formatında indirmek için aşağıdaki linke bakalım. Ama önce dosyalarımız için ayrı bir dizin oluşturalım ve dosyalara ad verelim. Bu klasöre time.pdf dosyamızı yerleştiriyoruz.

Bundan sonra, dosyamızı kodla ve en alttaki <body> etiketini kapatmadan önce bir paragraf oluşturun:

<p> Bu makaleyi pdf formatında indir </ p>

Dosyamızı kaydedelim ve bir paragrafın görünüp görünmediğini kontrol edelim.

Bir paragraf ortaya çıktı ve şimdi görevimiz bu paragrafı dosya indirmeye bir link yapmak. Bunu yapmak için <a> etiketine bir paragraf ekledik . Bir etiket için, href niteliğini ve bunun için sayfanın bağlantısını değil, belirli bir dosyanın bağlantısını belirtiriz.

<p> <a href="files/time.pdf services> Bu makaleyi pdf formatında indirin </a> </ p>

Şimdi, dosyamızı kaydedip çalışmalarını tarayıcıda kontrol edersek, bağlantıyı tıkladığımızda dosyayı indirmeye başlayacağız.

Dizine geri dön ↑

Göreceli ve mutlak bağlantılar, farkları

Bu durumda, göreceli bir bağlantıya, yani Elimizdeki bağlantı index.html belgesine göredir.

Şimdi mutlak bir bağlantı örneği verelim. Size böyle bir bağlantıyla, sitenin başından başlayarak yolun tamamen gösterildiğini hatırlatmama izin verin. örnek:

<a href="http://www.howtocorp.com/typepilot> Buraya tıklayın </a>

Bu linkte yol site ismi ile başlayıp ardından klasör ile belirtilir. Bu bağlantıya tıklamak, bu sitede bulunan index.html dosyasını yükleyecektir. Bu durumda, elbette, klasör adından sonra belirli bir sayfayı belirtmek mümkündü. Hatırlanması gereken en önemli şey, mutlak bağlantının siteyle başlaması ve dosyanın veya klasörün tam yolunu belirlemesidir.

Bu nedenle, html belgesinde bağlantılar oluşturma işlemini inceledik, <a> etiketinin özniteliklerini ele aldık ve ayrıca yalnızca diğer sayfalara değil, belirli bir dosyayı indirmek için nasıl bağlantılar oluşturulacağını da öğrendik. Biraz sonra tartışacağız sitenizi en üste çıkarmak için nasıl bağlantılar kullanılır .



Yakında görüşürüz! Uspei.com blog sayfalarında her şeyi yapın ve her zaman

Projeye yardım et - Yandex.DZen kanalımıza abone olun!