HTML Telefon Numarası Ekleme
HTML’de telefon numarası eklemek, web sitenizin ziyaretçilerinin sizinle iletişime geçmesini kolaylaştırmanın harika bir yoludur. Telefon numaranızı web sitenize eklemenin birkaç farklı yolu vardır ve bu makalede bu yöntemleri ayrıntılı olarak ele alacağız.
1. Telefon Numarasını Doğrudan HTML’ye Ekleme
Telefon numaranızı doğrudan HTML’ye eklemenin en basit yolu, <a> etiketini kullanmaktır. <a> etiketi, bir bağlantı oluşturmak için kullanılır ve telefon numaranızı bir bağlantıya dönüştürmek için kullanılabilir. Örneğin, aşağıdaki HTML kodu telefon numaranızı bir bağlantıya dönüştürecektir:
html
<a href="tel:+1234567890">1-234-567-890</a>
Bu kodu web sitenize eklediğinizde, ziyaretçiler telefon numaranıza tıklayarak doğrudan sizi arayabileceklerdir.
2. Telefon Numarasını Bir Görüntüye Ekleme
Telefon numaranızı bir görüntüye eklemek de mümkündür. Bunu yapmak için, öncelikle telefon numaranızı bir görüntü dosyasına dönüştürmeniz gerekir. Bunu, bir resim düzenleme programı kullanarak veya çevrimiçi bir araç kullanarak yapabilirsiniz.
Telefon numaranızı bir görüntü dosyasına dönüştürdükten sonra, aşağıdaki HTML kodunu kullanarak web sitenize ekleyebilirsiniz:
html
<img src="telefon-numarası.png" alt="Telefon Numarası">
Bu kodu web sitenize eklediğinizde, ziyaretçiler telefon numaranızı içeren bir görüntü göreceklerdir. Görüntüye tıkladıklarında, telefon numaranıza yönlendirileceklerdir.
3. Telefon Numarasını Bir Düğmeye Ekleme
Telefon numaranızı bir düğmeye eklemek de mümkündür. Bunu yapmak için, öncelikle aşağıdaki HTML kodunu kullanarak bir düğme oluşturmanız gerekir:
html
<button type="button">Telefon Numarası</button>
Daha sonra, aşağıdaki JavaScript kodunu kullanarak düğmeye bir tıklama olayı ekleyebilirsiniz:
javascript
document.querySelector('button').addEventListener('click', function() {
window.location.href = 'tel:+1234567890';
});
Bu kodu web sitenize eklediğinizde, ziyaretçiler düğmeye tıkladıklarında doğrudan sizi arayabileceklerdir.
4. Telefon Numarasını Bir Form Alanına Ekleme
Telefon numaranızı bir form alanına eklemek de mümkündür. Bunu yapmak için, öncelikle aşağıdaki HTML kodunu kullanarak bir form alanı oluşturmanız gerekir:
html
<input type="tel" name="telefon_numarası">
Daha sonra, aşağıdaki PHP kodunu kullanarak form alanından telefon numarasını alabilirsiniz:
php
$telefon_numarası = $_POST['telefon_numarası'];
Telefon numarasını aldıktan sonra, bunu bir veritabanına kaydedebilir veya bir e-posta adresine gönderebilirsiniz.