html öne çıkan görsel

HTML Başlık Elementleri, Çizgi ve Yorumlar

Merhaba arkadaşlar, önceki yazımda Paragraf etiketleri ve format etiklerine bakmıştık. Bu yazımda da başlık elementleri, yatay çizgi oluşturma ve yorum satırı nasıl yapılır bunlar konumuz olacak.

Başlık Elementleri

HTML’de önem derecesine göre 6 tane başlık elementi bulunmaktadır. Bunlar <h1> ile başlar <h6> ile biter. En önemli ve büyük olacak <h1> ve en küçük ve en önemsiz olarak nitelendirilebilen <h6> elementidir. Şimdi bu başlık elementlerine tek tek kod olarak bakalım.

<html>
   <head>
      <title>İlk Sayfa</title>
   </head>
   <body>
      <h1>Bu başlık 1 numaralı başlık</h1>
      <h2>Bu başlık 2 numaralı başlık</h2>
      <h3>Bu başlık 3 numaralı başlık</h3>
      <h4>Bu başlık 4 numaralı başlık</h4>
      <h5>Bu başlık 5 numaralı başlık</h5>
      <h6>Bu başlık 6 numaralı başlık</h6>
   </body>
</html>

Bir de ekranda çıktısını görelim.

HTML başlık elementleri

Sayfanızda kalın veya büyük görünmesi için asla başlık elementleri kullanmayın. Başlık elementlerini sadece başlıklarda kullanmanızı öneriyorum. Eğer başlık elementlerini normal paragraf için kullanırsanız arama motorları başlık elementlerini incelerken algoritmalarına ters düşebilirsiniz.

Yatay Çizgi/Hortizonal Lines (hr) Elementi

Özellikle sayfaların en alt kısmında gördüğümüz bu düz çizgiyi <hr /> elementi ile yapabilirsiniz. Aynı <br /> etiketinde olduğu gibi kapatılmaz. Tarayıcılar <hr> şeklinde de çalışmaktadır.

Az önceki örneğimize ekleme yapıyorum.

 

<html>
   <head>
      <title>İlk Sayfa</title>
   </head>
   <body>
      <h1>Bu başlık 1 numaralı başlık</h1>
      <h2>Bu başlık 2 numaralı başlık</h2>
      <h3>Bu başlık 3 numaralı başlık</h3>
      <h4>Bu başlık 4 numaralı başlık</h4>
      <h5>Bu başlık 5 numaralı başlık</h5>
      <h6>Bu başlık 6 numaralı başlık</h6>
      <hr />
      <p>Bu da bir paragraftır</p>


   </body>
</html>

Ekran görüntümüz aşağıdaki gibi olacaktır.

hr elementi kullanımı

Yorum Satırı

Bazen kodlarınız hakkında bilgi amaçlı bir not eklemek istersiniz, ama bu notun kullanıcılar tarafından görünmesini istemiyorsanız bunu kullanıcılardan saklamak için yorum satırları kullanırız. Birçok programlama dilinde de bu yorum satırı bulunmaktadır. Her dilde farklı bir simge/ler ile yapılmaktadır.

HTML’ aynı yorum satırlarına izin vermektedir. Bunun için <!– Yorum –> etiketi kullanılır. Açılış etiketi ünlem işareti ile başlar fakat kapanış etiketinde ünlem bulunmamaktadır. Bu kısma dikkat etmeniz gerekmektedir. Diğer etiketlerle yaptığınız işlemi kapatmak için de yorum satırı kullanılabilir.

Örnek bir yorum satırı ekleyeceğim. Ekran çıktısını sizlere bırakıyorum.

<html>
   <head>
      <title>İlk Sayfa</title>
   </head>
   <body>
      <h1>Bu başlık 1 numaralı başlık</h1>
      <h2>Bu başlık 2 numaralı başlık</h2>
      <h3>Bu başlık 3 numaralı başlık</h3>
      <h4>Bu başlık 4 numaralı başlık</h4>
      <h5>Bu başlık 5 numaralı başlık</h5>
      <h6>Bu başlık 6 numaralı başlık</h6>
      <hr />
      <!-- <p>Bu da bir paragraftır</p>
Buralar da yorum. Kapandığı yere kadar tarayıcı göstermez.
-->

   </body>
</html>

Umarım anlaşılır olmuştur. Yavaş yavaş sizlerde bu anlattıklarımı ekleyerek kendi projenizi oluşturabilirsiniz.

Bunlara Göz Atmak İsteyebilirsiniz

Bir yanıt yazın

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