İletişim listesi

İletişim bilgilerini sırasız liste ve mailto/tel bağlantılarıyla yazarsın.

İletişim listesi ekle

Sayfada isim ve ünvan hazır. Şimdi ziyaretçinin seninle iletişime geçmesi için bir iletişim listesi ekleyeceksin.

Bu liste bir <ul> içinde iki <li> olacak: e-posta bağlantısı (mailto:) ve telefon bağlantısı (tel:). Tıklayan ziyaretçi e-posta ya da telefon uygulamasını açar. Böylece kartvizit dijital olarak işlev görür.

mailto: ve tel: biçimleri

Bağlantıların href değeri yalnızca web adresi değil, farklı biçimlerde de başlayabilir:

mailto: — e-posta uygulamasını açar. Örnek: mailto:ayse@yilmazstudyo.com
tel: — telefon uygulamasını açar. Örnek: tel:+905551234567
https:// — harici bir web sitesine gider

Telefon numarasında ülke kodu (örnek +90) ile başlamak uluslararası aramada hataları önler.

Uygulama İletişim listesini ekle

Önceki adımın isim ve ünvan içeren body'sini al. <h2>'den sonra bir <ul> ekle. İçine iki <li> koy: birincisinde mailto: biçimli bir <a> (örnek ayse.yilmaz@yilmazstudyo.com), ikincisinde tel: biçimli bir <a> (örnek +905551234567).

Örnek çözümü göster

<!DOCTYPE html>
<html lang="tr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Ayşe Yılmaz - Kartvizit</title>
  </head>
  <body>
    <h1>Ayşe Yılmaz</h1>
    <h2>Grafik tasarımcı</h2>
    <ul>
      <li><a href="mailto:ayse.yilmaz@yilmazstudyo.com">E-posta</a></li>
      <li><a href="tel:+905551234567">Telefon</a></li>
    </ul>
  </body>
</html>

Kendini test et

E-posta bağlantısı için href değerinin başında ne olmalı?
- email:
- mailto:
- post:
- send:
Cevabı göster

mailto: — Doğru. mailto: biçimi e-posta uygulamasını açar.

Telefon bağlantısını tamamla

<a href="____">Telefon</a>

Cevabı göster

<a href="tel:+905551234567">Telefon</a>

Biçimi örneğiyle eşleştir

mailto:

E-posta bağlantısı
tel:

Telefon bağlantısı
https://

Harici web sitesi
#

Sayfa içi çapa

Sıradaki ders: Beceriler ve bağlantılar

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler