HTML - HTML 0’Dan Temel Anlatım

NameLeSS® · 03-26-2007

TABLOLAR

TABLE , TR Ve TD

Evet Sonunda Tablo yapcaz…şimdi tablo yapmak için Table,Tr Ve Td bunlar bizim için çok degerli.aman bunları sakın unutmayalım……

Tablo Oluşturmak İçin

<Table>….</Table>

Yatay Bir Hücre Oluşturmak İçin..

<Tr>…….</Tr>

Dikey Hücre Oluşturmak İçin…

<Td>……</Td>

<Table Border=”Kalınlık Sınırı” Width=”En” Height=”Yükseklik” >…</Table>

Evet buradaki parametreler önemli oldugu için sizlere tek tek açıklamak istiyorum..

O Meşhur Parametreler ;

Border : oluşturdugumuz tablonun kenar kalınlıgını ayarlar….

Width : Tablonun genişliğini ayarlarız…

Height : Tablonun yüksekliğini ayarlarız….

<TR>….</TR>

Tablonun satırlarını bu deyimle yaparız…Her satırda farklı bir işlem yürütüle bilir…

<TD>….</TD>

Tablo hücrelerini düzenlemek için kullanılır.....Bu Deyimi <Tr>..</Tr> Deyimleri Arasına yazarız…

<TD Bgcolor=”Renk” Align=”left,right,center”>……</TD>

Align = Tablo içine yazdıgımız metnin biçimi ni belirler.

Bgcolor= Yazdıgımız metnin arka alanındaki rengi ayarlar…Hücrenin içindeki rengi belirler…

Çerçeve [ Frame ]

Bazı sayfalarda görmüşsünüzdür. Linkler bi yanda yazılar bi yanda durur.Sayfa 2 parçadan oluşur ama aslında tek sayfa gibi görükür..pek kullanılmaz ama lazım oldugu yerlerde mevcuttur.biz ögrenecegiz…

Frameset çerçeveyi oluşurmamızı saglar. Frame etiketi ile de her framenin yani her çerçevenin özelliklerini ayarlarız.

<Frameset Rows | Cols=” ? “ Border=” ? “></Frameset>

Rows = Web sayfalarını yukarıdan aşagıya dogru yatay olarak bölmek için kullanılır.

Rows=”50” olarak seçilirse yukarıdan aşagıya dogru 50 piksel ayrılır ve yatay bi çizgi ile ikiye ayrılır…

Cols = Rows a benzetebiliriz. O yatay bu da Dikey olarak bölmek için ayrılır.

Border = Sayfayı böldügümüzde ortaya çıkan çizginin kalınlıgını ayarlar…

<Frame Scr=”Dosya Adi” Name=”Çerçeve Adı” Scrolling=”Yes | No | Auto” Noresize>

SRC = Bağlantının Açılacağı yolu buradan ayarlarız.Yani frame ye ekleyeceğimiz sitenin adresini buradan gösteririz.

Name = Ekledğimiz Çerçevenin İsmini buradan verecegiz.

Scrolling = Scrolu hepimiz biliyoruz demi hani şu kaydırma çubugu : = ) varya sagda aha işte biz ona scrolling diyoruz..

Noresize = Sayfaya eklediğimiz framelerin üzerine geldiğimizde fare ile boyutunu değiştirmemizi saglar ama bu deyim sayesinde onu ortadan kaldırırız.

Bir Örnekle Bunu Açıklayalım ;

sol.html

<Html>
<Head>
<Title>Sol çerçeve</Title>
</Head>
<BOdy Bgcolor="Black">
<Font size=”7”><B>

Sol Çerçeve

</Font>
</BOdy>
</Html>

Sag.html

<Html>
<Head>
<Title>Sağ Çerçeve</Title>
</Head>
<BOdy Bgcolor="Green">
<Font Size=”7”>Sağ Çerçeve

</Font>
</BOdy>
</Html>

Şimdide Ana Çerçeveyi Oluşturalım ;

<Html>
<Head>
<Title>Çerçeveli bir sayfa</Title>
</Head>
<Frameset Cols="40%, 60%">
<Frame Name="sol" src= "><Frame Name="sag" src= "></Frameset>
</Html>