ana_sayfa / html5 / linkler-ve-gorseller
</> HTML5 📊 Orta ⏱ 20 dk 📋 2 Kod Örneği

Linkler ve Görseller

<a> etiket ile bağlantı oluşturma ve <img>etiket ile görsel ekleme.

Web'in temeli bağlantılardır. a etiketi sayfalar arasında geçiş sağlar, img etiketi görsel ekler.

href ve src Nedir?

href (Hypertext Reference) linkin gideceği adresi, src (Source) görselin kaynağını belirtir.

target="_blank" Ne İşe Yarar?

Linkin yeni sekmede açılmasını sağlar. Dış sitelere link verirken kullanılır.

HTML Linkler — Dil: HTML
<!-- Aynı sitede başka sayfaya git -->
<a href="hakkimda.html">Hakkımda</a>

<!-- Dış siteye yeni sekmede git -->
<a href="https://google.com" target="_blank">Google'a Git</a>

<!-- Sayfada bir bölüme atla -->
<a href="#iletisim">İletişime Git</a>

<!-- Mail aç -->
<a href="mailto:furkan@gmail.com">Mail Gönder</a>

<!-- Telefon ara -->
<a href="tel:+905001234567">Ara</a>
CANLI ÖNİZLEME
  • #iletisim sayfadaki id="iletisim" olan elemana atlar.
HTML Görseller — Dil: HTML
<!-- Yerel görsel -->
<img src="resim.jpg" alt="Açıklama metni" width="300">

<!-- İnternetten görsel -->
<img src="https://site.com/foto.jpg" alt="Fotoğraf">

<!-- Tıklanabilir görsel -->
<a href="https://google.com">
    <img src="logo.png" alt="Google Logo">
</a>
CANLI ÖNİZLEME
  • alt metni görsel yüklenemezse gösterilir ve SEO için zorunludur.
← Önceki Ders
HTML Nedir? İlk Web Sayfam
Sonraki Ders →
Listeler