Merhaba arkadaşlar bu yazımızda çok kullanılan HTML etiketlerini ele alacağız. Daha sonra Html etiketleri kullanarak uygulamalar yaparız.
Başlık Elementleri
Başlık elementleri 6 tanedir. İngilizce head’den gelmektedir.
<h1>En Büyük Başlık Elementi</h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6>En Küçük Başlık Elementi</h6>
Paragraf Elementleri
<p> ve <pre> etiketlerini sayabiliriz. <p> etiketi ile yazdığınızda 10 satır da yazsanız tek satır olarak yazar. <pre> etiketi ile alt alta ya da etiket içerisinde nasıl yazarsanız sayfada o şekilde gösterilmektedir.
<p>Paragraf Etiketi</p> <pre> Paragraf Etiketi Nasıl Yazarsam o şekilde çıktı verir... </pre>
Link Etiketi
<a> harfi ile ifade edilir fakat ama gidilmek istenen href anahtar kelimesi ile verilmektedir. Buradaki https ifadesi önemlidir. yerel bilgisayarda bir yere ulaşmak için de link etiketi kullanılmaktadır.
<a href="https://www.muhammeddincer.com" >Buraya Tıkla</a>
Görsel Etiketi
<img> etiketi kullanılır. Burada ise görselin kaynağı(source) önemlidir. Kaynak vermek için src anahtar kelimesi kullanılmaktadır.
<img src="https://www.muhammeddincer.com/wp-content/uploads/2019/03/xamarin-740x416.jpg"> <img src="C:\Users\DNCR\gorselornek.jpg">
Burada da hem online bir kaynak hem yerel bir kaynak verilebilir.
Tablo Etiketleri
Tablo <table> etiketi ile oluşturulur ama satır ve sütunları ayrı ayrı oluşturmak gerekmektedir. Satırlar <tr> ile sütunlar ise <td> ile oluşturulur. Tablo arasında çizgiler olsun diye kenarlık(border) ekliyoruz.
<table border="2px"> <tr> <td>Birinci Satır Birinci Sütun</td> <td>Birinci Satır İkinci Sütun</td> </tr> <tr> <td>İkinci Satır Birinci Sütun</td> <td>İkinci Satır İkinci Sütun</td> </tr> </table>
Alt Satıra Geçme Etiketi
Alt satıra geçmek için <br/> etiketi kullanılır. Çok kullanılmaktadır.
Düz Çizgi Etiketi
<hr/> etiketi ile sayfa altına düz bir çizgi çekebilirsiniz.
Kalın Yazı Etiketi
İngilizce strong‘dan gelen <strong> etiketi ile ve İngilizce bold‘dan gelen <b> etiketi kullanılmaktadır.
<strong>İçerisindeki İfadeleri Kalın Yazar</strong> <b>Strong ile aynı görevi görmektedir.</b>
İtalik Yazı Etiketi
<em>Bu araya yazılanlar eğik olarak ekrana gelir.</em>
Umarım faydalı olmuştur. Bundan sonraki yazılarda bu etiketleri kullanarak çeşitli örnekler hazırlamaya çalışacağım.