HTML Link – HTML Eğitimi – Web Uygulama Geliştirme

HTML bağlantısının internetin omurgası olduğunu söylersem, bu yanlış değil. HTML’deki bağlantı sizi bir sayfadan diğerine ve bir web sitesine başka bir web sitesine taşımaktan sorumludur. Örneğin https://www.google.com alalım. Anahtar kelimeler ararken Google, anahtar kelimelerinizle ilgili verilere sahip başka bir web sitesine bağlantı verir. Şimdi, HTML bağlantısının yardımıyla buraya ve orada hareket ettiğini görüyor musunuz? Aynı şekilde, Facebook zaman çizelgeniz örneğini ele alalım. Sizi gönderi veya sayfaya veya gruba götüren bir sayfaya veya yayın bağlantısını tıklattığınızda. Dolayısıyla bağlantı bu şekilde internet genelinde önemli bir rol oynar. Ve HTML bağlantı yapısı düşündüğünüzden daha basittir.
HTML bağlantısı nasıl yaparım? HTML bağlantısı etiketi ile başlar ve bu etiket arasındaki herhangi bir şeyin etiketi ile biter bağlantının etiketidir. Etiket bağlantıları Örneğin buraya tıklayın. Yani buraya tıklayın, etiket bağlantısıdır. Href = “” gitmek için bir bağlantı sağladığınız yerdir. HREF hipermetin referansları anlamına gelir. Aşağıdaki basit bağlantıya bakalım. Google web sitesine bağlı olacak Google’a gidelim. Yani href = “” Bağlantının ayrılacağı bir referans sağlayabilirsiniz. Ayrıca aşağıda yerel bir bağlantımız var.
HTML bağlantısındaki hedef öznitelik, tarayıcıya bu bağlantının yeni bir pencerede veya yeni bir sekmede açık olması gerektiğini söylemek istediğinizde kullanılır. Hedef özelliğini tanımlamazsanız = “” o zaman varsayılan davranış benliktir. Bu, bağlantının şu anda olduğunuzla aynı pencerede veya sekmede açılacağı anlamına gelir. Hedef öznitelik aşağıdaki değerlerden birine sahip olabilir: _blank – belgeyi yeni pencerede veya sekmede açın
_SFENS – Aynı belgeyi tıklananla aynı pencerede/sekmede açma (bu varsayılan)
_Parent – Belgeyi üst çerçevede açmak
_top – Belgeyi pencerenin tüm gövdesine açma
Framename – Bir çerçevede bağlantılı belgeyi açma
Aynı sekmede açmak yerine yeni sekmede bir bağlantı açan bir örnek görelim. Bu teknik, sayfanızda başka bir siteye bir bağlantı sağladığınızda kullanılır. Ve kullanıcıların web sitenizde kalmasını istiyorsunuz, böylece yeni bir sekmede bir bağlantı açmak, sitenizin hala başka bir sekmede açık olduğundan emin olacak.
facebook html link özniteliğindeki başlık özellikleri başlık = “” HTML bağlantısındaki bağlantının sadece başlığıdır. .Örneğin, ziyaretçiler imleci HTML bağlantınıza yönlendirdiklerinde ona bir şey söylemek istersiniz.= “” Başlıkını kullanabilirsiniz.Bu nedenle kullanıcı bağlantıyı yönlendirdiğinde, başlık bağlantının altında küçük bir etiket olarak görünür.Bkz.<a href="https://www.linkedin.com/" title=" html'de html'de bağlantı türleri var HTML’de birkaç bağlantı türü var ve pratik yapmanız gerekiyor Her türlü HTML bağlantısıyla kendinizi rahat ettirin. HTML’de Tautan’a e -posta gönderin
HTML’de telefon bağlantısı
HTML’deki harici satır bağlantısı
HTML’deki yerel bağlantı
HTML’deki e -posta bağlantıları HTML’de e -posta bağlantıları sağlamak için yalnızca Mailto’yu kullanmanız gerekir: ve e -posta adresiniz href = “” özniteliğindedir.Her tarayıcının Mailto bağlantısı için farklı bir davranışı vardır: E -posta bağlantısı tarayıcınızda çalışmıyorsa.Lütfen tarayıcı ayarlarınızı kontrol edin.Aşağıdaki HTML örneğindeki e -posta bağlantısına bakalım. bize e -posta html’deki telefon bağlantısı bir e -posta bağlantısı ile aynı, ayrıca href = “” .HTML href = “” özniteliğindeki telefon bağlantısı Tel: ve numaranızdır.Her tarayıcının telefon bağlantılarında davranmanın farklı bir yolu vardır.Bilgisayarların çoğu, telefon bağlantıları Skype veya telefonla işleyen diğer uygulamalarda açılacaktır.Öte yandan telefon, içinde yazılan numara olan bir kadran pedi açacaktır.HTML’deki bir telefon bağlantısı örneğine bakalım.
<a href="tel:1231231234" title="click bizi arayın harici yol veya mutlak bağlantı harici yol veya mutlak bağlantı, yolda tam bir referans veya URL olan bir bağlantıdır. URL Protokol ile tamamlanmış https: // veya http: // başlangıçta harici veya mutlak bir yol olarak kabul edilir. HTML’deki mutlak bağlantılar hakkında daha fazla bilgi için makalemizi kontrol edin. Farklı web sitelerine harici yol örnekleri. Aşağıdaki örnek, gidilecek yola tam bir URL verir. google Benzer web sitesi sayfaları için mutlak yollar veya mutlak bağlantılar veya harici yol bağlantıları da kullanabilirsiniz. Üzerinde çalıştığınız web sitesinde bir url var https://www.webfulcreations.com/ ve iç sayfa hizmet/böylece URL gibi oluşturulabilir. Hizmetlerimiz Hasarlı bir bağlantı olasılığı mutlak yolda çok nadirdir. Çünkü kullanıcıyı yönlendirdiğiniz tüm yolu verirsiniz.
Yerel bağlantılar veya göreli bağlantılar veya dahili yerel bağlantılar veya göreli bağlantılar, iç sayfalar veya resimler ve diğer kaynaklarla ilgili bağlantılardır. Göreceli bağlantıda href = “” özelliğine tam bir yol vermezsiniz. Yalnızca konum sağlarsınız. Göreli bağlantılar hakkında daha fazla bilgi okumak için. Aynı dosya klasörüyle bağlantılı olduğunuzda aynı dosya klasörüyle bağlantılar çok basittir, çok basittir . Sadece href = “” özelliğinde bir ad dosyası verirsiniz ve bağlantı yapılır. Aşağıdaki örneğe bakın. Örnek, bir bağlantı oluşturduğunuzda aynı klasörde olan Aboutus.html dosyasıyla bir bağlantı oluşturmaktır. Dosya. Geçerli dosyanız. O zaman yalnızca klasörün adını ve dosya adını her ikisini de ayıracaksınız. Hizmet. Ve bağlantı aşağıdaki gibi olacak Bu. ilk hizmet Şimdi, kaç klasör olursa olsun bir klasöre nasıl girileceğini biliyorsunuz. Her klasör adını girip / işaretle ayırmanız yeterlidir.
HTML bağlantı klasörüne geri dönersek, klasörü göreceli bağlantınızla girdiyseniz, ancak şimdi yerel bir HTML bağlantısıyla önceki klasöre dönmek istersiniz? Bu durumda kullanacaksınız …/ Double Dotes önceki klasöre dönmeyi söyler. 2 klasör iade etmeniz gerekiyorsa …/ ../ iki kez kullanacaksınız. HTML bağlantısıyla dizine dönme örneğine bakalım. Kullanacağınız iç dizinin ana dizinine geri dönmek istediğinizi söyleyebilirsiniz …/ HTML bağlantısına dönmek için. Dizin yapısı karmaşıksa her zaman mutlak yolu kullanabilirsiniz. HTML orada ve dosyayı takın. Egzersiz sizi HTML dosya yolu ile mükemmel hale getirecektir. Dizin yapısını hatırlayın ve bu dosya sonsuza dek sizinle kalacaktır. Modern web sitelerinde de çok karmaşık yollar vardır. HTML’deki aynı sayfaya bir bağlantı yapın Bazen aynı sayfadaki farklı bir bölüme bağlantı vermeniz gerekir. Örneğin, birkaç parçalı bir öğretici yazarsanız ve aynı sayfa hakkında bir içerik tablosu sağlamak istiyorsanız. İçindekiler aynı sayfadaki farklı bölümlere bağlanacaktır. Bu nedenle, aynı sayfadaki farklı parçalara bağlantı vermek çok basittir.
Bu yöntem aynı sayfada yukarı veya aşağı gitmek için de kullanılır. İlk olarak, tanınabilmesi için özelliği kendi tarafınıza verin. Kimliğin tekrarlanamayacağını unutmayın, web sayfalarında benzersizdir. Bu nedenle, web sayfalarınızdaki çatışmaları önlemek için her zaman benzersiz bir kimlik kullanın. Aşağıdaki bölüm örneğine bakalım.

