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 hizalarBu 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!