Çok Kullanılan HTML Etiketleri

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.

 

Bunlara Göz Atmak İsteyebilirsiniz

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir