HTML'de köprü nasıl eklenir? HTML'de köprü oluşturma ve kullanma

Köprü metni, diğer metne bağlantılar içeren metindir. Yabancı bir dilde metin içeriyorsa, yazarın karmaşık tanımlarla ilgili notları veya kitabın sayfasının altındaki çevirmen dipnotları buna bir örnektir. İnternet siteleri, bir sayfadan diğerine, sayfanın kendi içinde ve ayrıca tek bir konuyla ilgili olmayan kaynaklar arasında karmaşık bir köprü metni geçiş sistemidir. Bu yapı pratiktir, çok zaman kazandırır, ziyaretçinin gerekli bilgileri hızlı bir şekilde bulmasını ve çok sayıda geçişte kaybolmamasını sağlar.

Köprü ekleme

HTML'de, bir köprü eklemek için bir tanımlayıcı (etiket) kullanılır. , doğru yere eklenir. Köprünün kendisi bir metin yapısı olduğundan, genellikle metnin arasına yerleştirilir. Ancak bağlantılar aynı zamanda grafiktir (simgeler, düğmeler, resimler); daha fazla tartışılacaklar. Bir web sayfasındaki konumları metinle sınırlı değildir, site yaratıcısının tasarım kararına bağlıdır.

google ana sayfası

Bu, etiketi kullanılarak yapılan bir HTML belgesine köprü eklemenin bir örneğidir. . Site ziyaretçisi, çevreleyen metnin renginden farklı altı çizili bir metin görecek (HTML bağlantısının rengi herhangi biri olabilir), "Google ana sayfası", tıklanması onu Google arama motorunun ana sayfasına götürecektir. Köprü metninin, geçişin nereye yapılacağına ilişkin bilgileri içermesi gerektiğine dikkat edilmelidir. Bu ilke takip edilmeli ve kural olarak kabul edilmelidir!

etiket yapısı ...

etiketine sahip olduğunu görebilirsiniz. - çift: bitiş etiketi gerekli.

href özelliği etiketi, bağlantının amacını belirtir.

https://google.com/- nitelik değeri Gezinilecek kaynağın URL'sini içeren A. Çift veya tek tırnak içine alınır. HTML kurallarına göre etiket iç içe yapısına bağlıdır.

google ana sayfası

tüm bu yapı denir eleman web belgesi.

HTML kurallarına göre, bazı öğeler başka öğeler içerebilir. Etiket bir istisna değil. Bir programcının Google kelimesini kalın harflerle vurgulaması gerekiyorsa, bu, etiket yerleştirme sırasını gözlemleyerek genel metin biçimlendirme kurallarına göre bir etiket kullanılarak yapılır. Web yöneticisinin HTML'de hatasız bir köprü oluşturmayı bilmesi gerekir, aksi takdirde çalışmazlar. Bozuk bağlantılara bilgisayar argosunda "kırık" bağlantılar denir.

ana Sayfa Google

Burada: eleman

ana Sayfa Google

iç içe geçmiş bir öğe içerir

Google

Mutlak köprüler

protokol://alan adı/dosya yolu

Amerika'da yaygın olarak kullanılan bir arama motorunun adresine bir örnek: https://aol.com - mutlak, çünkü alan adı.com'u içerir.

Mutlak köprüler, diğer sitelerin sayfalarına gitmek veya başka bir sunucuda bulunan kaynaklara erişmek için kullanılır. Geçiş, İnternet protokolleri kullanılarak gerçekleştirilir. Protokoller bu makalenin konusu değildir, ancak köprülerin oluşturulmasında rol oynadıkları için en azından kısaca bahsetmek gerekir:

• http Ve https- en genel; farklı sitelerin internet sayfaları arasında gezinirler;
• ftp- sunucuya dosya yüklemek veya siteden kullanıcı tarafından indirmek için protokol;
• postayla kişisel postaya girmeden doğrudan siteden e-posta gönderen bir posta protokolü.

Özel amaçlar için (gopher, telnet) oldukça nadir olan ve kullanımı programlama veya sistem yönetimi konusunda özel bilgi gerektiren birkaç protokol daha vardır.

Göreceli köprüler

Göreceli adreslemede, HTML'de köprülerin kullanılması kaynak içinde gezinmeye hizmet eder ve kaynağın ötesine geçmez. Sayfa o kadar büyükse, örneğin sözlüklerde olduğu gibi bazen çok uzun olan dikey bir kaydırma çubuğu çalışacak kadar büyükse, istenen harfe hızlı bir şekilde atlamak için göreli bağlantıların kullanılması çok uygundur ve tavsiye edilir.

Bir İnternet sözlüğü oluştururken, programcı alfabeyi sayfanın başına yerleştirir ve bağlantıların kullanımı olmasaydı, kullanıcının "I" harfine ulaşmak için fare tekerleğini çok uzun süre kaydırması gerekirdi. ”.

ı harfine git

