Neden?
Bağlantılar, kullanıcıyı doğru içeriğe götüren web sayfası yollarıdır.

Ne öğreneceğiz?
Bu derste  Harici, göreli ve sayfa içi bağlantıları  öğreneceğiz.

Nasıl ilerleyeceğiz?
Önce kavramın amacını düşün. Ardından aşağıdaki örneği kendin yaz. Kodu kaydet, tarayıcıda aç ve küçük bir değişiklik yaparak sonucu gözlemle.

 Öğrenme kuralı:  Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.

Derse başlamadan önce kendini yokla

• Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?
  
• Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?
  
• Uygulamayı kendi fikrimle nasıl değiştirebilirim?

Ders sonunda kontrol

• Kodu kendim, bakmadan tekrar yazabildim mi?
  
• Tarayıcıda sonucu test ettim mi?
  
• Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?

Ders hedefi
Harici web sitelerine, aynı klasördeki sayfalara ve sayfa içindeki bölümlere bağlantı verebileceksiniz.

Bağlantı oluşturmak için <a> etiketi kullanılır:

Yeni sekmede açılan bağlantı için target="_blank" kullanılabilir. Güvenlik açısından bu kullanımda rel="noopener" eklemek iyi bir uygulamadır:

Aynı klasörde bulunan bir sayfaya göreli bağlantı verilir:

Alt klasördeki sayfaya ulaşmak için klasör adını yazabilirsiniz:

Sayfa içinde belirli bir bölüme gitmek için hedef elemente id verilir:

E-posta ve telefon bağlantıları da oluşturulabilir: