| |
 31.07.2007 20:17:18
Mesaj konusu: html hakkında bildiklerim, bildikleriniz |
 |
|
<html> ve </html> : sayfanin baslangic ve bitisini belirtir.
<head> ve </head> : sayfanin baslik bilgileri 'title', 'meta' vs. buraya yerlestirilir.
<title> ve </title> : sayfanin iceriginin ne oldugunun tanitilmasinda kullanilir. Sayfada gorunmez ama netscape bunu sayfayi tanimlamakta kullanir.
<meta> : sayfanin icerigi hakkinda www tarayicilarina bilgi saglamak icin gereklidir.
<body> ve </body> : sayfanin iceriginin baslangic ve bitisini belirtmekte ve sayfa hakkindaki genel tanimlamalari yapmakta kullanilir.
Yukarıdakilerin html kod bölümünde aşağıdaki sıralanış gibidir...
<html>
<head>
<title>Bir HTML Denemesi</title>
<meta name="description" content="html sayfasi icin bir kullanim ornegi"> </head>
<body bgcolor=white>
Örnek bir yazı </body>
</html>
1.2Renkler
Onceki ornekte '<body color=white>' diye, asagidakinin basitlestirilmis bicimini kullanmistik:
<body font=purple bgcolor=#FFFFFF text=black link=blue vlink=#808090>
Burada font ile kullanilan genel yazilarin rengi,
bgcolor ile arkaplan rengi gibileri belirlenir...
Hepsi sifir ise hicbir renkten karistirilmaz. hepsi FF ise her renk maksimum oranda kullanilir ve beyaz elde edilir.
Ornegin salt bir kirmizi #FF0000 ile elde edilir.
<font color=...> ve </font> arasindaki yazilar belirtilen renkte yazilir.
<h1> ve </h1> den <h6> ve </h6> ya kadar standard yazi tiplerinden biri secilerek yazi yazilir. h1 ile belirtilenler h6 ile tanimlananlardan daha buyuktur.
1.3 Yazilari bicimlendirmek: kalin, yatik, ortalanmis, vs. ...
Onceki ornekte <h1>, <h2>, ... ile yazilarin buyukluklerini ayarlamanin basit bir yolunu gormustuk. HTML sayfamizin yazilarina biraz daha kisilik kazandirmak icin asagidaki komutlari da kullanabiliriz.
<b> ve </b> arasindaki yazilar koyu gorunur.
<i> ve </i> arasindaki yazilar ise italik basilir.
<blink> ve </blink> arasindaki yazilar ise yanip soner.
<center> ve </center> arasindaki yazilar ortalanir.
<p> paragraf basi yapmak icin kullanilir.
<br> bir satir atlamak icin kullanilir.
<hr> bir cizgi ceker.
1.4 Sayfada resim gostermek
En basit sekliyle, bir sayfaya resim koymak icin asagidaki komut su sekilde;
<img src="dosya-adi" alt="..." align=... >
kullanilir.
<img src=resim.gif align=right> ile resmin saga yanasik olarak cizilmesini saglariz. 'right' yerine 'left', 'center', 'middle' gibi konum bildirici bir baska sozcuk de kullanilabilir.
Ayrica yukaridakilere ek olarak 'border', 'width', 'height' belirteclerini de <img ...... > icinde kullanabiliriz. Bunlardan 'border='i kullanarak resmin cercevesini belirleriz; border=0 dersek hic cerceve cizilmez.
Width ve height ile resmin boyutlarini belirleyebiliriz. Bunlardan sadace birini verirsek, resmin boyutu orantili olarak cizilecektir. Yani <img src=resim.gif width=300> demissek, ve de resmimiz aslinda 100 nokta genisliginde 50 nokta yuksekliginde idiyse, ekrana 300 nokta eninde ve 150 nokta yuksekliginde cizilecektir. Her iki degeri de (width=... height=...) kullanmissak, resmin oranini istedigimiz gibi degistirmek mumkun olur.
1.5 HTML sayfasina link yerlestirmek
<a> ve </a> : HTML'nin temeli olan bu komutlarla bag (link) yapilir.
<a href="hedef bag"> Aciklama </a> Biciminde kullanilir.
Aciklama denilen kisim ister yazi ister bir grafik ya da herhangi bir nesne olabilir. "hedef bag" kismi ise yerel kaynaklari gosteren bir dosya adi ya da uzak bir makinadaki bir baska nesneyi (yazi, grafik, video vs.) gosteren bir bag (link) olur.
Kendi dizininizdeki bir sayfa icin:
<a href="ihd.html">Örnek sayfa için buraya tıklayınız </a>
1.6 Sayfalarda tablo kullanimi
Genel kullanim:
<table [seçenekler]>
<tr [seçenekler] ><td [seçenekler] > sutun 1 yazilari </td><td [seçenekler] >sütun 2</td><td> sütun 3.....</td> </tr>
<tr><td>2.satirin 1. sütunu</td><td>2. sütunu</td><td>3. sütunu </td></tr></table>
Tablolar satirlar ve sütunlar seklinde ayrilmis hücrelerden olusuyor. Her yeni satira baslamak için <tr> etiketini, her yeni sütun için ise <td> etiketini kullaniyoruz.
Hücreler içindeki yazIlarIn nasIl yerlestirilecegini ise align="yer" ile belirtiyoruz. Burada "yer" yerine "top", "bottom", "left", "right" ve "center" kullanabiliriz.
(alıntıdır...)
|
|
|
|
