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;
|
1 2 3 4 5 6 7 8 9 |
<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:
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.
|
1 2 3 4 |
<body> Mehmet Kirazlı <br/> Web Sitesi </body> |
Yeni çıktımız :
<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/> etiketinin özelliklerini kullandığımız başka bir html sayfası yapalım ve çıktısını görelim
Çıktımızı görelim
|
1 2 3 4 5 6 7 8 9 10 |
<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;
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<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;
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;
|
1 2 3 4 5 6 7 8 9 |
<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;
