Bağlama; Ekrandaki sayfada bir metin veya resme tıkladığımızda başka bir şey açmaktan başka bir şey yoktur. Bağlantı tek bir şekilde yapılsa da, açılacak içerik web sitesi, resim, pdf, kelime belgesi, video ve ses dosyası gibi unsurlar olabilir.

Bu makalede, farklı bir içerik olmasına rağmen makaleye nasıl bağlanacağını, resme nasıl bağlanacağını ve ofis (kelime, powerpoint) belgesinde nasıl bağlanacağını öğreneceksiniz. Başlıkları sıralarsak, metnin içeriği aşağıdaki başlıkları içerir.

HTML Bağlama

Bildiğiniz gibi bir web sitesi birkaç sayfadan oluşuyor. Bir sayfadan diğerine nasıl geçersiniz? Tabii linkleri kullanarak! Dolayısıyla, sayfalarımız arasında nasıl bağlantı kuracağımız bu bölümü yapmayı öğreneceğimiz şeydir.

Sanırım hepiniz bir bağlantının ne olduğunu az çok biliyorsunuz: başka bir sayfaya gitmek için tıklayabileceğiniz bir metin olarak da düşünmek mümkün. Diğer sayfalarda olduğu gibi, başka bir siteye veya sayfaya bağlantı vermek mümkündür.

HTML ile bağlantı için etiketler ... d.

bağlantının başlaması gerektiğini ve bağlantının nerede bittiğini gösterir. Bu ikisi arasındaki her şey bir bağlantı olarak çalışacaktır.

Hangi linke gideceğinizi belirlemek için href = "http://www.yazilimkodlama.com/" özniteliğe bağlantı yazılır. Bağlantı, bir web sitesi, web sayfası, resim, pdf, video vb. Olabilir. Dosyalar.

Çıktı:

html bağlantısı

html bağlantısı

Makale Bağlantısı

Yukarıdaki örnekte bahsedilse de, çabucak tekrarlarsak ile Etiketler arasında yazılan her şey bir bağlantı olarak gösterilir.

Bu yüzden Ekranda görünmesini istediğiniz içerik şeklinde ekranda görünmesini istediğiniz içeriği bağlantı.

Aşağıdaki örnekte yazılım kodlaması makaleye bağlantı.

makaleye bağlantı

makaleye bağlantı

Görüntü Bağlama

Makaleye bağlanma yöntemi için, ekranda gösterilen bir resme bağlamak mümkündür. Resimleri ekranda göstermek için kullanılır a olarak etiketle ... etiketi, geçerli resim bağlantı olacaktır.

Numune: Logo.png adlı bir dosyaya, bağlantı verilecek sayfayla aynı dizinde olduğumuzu varsayalım. Logo.png resmine tıkladığınızda, yazılım kodlama sayfasını açmak için böyle bir kod yazmalıyız.

Sayfayı yeni bir sekmede açmak istiyorsanız, hedef niteliği de eklemelisiniz. Eklersek kodumuz böyle değişecektir.

Çıktı:

bir resme bağlantı

bir resme bağlantı

Başka Bir Sayfaya / Siteye Bağlanma

Bağlantı için kullanıyoruz etiket href = "http://www.yazilimkodlama.com/" Bir web sitesine veya web sitesinin bir sayfasına bağlantı sağlarsak, ilgili sayfa veya site açılır.

Numune: Aşağıdaki örnekler, google'a, contact.html adlı bir sayfaya ve sırasıyla image.jpg adlı bir resme bağlanmıştır.

Çıktı:

bağlama

bağlama

Bir PDF Dosyasına Bağlanma

Ayrıca mevcut bağlantı etiketiyle bir PDF dosyasını açabilir veya indirebilirsiniz. Bunu yapmak için, PDF dosyasının tam adını ve yolunu yazmalısınız, href = ”pdfpath”. Tarayıcıyı açmak yerine mevcut PDF dosyasını indirmek için indirme özelliğini kullanmalısınız. Aşağıdaki ikinci örnek, PDF dosyasını açmak yerine indirme işlemini yapıyor.

pdf link verme - pdf indir

pdf link verme – pdf indir

Sayfa içi Div bağlantısı

Geçerli sayfadaki bir div veya başka bir etikete bağlanmak için, bağlanacak sayfa adlandırılmalıdır. Adına div veya etikette bir tane var İD değer verilmelidir. Bu id değerine bağlantı # bir bağlantı ile.

Aşağıdaki örnekte ilahi olana gitmek için # box1 etiket.

Daha gelişmiş bir örnek için, aşağıdaki kodu bir metin düzenleyiciye kopyalayıp yapıştırın ve test edin.

Office Programında Bağlama

Bağlantı genellikle HTML ile ilgili olsa da, Word ve PowerPoint gibi ofis programlarına bağlanmak mümkündür. Aşağıdaki resimlerde size Word'deki bir gönderiye nasıl bağlanacağınızı göstereceğim.

Word Programını açtıktan sonra, link olmak istediğiniz metni veya resmi seçin, ardından Ekle sekmesindeki linke tıklayın. Link ekle

http://www.yazilimkodlama.com/

Ardından, açılan panelden bağlamak istediğiniz sayfanın adresini aşağıdaki gibi yazın ve Tamam düğmesini tıklayın. Sadece web sayfalarına değil aynı zamanda başka bir dosyaya, resme veya video dosyasına da bağlanmak mümkündür.

http://www.yazilimkodlama.com/

Ayrıca başka bir dosyaya bağlanmak için dosyaya göz at seçeneğini tıklayabilir ve dosyayı bilgisayarınızdan seçip işaretleyebilirsiniz.

http://www.yazilimkodlama.com/

Bağlantı konusu HTML ile ilgili olsa da, bu makalede, HTML dosyasındaki çeşitli bağlantı senaryolarının yanı sıra ofis programında nasıl bağlantı kuracağımızı inceledik. Bağlama ile ilgili tüm olası senaryolar işlenirse, ancak gözden kaçan bir nokta varsa, aşağıda yorum yapabilirsiniz.