Body Etiketi Nedir ? Body Etiketi Kullanılırken Nelere Dikkat Edilir ?



Body Etiketi Nedir ?


Body etiketi arasında yazacağımız tüm etiketler ekrana görünecektir . 

Genel web dökümanı tasarımı yaparken <body> etiketleri arasında çalışacağız. Yani <body> etiketi bir html dosyanın en önemli kısmıdır .

Daha önceki makalelerimizde HTML sayfasının 2 ana bölümden oluştuğunu belirtmiştik .

Bu bölümler başlık be gövde kısımlarıdır . 

< Head > ve < Title > etiketleri HTML dökümanlarımızın başlık kısımlardır . 

<Body >  etiketi ise HTML dökümanlarımızın gövde kısmıdır . < Body > etiketinden sonra yazılacak olan tüm kodlar , yazılar HTML dökümanlarımızda , tarayıcımızda gözükecek olan alanlardır . 

< Body > Etiketi Nasıl Kullanılır ?

<html>
  <head>
    <title> Sayfamızın Başlığı </title>
  </head>

  <body>
   Web Dökümanımızın İçeriği ...
  </body>
</html>

Şimdi bunu bir de not defterinde kod yazarak görüntüleyelim . 

































Şimdi yazmış olduğumuz yazımızı kaydedip tarayıcımızda görüntüleyelim . 


Dilediğimiz kadar yazı yazarak tarayıcıda görüntülediğimiz de , kod alanında her ne kadar ENTER tuşuna basarak alt satıra geçmiş olsak ta yazılarımızı yan yana görürüz . 

Ayrıca Yazı tipimiz de Türkçe karaktere uygun olmadığını tarayıcımızda görmüş olduk . Title Etiketinin SEO için Önemi ve Meta Tagları adlı makalemizde meta taglarının öneminden bahsetmiştik . Şimdi öncelikle Türkçe yazı tipi uygunluğu için meta etiketi düzenleyip uygunluk sorunumuzu ortadan kaldıralım . 


Evet yukarıda ki çalışma ekranımızda dikkat ederseniz meta etiketi ekledik .  ve bu meta etiketi sonucunda Türkçe karakter uyumsuzluk sorunumuzu ortadan kaldırmış olduk . 

Kodumuzu yazdıktan sonra kaydediyoruz .


Tarayıcıda Türkçe karakterlerimizin kodlarımız sayesinde düzeltildiğini görüyoruz . 

İşte dümdüz yazılar yazmış olmak web sitesi oluşturmak değildir . 

Tam da bu yüzden kodlardan yardım alıyoruz . 

Şimdi sıra geldi yazılarımızın nasıl alt alta gözükeceğine . İlk alternafimiz paragraflardır . 

Paragraflar < p > etiketi sayesinde tanımlanırlar . 

P Etiketi Nasıl Kullanılır ?


< p >  Merhaba bu bir paragraftır . < / p >

Şimdi bunu uygulamalı olarak kod alanımızda görelim . 



Paragrafa ait kodlarımızı yazdıktan sonra HTML dökümanımızı kaydedidediyoruz .


Kayıt işlemini gerçekleştirdikten sonra tarayıcı HTML dökümanımızı görüntülediğimizde yazılarımızın istediğimiz biçimde yerleştirildiğini görüyoruz . 

Bana göre önemli bir hatırlatma yapmak istiyorum . Özellikle kod alanında düzenli çalışmayı sevenler bu özelliği sık kullanacaklardır . 

Kod ekranında paragraf yazarken yazılarımız hep sağa doğru kayacaktır . Bu durumu nasıl engelleyeceğimizi şimdi ekran resimlerimizle görelim . 


Ben cümlemi kopyalayıp birkaç kez aynı satıra yapıştırdım . Sonuç olarak ekranım sağa doğru kaymaya başladı . 

Şimdi de bu sorunu düzeltmek için Görünüm menüsünden Sözcük Kaydır komut seçeneğini seçelim . 


Komutumuz aktif hale geldiğinde yazılarımız ekranımız kadar alt alta kaydırılmış olacaktır .