HTML'de Yazı Hizalama (Align) Kullanımı (1 kişi okuyor)

Hakan Alan · 6 Ocak 2025

HTML'de Yazı Hizalama (Align) Kullanımı

HTML'de <p> etiketi ile metin hizalamak için align özelliğini kullanabilirsiniz. Bu özellik, yazının sola, ortaya veya sağa hizalanmasını sağlar.

Yazıyı Sola Hizalama

Metni sola hizalamak için aşağıdaki kodu kullanabilirsiniz:

HTML:

<p align="left">Bu metin sola hizalanmıştır.</p> 👉 Metin ekranın sol tarafına yaslanır.

Yazıyı Ortalamak

Metni ortalamak için aşağıdaki kodu kullanabilirsiniz:

HTML:

<p align="center">Bu metin ortalanmıştır.</p> 👉 Metin, ekranın yatay olarak tam ortasında görüntülenir.]

Yazıyı Sağa Hizalama

Metni sağa hizalamak için aşağıdaki kodu kullanabilirsiniz:

HTML:

<p align="right">Bu metin sağa hizalanmıştır.</p> 👉 Metin ekranın sağ tarafına yaslanır.

HTML:

<html>
<head>
<title> WF İle <a title="Web Tasarım" href=rel="nofollow">Web Tasarım</a></title>
</head>
<body>
<p align="left"> WF.TR Yazımız Sola Yaslanmış</p>
<p align="center"> WF.TR Yazımız Ortalanmış Durumda</p>
<p align="right"> WF.TR Yazımız Sağa Yaslanmış</p>
</body>
</html>

Modern HTML'de CSS ile Hizalama

HTML5 ile birlikte align özelliği önerilmez, bunun yerine CSS kullanılır. İşte CSS ile hizalama yöntemleri:

HTML:

<p style="text-align: left;">Bu metin sola hizalanmıştır.</p> text-align: left → Sola hizalar
<p style="text-align: center;">Bu metin ortalanmıştır.</p>  text-align: center → Ortalar
<p style="text-align: right;">Bu metin sağa hizalanmıştır.</p> text-align: right → Sağa hizalar

Bu yöntemle HTML kodlarınız daha temiz ve güncel standartlara uygun olacaktır.

Daha fazla HTML ve CSS dersi için takipte kalın!

HTML'de Yazı Hizalama (Align) Kullanımı (1 kişi okuyor)

Hakan Alan

Forum Maceracısı