Düğme HTML href ile ilgili temel sorun, düğmeyi farklı tarayıcılarda tutarlı görünecek şekilde biçimlendirmenin zor olabilmesidir. Ek olarak, href niteliğine sahip bir bağlantı etiketi kullanıldığında, bağlantı varsayılan olarak aynı pencerede açılır ve bu, belirli bağlantı türleri için istenmeyebilir. Son olarak, eğer href niteliği düzgün bir şekilde yapılandırılmamışsa, butona tıklamak bir hata sayfasına neden olabilir.
<button><a href="">Click Here</a></button>
1. Bu kod satırı, HTML'de bir düğme öğesi oluşturur.
2. Düğme öğesinin içinde, boş bir href özelliğine sahip bir bağlantı etiketi vardır.
3. Bağlantı etiketi “Buraya Tıklayın” metnini içerir.
HREF'un tanımı
HREF, Köprü Metni Referansı anlamına gelir ve bir köprüyü tanımlamak için kullanılan bir HTML özelliğidir. Aynı web sitesinde veya farklı bir web sitesinde bir sayfadan diğerine bağlantı vermek için kullanılır. HREF niteliği, bağlantının hedefini belirtir ve aşağıdakiler gibi diğer HTML öğeleriyle birlikte kullanılabilir: , , ve
Düğme HTML'sinde HREF kullanabilir miyim?
Hayır, HTML'de bir düğme öğesinde bir href özniteliği kullanmak mümkün değildir. Düğme öğesi, href özniteliğini desteklemiyor. Ancak, tıklandığında kullanıcıyı farklı bir sayfaya götürecek olan düğmeye bir tıklama olayı dinleyicisi eklemek için JavaScript'i kullanabilirsiniz.
Bir href'i düğme olarak nasıl şekillendirirsiniz?
Bir bağlantı etiketini HTML'de bir düğme olarak biçimlendirmek için aşağıdaki kodu kullanabilirsiniz:
Ardından, stil sayfanıza aşağıdaki CSS'yi ekleyin:
.düğme {
arka plan rengi: #4CAF50; /* Yeşil */
sınır: yok;
Beyaz renk;
padding: 15px 32px;
text-align: center;
metin dekorasyon: yok;
ekran: satır içi blok; yazı tipi boyutu: 16 piksel; kenar boşluğu: 4 piksel 2 piksel; imleç: işaretçi;}
