Make your own free website on Tripod.com
web tasarim kursu : html dersleri Web tasarimi puf noktalari : uygulamalar
html uygulamalari : upload : hosting alimi
 

Baglanti kurmak (link) ve resim yerlestirmek.

 

Eger benimle ve diger web tasarimcilarla haberlesmek istiyorsaniz buraya tiklayarak mailing listeme uye olun

Sitemi Destekleyenler:

Yazi Bicimlendirme

web sayfalarinda yazi <font> </font> tagiyla bicimlendirilir.Ve ayrica <p> <b> <i> <div> gibi taglarda yaziyi bicimlendirmede kullanilir.simi bu taglari parametreleriyle beraber inceleyelim.

<font> Tagi ve Parametreleri

Bu tag yazinin rengini, buyuklugunu, ve fontunu belirler.Asagida goruldugu gibi parametresiz ve bicimlendirilmemis bir yazi siyah ve boyutu 2 degerindedir.

<font>bu benim ilk yazim..<font>
bu benim ilk yazim..

Simdi <font> taginin parametrelerini inceleyelim.

  • color : bir onceki sayfada belirtilen teknikler ve renk kodlariyla yazinin rengini belirleyebilirsiniz. ornek:
    <font color="#ffffff">bu yazinin rengi beyazdir.</font>
    bu yazinin rengi beyazdir.
  • face : Face parametresi yazinin hangi yazi bicimini kullanacagini gosterir.(helvetica , arial ,verdana... gibi).Bu parametreye yazi degerleri isimleri verilir.Bu yazi biciminin gorunmesi icin web sayfasini acan bilgisayarda o yazi tipinin bulunmasi gerekmektedir.Eger yoksa bir kac yazi tipini alternatif olarak ve virgulle ayirarak yazabilirsiniz. ornek:

    <font face="arial,verdana,helvetica">bu yazi arial ile yazilmistir. eger arial bulunmuyor ise verdana ve verdana yazi tipi de yok ise helvetica ile yazilmistir...</font>
    bu yazi arial ile yazilmistir. eger arial bulunmuyor ise verdana ve verdana yazi tipi de yok ise helvetica ile yazilmistir...
  • size : size parametresi yazinin buyuklugunu belirler.Bu parametreye 1 - 7 arasi rakamlar girilir(1 en kucuk , 7 en buyuk).
       Eger yazinin buyuklugu arttirilmak veya azaltilmak isteniyorsa -1 , -2 , -3 , +1, +2, +3, +4 degerleri getirilebilir.

    Asagidaki ornekte varsayilan deger 2'dir. Ve +1 degerini getirdigimizde yazinin boyu 3 olmustur.

    <font size="+1"<bu yazinin boyutu 3 tur. </font>
    bu yazinin boyutu 3 tur.

    <font> taginin genel parametreleri bu kadardir.Simdi paragraf bicimlendirme ve diger yazi bicimlendirme taglarini ogreneceksiniz.

<b> tagi

<b> tagi yaziyi koyulastirir (bold).herhangi bir parametresi yoktur. Ornek:

<b>bu yazi koyudur</b>
bu yazi koyudur

<i> tagi

    <i> </i> arasina yazilan yazi italik(italic) sekilde yazilir.Ornek:

<i>bu yazi italic yazilmistir</i>
bu yazi italic yazilmistir

Diger Bicimlendirme Taglari

  • <big> : Bu tag yaziyi buyultur. Ornek: buyuk
  • small : Bu tag yaziyi kucultur. Ornek :   kucuk
  • <strong> : Bu tag yaziya vurgu verir ve kalin yazilmasini saglar. Ornek : alper alkan
  • <s> : Bu tag yazinin ortasini cizgili hale getirir. Ornek : ortasi cizgili

baslik taglari

<h1> ,<h2> ,<h3> ,<h4> ,<h5>  taglari baslik yaziminda kullanilir. Asagida bu taglarin sirasiyla ekran ciktilari yer almaktadir.

h1

h2

h3

h4

h5

<p> (paragraf) tagi

<p> kullanildigi yerde yeni bir paragraf belirler ve </p> seklinde kapatilmaz.Bu tag da kullanilan sadece bir genel parametre vardir. Iste bu parametre ve aciklamasi:

  • align : genel parametreler bolumunde belirtildigi gibi kullanilir.Paragrafin saga , sola yada ortaya dayali olacagini belirler.Eger align parametreaini kullanmazsaniz varsayilan deger left(sol)'dur.
    Asagidaki ornekte <p> taginin kullanimini gorebilirsiniz.

<p align="center">bu paragraf ortaya dayalidir...

bu paragraf ortaya dayalidir...

<div> (satir) tagi

<div> </div> tagi yazida bir satir belirler ve ayri bir satira yazilir.Bu tag align parametresi ile kullanilir.Align parametresinin kullanimi icin genel parametreler bolumune bakiniz. ornek:

<p> Bu paragraf sola dayalidir. div tagi kullanildiginda bir satir asagiya atlanir.<div align="center">bu satir ise ortaya dayalidir.<div>

Bu paragraf sola dayalidir. div tagi kullanildiginda bir satir asagiya atlanir.

bu satir ise ortaya dayalidir.

sonraki sayfa:
Baglanti kurmak (link) ve resim yerlestirmek.