Bağlantılar

Coddy'nin HTML Journey'sinin Temeller 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.

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önlendirilir.

Görev

Kolay

Aşağıdaki bağlantıları içeren bir HTML belgesi oluştur:

"https://coddy.tech" adresine yönlendiren ve "Visit Coddy" metnini görüntüleyen bir bağlantı.
"https://www.google.com" adresine yönlendiren ve "Visit Google" metnini görüntüleyen bir bağlantı.

Bonus: bağlantılara tıklamayı dene!

Kendin dene

<!DOCTYPE html>
<html>
    <body>
        <!-- Kodunuzu buraya yazın -->
    </body>
</html>

Kendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Temeller bölümündeki tüm dersler

1HTML Temelleri

HTML Nedir?HTML'in Temel Yapısı Etiketler ve Elementler İç İçe Geçirme ve Kapatma Etiketleri HTML'de Yorumlar

4Tarif Kartı

Projeye Genel Bakış Tarif Başlığı ve Açıklaması

Malzemeler

Adımlar

7Kişisel Profil Sayfası

Projeye Genel Bakış Header Bölümü

Profil Resmi

Hakkımda Bölümü

Sosyal Bağlantılar

10Tablolar

Tablo Temelleri Başlık Ekleme Satır ve Sütun Birleştirme Özet - Tablolar

2Metin ve Biçimlendirme

Başlıklar Paragraflar Satır Sonları Kalın ve İtalik Metin Yeniden Kalın ve İtalik Özet - Biçimlendirme

5İçerik Ekleme

HTML ÖznitelikleriBağlantılarYeni Sayfa Bağlantıları Görseller Görsel Öznitelikleri

8Formlar ve Inputlar Bölüm 1

Form Temelleri Metin Inputları Input Öznitelikleri Şifre Alanı Inputlar için Etiketler Özet - Temel Form

11Etkinlik Kayıt Sayfası

Projeye Genel Bakış Header Bölümü

Etkinlik Detayları Bölümü

Kayıt Formu

Footer Bölümü

3Listelerle Çalışma

Sırasız Liste Sıralı Liste İç İçe Listeler Özet - Listeler

6Sayfa Düzeni

Bölümler Satır İçi Span'ler Semantik Etiketler Section ve Article Etiketleri Özet - Düzen

9Formlar ve Girdiler Bölüm 2

Radyo Düğmeleri Onay Kutuları Açılır Menüler Butonlar Formlardaki Butonlar Özet - Formlar #1 Özet - Formlar #2

12Final Meydan Okumaları

Basit Profil Kartı Etkinlik Davetiye Kartı Basit Makale Sayfası Favori Kitaplar Listesi

Kendi başına pratik yap: Web playground