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

Hakkında Mehmet Kirazlı

İstanbul Eyüp’te ikamet ediyorum. Giresun Alucra’lıyım. Bilgisayar Mühendisi bölümünden 2013 yılında mezun oldum. “Yeni Başlayanlar için Java 8” kitabının yazarıyım. Şuanda özel bir firmada Mobil Yazılım Geliştirme Uzmanı olarak çalışıyorum.

İlginizi Çekebilir

html dersleri

Htmlde Tablo Oluşturmak

Tablolar,verilerimizi bölümler halinde görüntülemek için kullanılırlar.Htmlde tablo oluşturmak için kullanacağımız etiket <table>..</table> dir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir