İ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