HTML Nasıl Sabitlenir

İçindekiler:

HTML Nasıl Sabitlenir
HTML Nasıl Sabitlenir

Video: HTML Nasıl Sabitlenir

Video: HTML Nasıl Sabitlenir
Video: HTML5 - Sayfada CSS Kodları Kullanmak - 05 | HTML Dersleri 2024, Mayıs
Anonim

Sitenizdeki makalelerin liste öğeleri arasında uygun bir geçişe sahip olmasını istiyorsanız, sitedeki çapa çok kullanışlıdır. Sayfayı istenilen noktaya çevirerek veya istenilen sayfayı açarak kullanıcının ihtiyaç duyduğu bilgiyi hızlı bir şekilde bulmasına yardımcı olurlar.

HTML nasıl sabitlenir
HTML nasıl sabitlenir

Kendi sitenizi yazıyorsanız, site navigasyonunuzu nasıl daha rahat hale getirebileceğinizi düşünmeliydiniz. Kullanıcının sitenizin tüm sayfaları arasında ihtiyacı olan bilgiyi aramasına gerek kalmaması için "anchor" tekniğini kullanmak en iyisidir. Sitenizin herhangi bir yerindeki herhangi bir bilgi veya belgeye bir bağlantı oluşturacaktır.

teori

Bir çapa oluşturmak için iki öğeye ihtiyacınız vardır:

  • Kodun bağlantımızın bağlantısını gösteren kısmı sitenin başka bir bölümünde kaldı.
  • Kodun bir tanımlayıcının belirtilebileceği herhangi bir kısmı bizim çapamızdır.

İlk önce çapanın ilk bölümünü oluşturmanız gerekir - ona bir bağlantı. Bir bağlantı bağlantısının iki bölümü vardır: bir sayfa bağlantısı ve bir bağlantı bağlantısı.

  1. Bir "a" etiketi veya "href" niteliğini destekleyen başka bir etiket oluşturun
  2. Bu etikette "href" niteliğini oluşturun
  3. Öznitelik değerinde site sayfasına bir bağlantı belirtin.
  4. Bağlantıdan sonra, bağlantının bağlantısını "#" sembolünü ve bağlantı için herhangi bir ad kullanarak belirtin (birlikte yazılır, örneğin: "#çapa")

3. noktayı atlarsanız ve site sayfasına bir bağlantı belirtmezseniz, bağlantı geçerli sayfada aranacaktır. Diğer bir deyişle, aynı sayfada bulunan bir bağlantıya bağlantı oluşturmak istiyorsanız, sayfanın kendisine olan bağlantıyı atlayabilirsiniz.

Bağlantının ikinci bölümünü - tanımlayıcıyı oluşturmak için kalır. id niteliğini destekleyen site kodundaki herhangi bir etiketi ifade eder. Bir çapa oluşturmak için şunlara ihtiyacınız vardır:

  1. Gerekli etikette bir "id" özelliği oluşturun.
  2. "id" özniteliğinde, önceki adımda belirtilen bağlantı adının değerini belirtin. (misal:)

Bu iki adımdan sonra, sitede sizi belirtilen bağlantıya götürecek bir bağlantı belirir.

Uygulama

Belirli bir örnek kullanarak nasıl çapa oluşturulacağını düşünelim.

Bunun gibi basit bir sayfamız var:

resim
resim

Sayfanın üstünde ve altında metinler var, metinler arasında boşluk yaratan çok sayıda "br" etiketi var. Alttaki metne hızlıca bakabilmemiz için bir çapa oluşturmamız gerekiyor.

Bunu yapmak için yeni bir etiket oluşturun - "üstteki metin" yazıtından sonra "a". İçinde "href" niteliğini oluşturuyoruz. Bağlantıyı daha uygun hale getirmek için bağlantıya "aşağı" yazacağız.

resim
resim

Şimdi öznitelikte "#yakor" değerini belirtiyoruz - bu, çapa adına bir bağlantı olacaktır.

resim
resim

Bağlantının ilk kısmı - bağlantı - hazır. Şimdi geriye kalan tek şey çapanın kendisini yaratmak. Sayfanın istenilen kısmına geçiyoruz. Bu durumda, "alttaki metin" dir. Bu etiketsiz basit bir metin olduğundan, onu oluşturmamız gerekiyor. Bunu yapmak için, metni bir "paragraf" - "p" etiketi içine alın.

Bu etikette "id" niteliğini oluşturuyoruz ve buna "yakor" değerini giriyoruz. "Yakor" değeri, bağlantıda belirtilen bağlantı adıyla eşleşir.

resim
resim

Şimdi çapamız olması gerektiği gibi çalışıyor.

Önerilen: