Html Yazı ve Resim Ortalama Kodu

Bu makalemizde HTML yazı ve resim ortalama ile ilgili bilgilerimizi paylaşacağız. Özellikle bu işe yeni başlayan webmaster adayı arkadaşlarımızın öğrenmesi gereken konulardan bir tanesi resimleri, yazıları ortalama konusudur. HTML’de bunları size uygulamalı olarak göstereceğiz. Öncelikli olarak bir metin’imiz var ve bunu nasıl ortalayabiliriz bunu size gösterelim.

Herşeyi ortalamak: <center> kodumuzun içine altığımız herşey ortalanacaktır. Bu kod Html5 standartlarına uyumlu olmadığı için günümüzde pek kullanılmamakta. Örnek uygulama şu şekildedir.

<center>
    Html Herşeyi Ortalama
</center>

Yazı ortalama kodu: Yazıyı ortalamak için <div> içinde kullanacağımız “align” parametresi işimizi görecektir. Kullanımı ise şu şekildedir.

<div align="center">
    Html Div Parametresi ile Yazı Ortalama
</div>

Yazıyı veya resimi ortalamak için altarnetif olarak css kullanabilirsiniz. Satır için css kullanımı ile resmi veya metini şu şekilde ortalayabiliriz.

<div style="text-align:center">
    Html Css ile Yazı Ortalama
</div>

HTML ile resmi ortalamak: Bunun için resim çekme kodumuzu <div> ‘in içine aldığımızda ve div’e align parametresini verdiğimizde doğal olarak resim ortalanmış olur.

<div align="center">
    <img src="images/resim.png">
</div>

Css ile ortalamak için ise yine aynı mantıktan yola çıkıyor ve işlemlerimizi şu şekilde yapıyoruz.

<div style="text-align:center">
    <img src="images/resim.png">
</div>

Bu şekilde işlemimizi tamamlamış oluyoruz. İşlemler bu kadar basit, eğer anlamadığınız bir şey olursa yorum yapmakta çekinmeyiniz.