• Şuradasınız
  • Anasayfa
  • Html
  • Htmlde Temel Paragraf Etiketleri

Htmlde Temel Paragraf Etiketleri

Html sayfalarında <body> etiketlerinin olduğu kısma herhangi bir yazı yazıp alt satıra geçtiğimizde,alt satıra yazılan yazılar tarayıcıda alt satırda gözükmeyecek,önceki yazdığımız yazının yanında görüntülenecektir.Bunu engellemek için kullanacağımız etiket <br/> dir

Bunu bir örnek üzerinde anlatalım;

<html>
   <head>
      <title>Alt satıra geçme</title>
   </head>
   <body>
      Mehmet Kirazlı
      Web Sitesi
   </body>
</html>


Buradaki çıktımız aşağıdaki gibi olacaktır;


br-siz

 

Bunu engellemek için Web Sitesi yazısının başına <br/> etiketini getirdiğimizde alt alta yazacaktır.Değiştireceğimiz kısım sadece aşağıdaki bölümdür.

<body> Mehmet Kirazlı

<br/>

Web Sitesi

</body>

 Yeni çıktımız ;

Br

 

 

 

 

 

<br/> etiketinin yerine <hr/> etiketi kullanılabilir.Bunun tek farkı alt satıra geçerken ——  şeklinde çizgi koyulmasıdır.<hr/>etiketinin kendine has özellikleri vardır.Bunlardan bahsedersek;

width =>Çizginin genişliğini ayarlamak için kullanılır

align  =>Çizginin yataydaki konumunu belirlemek için kullanılır

color =>Çizginin rengi belirlenir

size    =>Çizginin kalınlığı ayarlanır

<br/> etiketinin yerine <hr/> etiketi koyduğumuzda çıktımız şu şekilde olacaktır;


hr etiketi

<hr/> etiketinin özelliklerini kullandığımız başka bir html sayfası yapalım ve çıktısını görelim

<html>
   <head>
     <title>Hr etiketini kullanma</title>
   </head>
   <body>
      Mehmet Kirazlı
      <hr color="green" size="10">
      Web Sitesi
   </body>
</html>

Çıktımızı görelim;

hr etiketi

Burada söyleyebileceğimiz bir başka etiket ise <p> etiketidir.Bu etiket sayfamızda paragraflar oluşturmamıza yarar.Bu etiketin </p>ile kapatılması gerekir.İkinci bir paragraf oluşturmak istersek kendisi otomatik olarak alt satıra geçer.

<p> kısmına <p align=”right”>yazarsak paragrafımız sağa dayalı olarak yazılır ve sayfanın en sağında yer alır.Bunu bir örnekle açıklayacak olursak;

<html>
   <head>
     <title>Paragraf oluşturma</title>
   </head>
   <body>
     <p>
     Paragraf 1
      </p>
     <p align="right">
     Paragraf 2
      </p>
   </body>
</html>

Çıktımız aşağıdaki gibi olacaktır;

 

sola_dayali
saga_dayali

 

Son olarak body etiketinin iki özelliğinden bahsedeceğim

Sayfaya başlarken yazdığımız <body> etiketinin bgcolor ve text özellikleri vardır.Bunlar > işareti kapanmadan önce yazılırlar.<body> etiketi sayfanın tümünü kapsadığı için yazdığımız özellikler bütün sayfada geçerlidir.Örnek olarak bgcolor özelliği sayfanın arkaplan rengini belirler.Text özelliği ise sayfadaki bütün yazıların rengini belirler

Kullanılışları ise şu şekildedir;

<html>
   <head>
      <title>arkaplan ve text özelliği</title>
   </head>
   <body bgcolor="orange" text="blue">
      Mehmet Kirazlı
      Web Sitesi
   </body>
</html>

Daha iyi anlaşılması açısından çıktımız aşağıdaki gibi olacaktır;

 

arkaplan

Benzer Yazılar

Henüz yorum yapılmamış

Yorum Yazın

Su elementleri kullanabilirsiniz : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Arama
RSS
Beni yukari isinla