Web sitenize bir bağlantı ekleyin

Video: Veritabanı Bağlantısı Oluşturma #9 - HTML5 & CSS3 & PHP ile Baştan Sona Websitesi Projesi

İçerik

Adım atmak
Yöntem 1/2: Basit Bir Bağlantı
Yöntem 2/2: E-posta ve Bağlantı Ekleme
İpuçları
Gereklilikler

Genellikle "bağlantılar" olarak kısaltılan bağlantılar veya hiperlinkler, İnternetin ve özellikle web sitelerinin omurgasını oluşturur. Bağlantılar, kullanıcıların bir metin parçasına veya bir resme tıklamalarına izin verir ve bu da onları başka bir web sayfasına yönlendirir. Bu onları internetin ayrılmaz bir parçası yapar. Web sitenizin bir parçası olarak bir bağlantı oluşturmak çok az HTML kodu gerektirir. İşte size nasıl olduğunu gösteriyoruz.

Adım atmak

Yöntem 1/2: Basit Bir Bağlantı

Bağlantı olarak kullanmak istediğiniz metni oluşturun veya resmi yerleştirin. Bağlantılar, web sitenizin kodunu düzenlerken birkaç basit html etiketi ile oluşturulur. Ama önce etiketlerin içine ne koymak istediğinizi bilmek önemlidir. Bu metin, resim veya başka bir html öğesi olabilir, ancak burada yalnızca bir metin satırı kullanıyoruz.
Metnin etrafına iki etiket yerleştirin. Köprüler, biri kodu açmak ve diğeri kapatmak için olmak üzere iki basit etiketle gösterilir. Nitelikler olmadan bu henüz gerçekten yararlı değil, ancak bununla ilgili bir şeyler yapacağız.
- Bağlantınız şöyle görünebilir: Yeni web sitemi ziyaret etmek için burayı tıklayın.
Bağlantının nereye gittiğini belirtmek için "href" özelliğini ekleyin. "Href" özelliği, tarayıcıya, bağlantı tıklandığında kullanıcıyı nereye yönlendireceğini söyler. Bu özniteliğin ardından eşittir işareti ve ardından tırnak işaretleri içinde adres gelir.
- Yukarıdaki örnek şimdi şöyle görünmelidir: buraya tıklayın yeni web sitemi ziyaret etmek için.
- Bağlantının hedefi başka bir web sitesiyse, tam url'yi sağlamanız gerektiğini unutmayın (genellikle "http" ile başlar). Yalnızca sayfanın adı verilmişse, web sitesinin dizini içinde arandığı varsayılır.

Yöntem 2/2: E-posta ve Bağlantı Ekleme

Bir görüntüden bir bağlantı oluşturun. Bağlantı etiketlerinin içine bir resim etiketi ekleyerek bunu yapmak çok kolaydır. Resmin konumunun adresine ihtiyacınız olacak (yani, sunucunuzdaki veya başka birinin konumu). İşte bir resim bağlantısının nasıl görünebileceğine dair bir örnek:
- a href = "the_url_of_the_image.html"> img src = "resim.webp" /> / a>
"Mailto:" kullanarak bir e-posta bağlantısı oluşturun:’ protokol. Belirli bir adrese e-posta oluşturmak üzere bir bağlantı oluşturmak için "mailto:" kullanın ve bunu doğrudan kişinin e-posta adresinin önüne yerleştirin.
- Bir e-posta bağlantısı şöyle görünebilir: buraya tıklayın soru sormak veya yorum yapmak için.
Kolay başvuru için daha büyük bir web sayfasında bağlantılar oluşturun. Bir web sayfasının belirli bir bölümüne bağlanmanın bir yolunu arıyorsanız, bir bağlantı kullanın. Çapalar, içindekiler tablosu olan daha büyük sayfalar için çok kullanışlıdır; her bölüm veya bölüme içindekiler tablosuna bağlı bir bağlantı atanabilir. Bağlantılar, "ad" özniteliğiyle oluşturulur.
- Bir bağlantı oluşturmak için etiketi sayfada doğru yere ekleyin, örneğin: Bölüm 3 - HTML'de Bağlantıları Kullanma
- Yeni oluşturulan bağlantıya bağlanmak için # işaretini aşağıdaki gibi kullanın: # Bölüm 3'e Git

İpuçları

Bir web sitesi oluşturmak için herhangi bir özel yazılıma ihtiyacınız yoktur ve çoğu bilgisayarda varsayılan olarak doğru yazılım yüklüdür. Windows'taki Not Defteri / Not Defteri buna bir örnektir. Sadece kodları girin ve html olarak kaydedin. Pratikte bunun neye benzediğini görebilmek için, daha gelişmiş programlarda genellikle gerekli olmayan bir tarayıcıya ihtiyacınız vardır. Ek olarak, sözdizimi için kodu ve standartlara uygun olup olmadığını kontrol etme seçeneği yoktur.
Bağların rengini ve diğer özelliklerini değiştirmek için CSS stillerini kullanın.