Bağlantılar
Coddy'nin HTML Journey'sinin Fundamentals bölümünün bir parçası — ders 21 / 60.
HTML'de bir bağlantı (veya köprü), bir web sayfasını diğerine bağlayan bir öğedir.
Diğer web sayfalarına, dosyalara, aynı sayfa içindeki konumlara veya herhangi bir başka URL'ye bağlantılar oluşturabilirsiniz. Bağlantılar, "anchor" (çapa) anlamına gelen <a> etiketi kullanılarak oluşturulur.
HTML'de bağlantı oluşturmak için temel sözdizimi şöyledir:
<a href="url">Link text</a><a>: Açılış bağlantı etiketi.href: Bağlantının hedef URL'si.
Link text: Kullanıcıların göreceği ve tıklayacağı görünür metin.</a>: Kapanış bağlantı (anchor) etiketi.
İşte Google'ın ana sayfasına nasıl bağlantı oluşturulacağına dair bir örnek:
<a href="https://www.google.com">Visit Google</a>Bu örnekte, bir kullanıcı "Visit Google" metnine tıkladığında, https://www.google.com adresine yönlendirilecektir.
Görev
KolayAşağıdaki bağlantıları içeren bir HTML belgesi oluşturun:
- "https://coddy.tech" adresine giden ve "Visit Coddy" metnini görüntüleyen bir bağlantı.
- "https://www.google.com" adresine giden ve "Visit Google" metnini görüntüleyen bir bağlantı.
Bonus: bağlantılara tıklamayı deneyin!
Kopya kağıdı
HTML'deki bağlantılar, href özniteliği ile birlikte <a> (çapa) etiketi kullanılarak oluşturulur:
<a href="url">Link text</a>href: Hedef URLLink text: Görünür tıklanabilir metin
Örnek:
<a href="https://www.google.com">Visit Google</a>Kendin dene
<!DOCTYPE html>
<html>
<body>
<!-- Kodunuzu buraya yazın -->
</body>
</html>
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Fundamentals bölümündeki tüm dersler
1HTML Temelleri
HTML Nedir?HTML'in Temel YapısıEtiketler ve Elementlerİç İçe Geçirme ve Kapatma EtiketleriHTML'de Yorumlar7Kişisel Profil Sayfası
Projeye Genel BakışHeader Bölümü
Profil ResmiHakkımda BölümüSosyal Bağlantılar2Metin ve Biçimlendirme
BaşlıklarParagraflarSatır SonlarıKalın ve İtalik MetinYeniden Kalın ve İtalikÖzet - Biçimlendirme8Formlar ve Inputlar Bölüm 1
Form TemelleriMetin InputlarıInput ÖznitelikleriŞifre AlanıInputlar için EtiketlerÖzet - Temel Form11Etkinlik Kayıt Sayfası
Projeye Genel BakışHeader BölümüEtkinlik Detayları BölümüKayıt FormuFooter Bölümü9Formlar ve Girdiler Bölüm 2
Radyo DüğmeleriOnay KutularıAçılır MenülerButonlarFormlardaki ButonlarÖzet - Formlar #1Özet - Formlar #212Final Meydan Okumaları
Basit Profil KartıEtkinlik Davetiye KartıBasit Makale SayfasıFavori Kitaplar Listesi