HTML Elemanları ve Biçimlendirmeler

Merhabalar, mobilhanem.com için hazırladığım HTML5, CSS3 eğitim setine hoşgeldiniz.  Bu dersimizde html elemanları ve biçimlendirmeleri  öğrenmeye çalışacağız.

Biçimlendirmeleri kullanarak ekranda çıkacak yazılara kalınlık, yana yaslanma, üstü veya altı çizme gibi birçok özellik tanımlayacağız. Ayrıca font biçimlendirmelerine de göz atacağız. Font biçimlendirmeleriyle yazılarımıza renk, boyut ve yazı tipi özellikleri tanımlayacağız.

HTML elementlerine geçmeden önce bir önceki dersimizde öğrendiğimiz temel html etiketlerini yazarak sayfamızı oluşturalım.

index.html adında bir dosya açıp, aşağıdaki kodları yazıyoruz.

Yorum Etiketi (<!– –>)

<!– –> bu etiket kodlarımız arasında yorumlar bırakmamıza olanak sağlar. Sayfa görünümüne herhangi bir etkisi yoktur. Sadece kod kısmında yeşil renkte görünür.

Paragraf Etiketi (p)

Önceki dersimizde de öğrendiğimiz üzere, sayfa içinde paragraflar oluşturmamızı sağlar. Varsayılan olarak kapsayıcının ekranın %100’ünü kapsar.  CSS ile bu genişlik değiştirilebilir.

H etiketleri (h1, h2…,h6)

H etiketini genel olarak başlıklarda kullanırız. Html’nin özel etiketlerinden biridir. Varsayılan olarak h1 ile h6 arasında boyut farklılıkları vardır. Yukarıdaki kodları denediğinizde h1’in en büyük h6’nında en küçük boyutta olacağını göreceksiniz.

Satır Etiketi (<br/>)

<br/> etiketi yazının veya etiketin bir alt satıra geçmesini sağlar.

Biçimlendirmeler

EtiketAnlamı
<b>Kalın yazmak.
<i>Sağa yatık (italik) yazmak.
<u>Altı çizili yazmak.
<del>Üstü çizili yazmak.
<sup>Üs yazmak.
<sub>Alt hizada yazı yazmak.
<big>Büyük yazı.
<small>Küçük yazı.

Yukarıdaki etiketleri kullanarak, yazıları biçimlendirebiliyoruz.  Örnek olarak

Şeklinde bu etiketleri kullanabiliriz.

Font Biçimlendirmeleri

Ayrıca yukarıdaki font biçimlendirmelerini kullanarak yazılarımızın yazı tipini, boyutunu, rengini değiştirebiliriz.

Bu dersimizde html elemanlarını, yazı ve font biçimlendirmelerini öğrendik. Bir sonraki html dersimizde görüşmek üzere hoş çakalın..

Mobilhanem’e özel indirim ile birlikte 24.99 TL‘ye Sıfırdan Web Tasarım: HTML5, CSS3 ve Bootstrap 4 Eğitim Setini şimdi satın alabilirsiniz!

Tüm HTML / CSS  Dersleri için tıklayınız.

Şaban Koparal

CBÜ Bilgisayar Mühendisliği & Back-End Developer

Yorum Yaz

Haftalık Bülten

Mobilhanem'de yayınlanan dersleri haftalık mail almak ister misiniz?