Bağlantılar oluşturmak
a öğesi, göreli ve mutlak adresler, e-posta bağlantısı.
Tüm dersler · HTML dersleri: sıfırdan öğren
a elemanı
Bağlantı <a> elemanıyla oluşturulur, hedef adres href özniteliğine yazılır. Bağlantı metni hedefi anlatmalıdır: «buraya tıkla» değil, «fiyat listesini aç».
<a href="https://example.com/prices">Open the price list</a> <a href="https://example.com" target="_blank" rel="noopener">New tab</a>
target="_blank" bağlantıyı yeni sekmede açar; güvenlik için rel="noopener" ekle.
Mutlak ve göreli adres
Mutlak adres https:// ile başlar ve başka sitelere götürür. Göreli adres kendi sitendeki dosyayı geçerli sayfaya göre gösterir: about.html aynı klasörde, ../index.html bir üst klasörde, docs/guide.html alt klasörde.
<a href="about.html">About</a> <a href="../index.html">Home</a> <a href="docs/guide.html">Guide</a>
Bölüm, e-posta ve telefon bağlantıları
Aynı sayfada bölüme atlamak için elemana id ver ve #id ile bağla. mailto: e-posta uygulamasını, tel: arama uygulamasını açar.
<a href="#contact">Go to contact</a> ... <h2 id="contact">Contact</h2> <a href="mailto:hello@example.com">Write to us</a> <a href="tel:+994120000000">Call us</a>
- Bağlantı farklı bir dosyaya (PDF) götürüyorsa bunu metinde belirt.