Nerede evet isminde Çapa, A ı harfine git- çapa hedefi. Çapaların doğru gösterimi için Latin harflerinin ve rakamlarının kullanılması tavsiye edilir, bu nedenle bu şekilde daha net olsa da "I" yazmamalısınız.

Şimdi, sayfanın başındaki alfabeden "I" harfine geçiş yapmak için, HTML belgesinin "I" harfiyle başlayan kelimelerin yerine çapa tutturmanız gerekir:

ı harfi

çapadan önce, harfe geçişin çalışmadığı bir pound işareti vardır.

Bir site oluştururken göreli adresleme

Bir programcı tarafından bir web sitesi oluşturmak için en uygun ve en genel kabul görmüş algoritma:

• bilgisayarda bir klasör oluşturmak ve kolaylık sağlamak için onu hızlı erişim konumuna yerleştirmek;
• bu klasörde oluşturma main ;
• ikincil web sayfalarının oluşturulması (index.html/page2);
• ve içine grafik dosyalarının yerleştirilmesi;
• bir klasör oluşturmak ve içine başka nesneler yerleştirmek (örneğin indirilecek dosyalar);
• siteyi içerikle doldurmak;
• site dosyalarının barındırmaya yerleştirilmesi.

Sitenin öğeleri arasında bağlantı kurmak için kesinlikle bağlantıları kullanmanız gerekecek ve aynı sitedeki başka bir sayfaya HTML'de nasıl köprü ekleneceğini bilmek çok kullanışlı olacaktır. Site dosyaları aynı dizinde, aynı sunucuda ise mutlak adreslemeye gerek yoktur. Site dosyaları hostinge aktarılırken objeler arasındaki bağlantı korunacaktır çünkü onlar da hosting üzerinde aynı dizine yerleştirilecektir.

Diyelim ki bir programcı index.html sitesinin başka bir sayfaya bağlantı içeren ana sayfasını, img.png resmiyle süslenmiş page2.html'yi oluşturdu. Ardından, bu görüntünün göreli yolu şöyle görünecektir:

resim

İpucu: Bu konuyu öğrenirken, basit bir metin düzenleyici kullanmak en iyisidir, çünkü atlama adreslerini doğru bir şekilde yazmak için bir ustalık kazanmanız ve diğer insanların kodlarını anlamayı öğrenmeniz gerekir. Bu aşamada not defterine yazılmış bir hyperlink hatasız güzel bir sonuç olacaktır,HTML bunları affetmez ve hata verir.

Köprüleri takip etmenin yolları

Varsayılan olarak, kullanıcı bir köprüyü tıkladığında geçerli tarayıcı penceresinde yeni bir sayfa açılır. Ancak bir web programcısı varsayılan değeri değiştirebilir ve sayfayı örneğin yeni bir pencerede açmaya zorlayabilir. Bunun için bir nitelik var. hedef belirli bir anlamla. Bu en iyi şekilde bir tablo ile ifade edilebilir.

Nitelik uygulamak için sözdizimi hedef:

google ana sayfası

Google ana sayfası yeni bir pencerede açılacaktır.

Not: sayfaları yeni bir sekmede açmak için bu öznitelik için değer yoktur, ancak kullanıcı tarafından tarayıcı ayarlarında belirlenir.

Köprü rengi

Deneyimli bir İnternet kullanıcısı, köprülerin renginin çevreleyen metinden farklı olduğunu ve genellikle mavi olduklarını zamanla fark etmiş olmalıdır. İzlediği ve ardından bir önceki sayfaya döndüğü bağlantılar mora döner. HTML'de standart olmayan renklerde hiper bağlantıların kullanılması biraz, ancak siteyi diğerlerinden farklı kılıyor.