Hikayemiz

Bu bizim hikaye metnimiz
zirveye git Daha sonra bölümü bağlamak için, bağlantının # ve adını kullanın, kullanıcıyı bu bölüme getirecektir. Yukarıdaki bölümde H2 etiketine hikaye kimliğimizi verdim. Aynı sayfada bu bölümle nasıl bağlantı kurulur. Hikayemiz Aynı şekilde üst ve alt bağlantıları da yapabilirsiniz. Yukarıdaki örnekte olduğu gibi, hikaye bölümümüz de üste bir bağlantı verir. Ve üst, web sayfasının en üstünde Id = “Top” ile tanımlanacaktır. Farklı bir sayfadaki parçalara bağlantı vermek için başka bir sayfanın bölümüne bağlantı verin, önce bu sayfada bölüme benzersiz bir kimlik ekleyin. Örneğin, Aboutas.html’de hikayemizin bir parçası var. Hikaye kimliğimizi verebileceğimizi. Kimliğin boşluğu olamaz.

Hikayemiz

Bu bizim hikaye metnimiz
Şimdi sayfa üzerindeki bağlantıları Aşağıdaki bağlantıyı kullandığımız hikaye bölümü için. Hakkımızdaki hikayemize gidin Hepsi HTML bağlantısı için, HTML bağlantısı hakkında bilmeniz gereken her şeyi tartıştım. Lütfen aşağıdaki öğretici videoyu izleyin, abone olmayı ve yorum yapmayı unutmayın.