html başlık arşivleri - Mehmet Kirazlı https://www.mehmetkirazli.com/tag/html-baslik/ Yazılımcı Notları Fri, 06 Apr 2018 12:02:06 +0000 tr hourly 1 https://wordpress.org/?v=6.1.10 https://www.mehmetkirazli.com/wp-content/uploads/2018/04/mehmetkirazlilogo.png html başlık arşivleri - Mehmet Kirazlı https://www.mehmetkirazli.com/tag/html-baslik/ 32 32 Htmlde Temel Paragraf Etiketleri https://www.mehmetkirazli.com/htmlde-temel-paragraf-etiketleri/ https://www.mehmetkirazli.com/htmlde-temel-paragraf-etiketleri/#respond Sat, 03 Mar 2012 09:03:35 +0000 http://www.mehmetkirazli.com/?p=612 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; [crayon-69b391ceca84c704375386/] Buradaki çıktımız aşağıdaki gibi olacaktır: Bunu engellemek için Web Sitesi yazısının başına <br/> etiketini getirdiğimizde alt alta …

The post Htmlde Temel Paragraf Etiketleri appeared first on Mehmet Kirazlı.

]]> 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

Çıktımızı görelim

hr etiketi

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

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

The post Htmlde Temel Paragraf Etiketleri appeared first on Mehmet Kirazlı.

]]> https://www.mehmetkirazli.com/htmlde-temel-paragraf-etiketleri/feed/ 0