HTML Basit Etiketler

Bilimin Rengi

Ne Öğreneceğiz :::

1. Yorum satırını,
2. Paragraf etiketini,
3. Başlık etiketlerini,
4. a etiketini,
5. img etiketini ÖĞRENECEĞİZ.

Hatırlayacağımız gibi HTML etiketlerden oluşmaktaydı. Bir etiket iki bölümden oluşmaktadır:

1. Açılış Etiketi: <etiketimizinismi>
2. Kapanış Etiketi: </etiketimizinismi>

Belirttiğim gibi etiketler küçüktür (<) ve büyüktür (>) işaretleri arasına yazılarak açılış etiketi yazılır. Kapanış etiketi ise küçüktür (<) işaretinden sonra ek olarak bölü (/) işareti konur. Bu etiketler arasına ise istenirse yine etiket yazılabilir. Böylece kodlarımızı bunların içine yazabiliriz. HTML'nin basit etiketleri olarak adlandırdığımız etiketleri aşağıda gösterdik:::

<!-- --> Yorum Satırı

HTML'de kod yazarken aralara yorum yazmak isteriz. Bunu HTML'de yorum satırı ile yapabiliriz.

Örnek:::

<!--İstediğimiz yorumu
İstediğimiz kadar yazabiliriz.-->

<p> Etiketi

Paragraf etiketidir. Bu etiket sayesinde paragraflar yazabiliriz.

Örnek:::

<p>Benim HTML'deki ilk paragrafım.</p>
<p>Buda ikinci paragraf sayılır.</p>

<h1>, <h2>, <h3>, <h4>, <h5>, <h5>, <h6> Etiketleri:

Bunlar başlık etiketleridir. Bu etiketler sayesinde Başlıklarımızı kolayca düzenleyebiliriz. Bu etiketler 1'den 6'ya kadardır. Bu sıralama yazü büyüklüğü sıralamasıdır. 1'den 6'ya doğru gidildikçe yazı küçülüyor.

Örnek:::

<h1>En Büyük Başlık (h1 Başlığı)</h1>
<h2>h2 Başlığı</h2>
<h3>h3 Başlığı</h3>
<h4>h4 Başlığı</h4>
<h5>h5 Başlığı</h5>
<h6>En Küçük Başlık (h6 Başlığı)</h6>

<a> Etiketi

a etiketi, bir bağlantı (link) veya bağlantı verilebilecek bir çapa oluşturmasına yarar. Çapa, sayfa içinde belirtilen bölgeye gitmesini sağlar.

Örnek:::

<!--Önce sayfa içinde istediğimiz yere çapa 
ismini belirtiyoruz.--> 
<a name="sayfabasi"></a>
<!--Biz bunu bu sayfanın en başına yazdık.
Daha sonra çapamızın bağlantısını 
oluşturuyoruz.-->
<a href="#sayfabasi">Sayfabaşı</a>
<!--Ve bağlantı hazır sayfabaşı'na 
tıkladığınızda sizi sayfanın basına götürecektir.-->

Sayfabaşı

<img> Etiketi

Bu etiket sayesinde sayfamıza resim yükleyebiliriz. Ayrıca yüklediğimiz resmin boyutunu da düzenleyebiliriz. Şimdi bunun kullanımı için örneğimizi inceleyiniz.

Örnek:::

<!--
<img src="resmimiz.png" --Burada resmimizin konumunu 
belirliyoruz.--
alt="Örnek Resim" --İmleç üzerine gelince oluşacak 
metin.--
align="center" --Resmin konumunu belirliyoruz.--
width="600" height="100"> --Resmin hangi boyutlarda olacağını 
belirliyoruz.--

-->

<!--Aşağıdaki kod ile istediğimiz resmi sayfamıza yükleyebiliriz.-->

<img src="resmimiz.png" alt="Örnek Resim" align="center" 
width="600" height="100">

Bu etiketleri videolar ile izlemek istiyorsanızTIKLAYIN.

Sonuç Olarak:::

HTML etiketlerden oluşur.
Yorum satırı ile kodlardaki karmaşıklık giderilir.
Paragraf, başlık gibi temel bileşenler HTML'de var.
Yazılara bağlantı verilebilir.
Ve güzel resimler ekleyebiliriz.