9
Ekim

Yazan: WEBMASTERYOLCU  |  Kategori: Uygulamalı Html Dersleri  |  Okunma: 90.798 Defa

Merhaba değerli arkadaşlar geçenki dersimizdi yazıların biçimlendirmeyi ele almıştık neydi bunlar bold, italik , altı çizili, üstü çizili yazmak ve satır ve parağraf komutlarını görmüştük inceleme imkanı bulamayan arkadaşlar aşağadaki linkten bakabilir.

Web Tasarım Dersleri Yazılar ve Biçimlendirme Ders2

Bugünkü dersimizde ise hizalamaları ele alacağız arkadaşlar her tasarımda mutlaka kullanmanız gereken bir özelilik.

Hizalama arkadaşlar htmlde yazdığınız bir yazı, resim, yada tablolar aksini belirtmedikçe ekranın soluna ve üstüne yaslanmış olarak karşımıza çıkar bizde bunu ekranda düzgün görüntü alabilmek için hizalama komutlarını kullanacağız.

Geçen Derste paragraf etiketinden bahsederken <p></p> etiketini görmştük şimdi bu etiketin ayrıca farklı amaçlar içinde kullanabileceğini göreceğiz.

P etiketi ile align parametresi ortak kullanılabilir. Align parametresi sayfa içerisinde yazımızın konumunu ayarlamak için kullanıcaz nedir bu konum sağa yasla sola yasla yada ortala şeklinde bir parametredir arkadaşlar.

<p align=”left”> Yazıyı Sola Hizalamak için Kullanılır.

<p align=”center”> Yazıyı Ortalamak İçin Kullanılır (Ortalama sadece ekran sağ soluna göre ortalamadır)

<p align=”right”> Yazıyı Sağa Yaslamak İçin Kullanılır

Hemen Bir Uygulama Yapalım Arkadaşlar

 
<html>

<head>

<title> Webmasteryolcu İle Web Tasarım Dersleri</title>

</head>

<body>

<p align="left"> Webasteryolcu.com Yazımız Sola Yaslanmış</p>

<p align="center"> Webasteryolcu.com Yazımız Ortalanmış Durumda</p>

<p align="right"> Webasteryolcu.com Yazımız Sağa Yaslanmış</p>

</body>

</html> 

Yukardaki kodları not defterimizle yazıp farklı kaydet diyerek dosya adı: hizalama.html olarak masaüstüne kaydediyoruz arkadaşlar.

Hata yapmadığınız sürece aşağıdaki göründeki tasarımı elde etmelisiniz şimdi bu örnekle bolca uygulmalar yapınız arkadaşlar.

Html Yazıları Hizalama Kodu

Html Yazıları Hizalama Kodu

Bugünkü dersimizde bu kadar arkadaşlar bir sonraki dersimiz yatay çizgiler ve çizgilerin boyutlandırılması renklendirilmesi ile ilgili olacaktır.

Yazılarımı izin almaksızın yayınlanabilir yayınladığınız sayfalarda mutlaka Kaynak: www.webmasteryolcu.com şeklinde belirtmek kaydı ile yayınlanabilir arkadaşlar .



   Paylaş

9 Yorum yapılmış

  • abdullah
    11 Ekim 2010 | Cevapla

    tesekkurler sabırsızlıkla devamını bekliyoruz.saygılar bye..

  • hakan
    18 Haziran 2011 | Cevapla

    Benim çalışmamda yazıların tümü sola yaslanmış biçimde… Tekrar tekrar kontrol ettim ancak olmadı. Nedenini bilmiyorum.

  • hakan
    18 Haziran 2011 | Cevapla

    Birkaç kere daha denedim. Kodlarda hiçbir hata yok. Kopyala yapıştır yaptığımda bir sorun yok. Ancak yeniden ve hatasız girmeme rağmen aynı sonucu elde edemedim.Selamlar…

  • hakan
    18 Haziran 2011 | Cevapla

    sorun çözülmüştür. silebilirsiniz. Şu ” işareti yanlış yerden (2nin üzerindeki yerden girdiğimden oluyormuş.

  • Doğukan SAHİL
    30 Temmuz 2011 | Cevapla

    Eyv. Kursa Gdiyorum Süppersiniz phoshop dersinde gölge yapmak istiyorum paylaşırmısın paylaşınca mail atın Lütfen

  • taha
    11 Temmuz 2012 | Cevapla

    Teşekkürler işime yaradı.

  • Muhammed
    27 Kasım 2012 | Cevapla

    Teşekkür Ederim Bilgin İçin Yalnız Sağa, Sola Ve ortalandığında Yazılar Düz izada olmuyor aşağı kaymalar olur bunu nasıl çözicez bilgilendirirsen sevinirim. Teşekkürler.

  • dora
    17 Şubat 2015 | Cevapla

    arkadaşlar ben bunu yaptım ama ben kendim yazının ne ortada nede solda ikisinin arasında yazmak istiyorum bana gösterirseniz sevinirim
    çalışmanız çok güzel olmuş elinize sağlık :))))

Yorum yapın