20-03-2021 Saat 13:56
HTML LİNK VERME NASIL YAPILIR?
Html de link verme <a> etiketi ile yapıyoruz. Link vermek istediğimiz metin, resim vb… şeyleri <a> etiketi içine alıyoruz. Örnek olarak aşağıdaki gibi…
Burada href attribute ile tıklanan linkin nereye gideceğini belirliyoruz. Örneğin “Link(url)” yerine https://webharikasi.com yazdığımızda bu siteye gidecektir. Örnek olarak
Bu link sitede görünüşü WebHarikasi şeklinde olacak ve tıklandığında siteye gidecektir. Link verdiğiniz metinler varsayılan olarak rengi mavi ve altı çizili şeklinde olur. Bunları CSS kodları ile değiştirebilirsiniz.
RESİMLERE NASIL LİNK VERİLDİĞİNİ ÖĞRENELİM.
Sitemizde resimlere de bu şekilde link verme işlemi yaparak istediğimiz şekilde yönlendirme yapabiliriz. Bu örnek de target attribute nü kullandık. target attribute ile açılmasını istediğimiz sayfanın nasıl açılmasını istediğimizi belirliyoruz.
Bu özellik web sitelerinde belirli bölümlere atlanmasına olanak sağlar. Genelde tek sayfalık sitelerde menu de bulunan hizmetlerimiz, hakkımızda, iletişim gibi menulere tıklanarak sayfadaki başlığa direk atlanması sağlanır.
Bu işlemi yaparken gitmek isteğimiz başlık veya herhangi bir yere yer imi oluşturmamız ve sonrasında da linki oluşturmamız gerekiyor. Örnek yer imi ve linki oluşturalım.
Burada html linki olarak oluşturduğumuz Works menu olduğunu varsayalım ve Works başlığını sayfanın herhangi bir yerinde olduğunu varsayalım. Works linkine tıkladığınızda h2 etiketine work id si ile ulaştığımızdan o başlığa gidecek.
Html de link verme <a> etiketi ile yapıyoruz. Link vermek istediğimiz metin, resim vb… şeyleri <a> etiketi içine alıyoruz. Örnek olarak aşağıdaki gibi…
Kod:
<a href="Link(url)"> Link vermek istediğimiz metin </a>Kod:
<a href="https://siteniz.com">WebHarikasi </a>RESİMLERE NASIL LİNK VERİLDİĞİNİ ÖĞRENELİM.
Kod:
<a href="siteniz.com>
<img src="resim url" alt="alternatif yazı">
</a>- “target” özelliği bağlantının açılacağı yeri belirtir. Bu özellikler aşağıdaki gibidir.
- _blank
Bağlantıyı yeni sekmede veya pencere açar.
YER İŞARETİ OLUŞTURMA- _self
Bağlantıyı aynı sekmede veya pencere açar. Varsayılan değerdir
- _parent
Bağlantıyı bir üst çerçevede açar.
- _top
Bağlantıyı pencerenin tüm gövdesinde açar.
Bu özellik web sitelerinde belirli bölümlere atlanmasına olanak sağlar. Genelde tek sayfalık sitelerde menu de bulunan hizmetlerimiz, hakkımızda, iletişim gibi menulere tıklanarak sayfadaki başlığa direk atlanması sağlanır.
Bu işlemi yaparken gitmek isteğimiz başlık veya herhangi bir yere yer imi oluşturmamız ve sonrasında da linki oluşturmamız gerekiyor. Örnek yer imi ve linki oluşturalım.
Kod:
<h2 id="work">Works</h2>Kod:
<a href="#work">Works</a>