Etiketteki bağlantıların renklerini ayarlayın HTML renginin rgb sisteminde (#00FF00) göründüğü veya doğrudan renk adının ("yeşil") gösterildiği nitelikler ve değerleri kullanılarak. Bağlantılar için üç tür öznitelik vardır:

• link - ziyaret edilmemiş bir linkin rengini ayarlar;
• vlink - kullanıcının zaten takip ettiği bağlantının rengini ayarlar;
• alink - başka bir sayfaya geçerken bağlantının rengini ayarlar. Bu hızlı bir şekilde gerçekleşir, bu nedenle bu etkiyi yakalamak her zaman mümkün değildir.

İşaretleme örneği:

Bu nitelikleri bir etikete uygularsanız , o web belgesindeki bağlantılar koyu mavi, ziyaret edilen bağlantılar mor ve aktif bağlantılar turuncu-kırmızı olacaktır.

Grafik köprüler

Web tasarımının ilerlemesi ve gelişimi, HTML'de bir görüntü olarak nasıl köprü ekleneceğini bilmeyi zorunlu kılar. Resmin hedef sayfanın içeriğiyle eşleşmesi gerektiği açıktır. Örneğin, şifalı bitkilerle ilgili bir sitenin ana sayfası, kullanıcının bitkinin tıbbi özelliklerini açıklayan bir sayfaya yönlendirileceği üzerine tıklandığında, bitki fotoğrafları şeklinde sunulabilir.

Yaygın olarak kullanılan bir yöntem, statik düğmeleri değiştirmektir ( ) bir web tasarımcısı tarafından grafik editörlerinde (GIMP, Photoshop) oluşturulan güzel grafiklere.

Grafikleri site sayfalarına köprü olarak eklemek için aynı sözdizimi kullanılır, ancak metin yerine HTML kurallarına göre bir resim ekleme etiketi kullanılır:

Alternatif metin, genişlik, yükseklik ve diğerlerini belirleme nitelikleri aynı şekilde uygulanır.

siteden aramalar

Html5 standardı, İnternet kullanmanın işlevselliğini genişletti ve artık yalnızca telefonunuzdan değil, doğrudan siteden arama yapabilirsiniz. Bu amaçla bir HTML belgesinde köprüler de kullanabilirsiniz ve bunlar şu sözdizimine sahiptir:

...abone...

“Abone” kelimesi yerine, telefon rehberinde olduğu gibi arayanın anlayabileceği bir kişi reçete edilir. Ayrıca bir grafik dosyası (abonenin fotoğrafı) yerleştirebilirsiniz.

Siteden arama yapılabilmesi için sadece abonenin telefon numarasına link verilmesi değil ayrıca bilgisayarda kulaklık (mikrofon,kulaklık) kurulu olması gerekmektedir.VoIP programı, internet hızının 0.5'i geçmesi gerekmektedir. Mb / sn. Aramalar için ödeme, trafik tüketimi ile gerçekleştirilir. Bu nedenle, İnternet sınırsızsa aramalar ücretsizdir.

Hiper bağlantı etiği

İnternete bir site yerleştirirken, web yöneticisi HTML'de ne tür köprülerin bulunduğunu bilmeli ve bunları yalnızca doğru ve profesyonel bir şekilde uygulamakla kalmamalı, aynı zamanda aşağıdaki hükümlere de uymalıdır:

• Köprü, çevreleyen metinden farklı olarak açıkça görülebilmelidir. Kullanıcı bunun bir köprü olduğunu bilmelidir.
• Bağlantıya tıklayarak nereye gideceği kullanıcı için net olmalıdır. Bunu yapmak için başka bir özellik kullanmanız önerilir. başlık, geçiş sayfasını kısaca açıklar. Bir nitelik uygulamak için sözdizimi şöyledir:

Yandex

• Kullanıcı, bağlantıya tıkladığında indirilecek dosya hakkında doğru bilgiler almalıdır.

Yanlış sayfaya gelen veya yanlış dosyayı indiren kullanıcı, vakaların% 99'unda siteyi hemen terk edecek ve gelecekte siteyi asla ziyaret etmeyecektir.

Köprü oluştururken Anti-Seo

HTML'de köprü nasıl eklenir sorusunun teknik yönüne ek olarak, ahlaki yönü de vurgulanmalıdır. Güvenlik programları (antivirüs) ve hatta devlet tarafından kullanıcıların erişiminin engellendiği birçok site vardır. Bunlar dürüst olmayan web programcıları tarafından oluşturulmuş sitelerdir.

Başvurdukları hilelerden biri de web sayfasına "görünmez" köprüler yerleştirmektir. Dolandırıcılar, HTML'de köprü oluşturmayı bilirler ve bağlantının altını çizen nitelikleri kaldırmak ve onu çevreleyen metnin rengini ortalama bir kullanıcının görmemesi için ona atamak için öznitelikleri kullanırlar. Ve diğer web teknolojisi araçlarının (CSS, JavaScript, PHP) yardımıyla davranışlarını programlayabilirsiniz. Örneğin, JavaScript OnMouseOver olayı, bir web sayfası öğesinde bir eylem başlatır. Bir kullanıcı görünmez bir bağlantıyı kaydırdığında, başka bir sitedeki bir reklam sayfasına yönlendirilir. Ya da daha da kötüsü, dosyaya görünmez bir bağlantı olduğunda ve gereksiz yazılımlar bilgisayarına indirilip yüklenmeye başladığında. Bunlar genellikle tarayıcının ana sayfasını değiştiren, sabit diski bir yığın programla dolduran vb. virüslerdir.

Yakında bu tür siteler virüs veritabanları, güvenlik sistemleri ve İnternet kullanıcıları tarafından kara listeye alınacak. Bu tür siteler uzun ömürlü değildir ve adlarını değiştirmek, İnternet üzerinden sonsuz bir şekilde taşınmak, barındırma sağlayıcılarını değiştirmek zorunda kalırlar. Bu, yaratıcısının her zaman uğraştığı sitenin tanıtımına katkıda bulunmaz, onu asla örneğin sosyal ağlar gibi bir mega portal yapmaz. Diğer şeylerin yanı sıra, bu tür hileler, bu eylemlerden etkilenen insanlarda birçok olumsuz duyguya neden olur.