Webmaster Forumu - WebForumlari.Net
WF Reklam Alanı
Go Back   Webmaster Forumu - WebForumlari.Net > Client side Programlama > HTML, CSS ve XML

HTML, CSS ve XML HTML ve CSS hakkında

Cevapla
 
LinkBack Seçenekler Arama Stil
  #1 (permalink)  
Alt 13-10-2010, 10:26
 
İstanbul Avrupa Şubesi
Yaş: 31
Mesajlar: 41
e-Ticaret: (0)
iTrader Feedback: (0%)
Tecrübe Puanı: 0
Rep Puanı: 34
Rep Derecesi : Webmasteryolcu is on a distinguished road
Standart Webmasteryolcu ile Web Tasarım Dersleri Ders3

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


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 .
Alıntı ile Cevapla
Sponsor Reklam

Cevapla

Etiketler
ders3, dersleri, ile, tasarım, web, webmasteryolcu


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 

Paylaş
Seçenekler Arama
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık

Hizli Erisim


Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 07:12.


Powered by vBulletin® Version 3.8.4
Telif hakkı ©2000 - 2012, Jelsoft Enterprises Ltd.
Webmaster Forumu

Yasal Uyarı : 5651 sayılı kanun'un 8. maddesine ve T.C.K'nın 125. maddesine göre paylaşımlardan paylaşımı yapan üyeler sorumludur. WebForumlari.Net hakkında yapılacak tüm hukuksal şikayetler webmaster@webforumlari.net adresi ile iletişime geçilmesi halinde, ilgili kanunlar ve yönetmelikler çerçevesinde en geç bir hafta içerisinde tarafımızca gereken işlemler yapılacaktır.
Hosting by PlusHost