HTML ( Hyper Text Markup Language )



Html (Hypertext Markup Language) web sayfalarının yapımında kullanılan bir dildir. Diğer programlama dillerinden farklı yönü sadece görsel düzenleme için kullanılmasıdır. Html herhangi bir text editörle (Notepad, Word,...) hazırlanabilir. Fakat bunun yerine web sayfası tasarımı için Dreamweaver, FrontPage, Netscape Composer gibi gelişmiş araçlar da kullanılabilir. Bir html dokümanı hazırlandıktan sonra kaydedilirken “dosya_adi.htm” veya “dosya_adi.html” olarak kaydedilmelidir. Dosya isminizde turkce karakter kullanmamaya özen gösterin, çünkü bazı web tarayıcıları turkce karakterleri algilayamadiklari icin sayfalarinizi acamayacaklardir.



Yazım Kuralları



- Komutlar büyük yada küçük harfle yazılabilir.

- Komutlar Türkçe karakterler (ş,ç,ı,ü,ğ,ö) karakterleri içermez.

- Komutlar “” işaretleri arasında yazılır ve “tag” adını alırlar.







Kullanılış biçimi :







Örnek : ,,



- Bir tag şeklinde başlar ve bazı taglar dışında şeklinde biter.



- Taglar iç içe yer alırlar ve en içteki tag’dan başlatılarak kapatılırlar. Kodların okunabilirliğini artırmak için bir tag bitmeden tekrar tag açılırsa içeride açılan tag biraz daha içeriden yazılmalıdır.



Kullanılış biçimi :









......

......











Örnek :







......

......





......

......









- Bir tag parametreler kullanarak biçimlendirilir ve bu parametrelere (“ ”) tırnak işaretleri arasında değer atanır. Değerle parametre adı arasında eşittir (=) işareti kullanılır.



Kullanılış biçimi :







Örnek:







HTML Dilinde Kullanılan Taglar



Her html dokümanının içermesi gereken bazı temel taglar vardır. Bunlar: html , body , head , title taglarıdır.



: tagı bir web sayfasında bulunan ilk tagdır. Amacı o dokümanın bir html dokumanı (web sayfası da denilebilir) olduğunu bildirmektir. Önceki anlatılanlardan anlaşılacağı üzere web sayfası içersindeki bütün taglar tagının içerisinde yazılır.Bu tagın hiç parametresi yoktur.



: tagı bir web sayfasının başını oluşturur. tagları arasına yazılacak herhangi bir şey sayfada görünmez. Bu tagın içine style sheet kodlari girilir. Bu tagın hiç parametresi yoktur.



: Bu tag içine yazacağınız yazı web sayfanızın başlığı olacaktır ve browser penceresinin başlık çubuğunda görünecektir. tagı tagının içerisinde yazılır.







Kullanılış biçimi :



Sayfanın başlığı



Örnek :











HTML Dersleri Giriş Sayfası













: Bu tag web sayfasının görünen bütün yazılarının ,resimlerinin, formlarının, ... içine yerleştirildiği tagdır. Bu tagın parametrelerine daha ilerki konularda değineceğiz.





Kullanılış biçimi:







.......

.......







Buraya kadar anlatılan konularla temel taglarını kullanarak aşağıda bir web sayfasının temel yapısı verilmiştir.







Sayfa Başlığı





.......

.......







Bu kodları Notepad de yazıp çalışma dizininize “ornek1.html” olarak kaydeder ve bir browser dan (Internet Explorer veya Netscape) açarsanız boş bir ekran görüntüsü elde edersiniz.



Bu örnekte tagının içerisine hiç bir şey yazılmadığı için sayfanız boş bir sayfa olarak görünmektedir. Pencerenin başlığının “Sayfa Başlığı” olduğuna dikkat ediniz.



Genel Parametreler



color: Kullanıldığı tagın rengini belirler. Genel olarak renk değerleri iki şekilde verilebilir. İlk olarak kullanılmak istenen rengin İngilizce adı ve ikinci olarak o renge karşılık gelen Hexadecimal değer.



Örnek olarak şu renk adlarını verebiliriz : aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal.



Hexadecimal (onaltılık taban sayı sistemi) renk yönteminde değer olarak 6 rakam ve başında “#” işareti bulunan kodlar yer almaktadır. Örneğin "#ff0000" kodu Kırmızı renge karşılık gelmektedir. Bu kodların hepsini öğrenmek mümkün olmayacağından bu yöntemi öğrenme zorunluluğu yoktur ve bu yöntem genellikle web sayfası hazırlama araçları tarafından kullanılmaktadır.



Kullanılış biçimi :









Örnek :



< tag_adı color=”red”>







bgcolor : Arka plan rengini belirler.



Kullanılış biçimi :







Örnek :











Bu şekildeki bir kodlama web sayfasının zemin rengini kırmızı yapacaktır.



background : Arka plana yerleştirilecek resmin dosya konumunu belirler.



Kullanılış biçimi :







Örnek : Çalışma dizininize bir resim dosyası oluşturun ve adını “resim.jpg” olarak kaydedin.Daha sonra aşağıdaki kodları Notepad de yazın ve “ornek2.html” olarak kaydedin. Dosyanızı bir browser da görüntüleyin.







HTML Tagları ve Parametreleri











Resim dosyası web sayfasının içerisine arka plan resmi olarak yerleştirilmiştir.



Web sayfası hazırlarken dikkat edilmesi gerekli hususlardan bir taneside resim dosyalarının çalışma klasörünün içinde başka bir klasörde tutulmasıdır. Örneğin çalışma klasörünüz “C:\kurs\” ise bu klasör içerisinde “image” isimli bir klasör oluşturabilirsiniz. Bu klasör içerisindeki bir resme ulaşmak için background parametresindeki dosya yolunu “background=”image/resim.jpg”” olarak değiştirmelisiniz.



align : Kullanıldığı sayfadaki yatay yerini belirler. Bu parametrenin 3 değeri vardır. Bunlar: left, right ve center dir. Left sola, right sağa dayalı olarak gösterilmesini, center ise ortalanmasını sağlar.



Kullanılış biçimi :







Örnek :













valign : Kullanıldığı sayfadaki dikey yerini belirler. Bu parametrenin 3 değeri vardır. Bunlar: bottom, middle ve top dır. Bottom aşağıya doğru , top yukarı middle ortaya konumlandırılacağını belirtir.



Kullanılış biçimi :







Örnek :













border : Kullanıldığı nesnenin etrafında bordür oluşturulmasını sağlar. Bordür kalınlığı için sayısal değer verilir. Border parametresi kullanılmaz ise varsayılan olarak değeri 1 kabul edilir.







Örnek :







Hizalama ve Borderlar









Satır1











Yukarıdaki kodları Notepad de yazın ve çalışma dizininize “ornek3.html” olarak kaydedin. Daha sonra dosyanızı bir browser da görüntüleyin.



Görüntülenen tablo nesnesinin ortalı ve kenarlıkların kalın olduğuna dikkat edin.



height : Nesnenin yüksekliğini belirler. Height parametresine sayı olarak değer verilir.



Kullanılış biçimi :







Örnek:





.......

.......





Tagının Parametreleri





bgcolor: Arka plan rengini belirler. Bu parametrenin değerleri yukarıda anlatılan şekilde verilir.



background:Bu parametreyi kullanarak sayfanın arka planında resim kullanabilir.



link: Sayfada ki text linklerin rengini belirler.



alink: Link'e tıklandığındaki rengi belirler.



vlink: Daha önce ziyaret edilmiş linklerin rengini belirler.



text: sayfadaki biçimlendirilmemiş yazıların rengini belirler.



Kullanılış biçimi :







Örnek:







Yazı Biçimlendirme Tagları



: Yazı biçimlerinin verildiği tagdır. tagının bir takım parametreleri vardır Bunlar:



color : Önceden anlatılan teknikler ve renk kodlarıyla yazının rengini belirlenebilir.



Örnek:



Kırmızı renkli yazı



face : face parametresi yazının hangi yazı biçimini kullanacağını gösterir.(helvetica , arial ,verdana... gibi).Bu parametreye yazı değerleri isimleri verilir. Yazı biçiminin görünmesi için web sayfasını açan bilgisayarda o yazı tipinin bulunması gerekmektedir. Eğer yoksa bir kaç yazı tipini alternatif olarak ve virgülle ayırarak yazabilirsiniz.



Örnek:



Bu yazı tipi arial dir. Eğer arial bulunmuyorsa diğer tipler kullanılır



size : Font büyüklüğünü belirler. Bu parametreye 1 - 7 arası rakamlar girilir (1 en küçük , 7 en büyük).



Eğer en son kullanılan yazı tipi boyutu artırılıp azaltmak istenirse +1,+5,-3,-4 gibi değerler kullanılır.



<b> : Bu tag kullanıldığında bundan sonraki yazılar koyu (bold) olacaktır.



<i> : Bu tag kullanıldığında bundan sonraki yazılar italik (italic) olacaktır.



Örnek:







Fontlar





Mavi yazı

Mavi büyük yazı



<b>Mavi kalın yazı</b>





<b><i>Mavi kalın ve italik yazı</i></b>









Yukarıdaki örneği çalışma dizininize “ornek4.html” olarak kaydedin ve bir browser da görüntüleyin.



Başlıklar

Başlık tagları adındanda anlaşılacağı gibi başlık yazımında kullanılır. , , , , şeklindedir.



Örnek :







Başlıklar





Başlık1

Başlık2

Başlık3

Başlık4

Başlık5







Yukarıdaki örneği çalışma dizininize “ornek5.html” olarak kaydedin ve bir browser da görüntüleyin.



Paragraflar



: Yeni bir paragraf yapmak için kullanılır. şeklinde kapatılmaz. Bu tagla birlikte sadece “align” parametresi kullanılabilir.



align : Önceki bölümlerde anlatıldığı gibi left, center, right değerlerini alabilir ve paragrafın sağa, sola veya ortaya dayalı olmasını sağlar. Align parametresi kullanılmadığı durumlarda paragraf sola dayalı olur.



Kullanılış biçimi :



veya şeklindedir.



Örnek :







Paragraflar





İlk paragraf sola dayalı

İkinci paragraf ortalı

Üçüncü paragraf sağa dayalı







Yukarıdaki örneği çalışma dizininize “ornek6.html” olarak kaydedin ve bir browser da görüntüleyin.



<br> : Yeni bir satır eklemek için kullanılır. </br> şeklinde kapatılmaz.



Web Sayfalarında Resim Kullanılması



Bir web sayfasında genellikle jpeg, gif formatlı resim dosyaları kullanılmaktadır. Bunun nedeni bu formattaki dosyaların boyutlarının daha küçük olması ve sayfalar görüntülenirken hızlı açılabilmesidir.



: Sayfa içerisine bir resim yerleştirmek istenildiğinde kullanılır. Bu tag belli parametrelerle kullanılır.



Kullanılış biçimi:







src : Resim dosyasının konumunu belirtir. Eğer resim dosyaları html dosyaları ile aynı klasörde ise sadece resim dosyasının adını yazmak yeterlidir. Fakat başka bir klasör veya URL altında ise o zaman resmin yolunu belirtmeniz gerekir.



Örnek 1: HTML dosyaları resim dosyaları ile aynı klasörde olsun. Bu durumda



src = “resim.jpg” şeklinde yazmalısınız.



Örnek 2: Resim dosyaları HTML dosyalarına göre “image” isimli bir alt klasörde olsun. Bu durumda



src = “image/resim.jpg” şeklinde yazmalısınız.



Örnek 3: Resim dosyaları [Linkleri görebilmeniz için kayitli üye olmaniz gerekmektedir. Üye olmak için lütfen tiklayiniz.] adlı bir URL de olsun. Bu durumda



src= “[Linkleri görebilmeniz için kayitli üye olmaniz gerekmektedir. Üye olmak için lütfen tiklayiniz.]) şeklinde yazmalısınız.



Örnek 4:





Resimlerle Çalışmak













Yukarıdaki örneği çalışma dizininize “ornek7.html” olarak kaydedin ve bir browser da görüntüleyin.



border : Resmin etrafına yerleştirilecek kenarlığın kalınlığını vermek için kullanılır.



align : Resmin yatay konumunu belirler. Left, Center, Right değerlerini alabilir.



alt : Resmin üzerine fare ile gelindiğinde gösterilecek metni vermek için kullanılır.



weight : Resmin genişliği piksel cinsinden girilir.



height : Resmin yüksekliği piksel cinsinden girilir.



Örnek 5:







Resimlerle Çalışmak

















Yukarıdaki örneği çalışma dizininize “ornek8.html” olarak kaydedin ve bir browser da görüntüleyin.





Resmin sola dayalı, kenarlıklı ve açıklamalı olduğuna dikkat ediniz.



Bağlantılar (Linkler)



Web sayfaları arasında gezinti yapılabilmesi için sayfaların içerisine linkler yerleştirilir. Başka bir sayfaya veya sayfa içerisindeki bir başka konuma linklerle ulaşılabilir.



<a> </a> : Link vermek için bu tag kullanılmaktadır. Bu tagda birtakım parametreler kullanılır. Bu parametrelerle hangi sayfaya link verildiği link verilen sayfanın nerede açılacağı bilgileri verilir.<a> tagı </a> ile kapatılır.



Kullanılış biçimi :



<a href=“değer” target=“değer” > Sayfada Görünecek Açıklama </a>



href : Hangi sayfaya link verileceğini belirler. Link verilecek dosya çalışma klasörünüzle aynı konumda ise dosyanın adını vermek yeterlidir. Fakat farklı bir konumda ise yolu belirtmelisiniz.



target : Bu parametre linke basıldığında sonucun nerede görüntüleneceğini belirler. Eğer kullanılmazsa linke basıldığında aynı sayfa üzerinde görüntüleme yapılır. Target parametresi en çok Frame’lerle birlikte kullanılır. Fakat bu konu daha ileride işleneceğinden şimdilik target parametresinin “_blank” değerinden bahsedilecektir.



“_blank” değeri linkin sonucunun yeni bir browser penceresinde açılmasını sağlar.



Eğer isterseniz sayfanızda kullandığınız bir linkin nereye bağlanacağına dair bir açıklamayı sayfanıza yerleştirebilirsiniz. Örneğin [Linkleri görebilmeniz için kayitli üye olmaniz gerekmektedir. Üye olmak için lütfen tiklayiniz.] adresine link verirseniz bu linke açıklama olarak Benim Sitem yazabilirsiniz.



Örnek :





Linkler





<a href=“[Linkleri görebilmeniz için kayitli üye olmaniz gerekmektedir. Üye olmak için lütfen tiklayiniz.] target=“_blank”>Benim Sitem </a>







Yukarıdaki örneği çalışma dizininize “ornek9.html” olarak kaydedin ve bir browser da görüntüleyin.



Sayfanızdaki linke tıkladığınızda Benim Sayfam sayfası yeni bir pencerede görüntülenecektir.



Benim Sayfam açıklaması yerine tagını kullanarak sayfanızdaki bir resmede link verebilirsiniz.



Örnek :



<a href= “[Linkleri görebilmeniz için kayitli üye olmaniz gerekmektedir. Üye olmak için lütfen tiklayiniz.] > </a>



“ornek9.html” adlı dosyanızda gerekli değişiklikleri yapın ve “ornek10.html” olarak kaydedin. Yaptığınız dosyayı bir browser da görüntüleyin. Bu örnekte resmin üzerine tıkladığınızda Benim Sitem sayfası aynı pencerede açılacaktır.



Listeler



Web sayfalarında Word’ de olduğu gibi metinler maddeler halinde listelenebilir. Bu listeleme üç şekilde yapılabilir.



Sıralanmamış Liste (Unordered List)



Bu tipteki listelerde liste elemanları başlarında bir daire görüntülenerek listelenir.



Kullanılış biçimi :





Liste elemanı 1

Liste elemanı 2

Liste elemanı 3

Liste elemanı 4





Örnek :







Sırasız Listeler







Kastamonu

Adana

Yozgat

Kayseri

Ankara









Yukarıdaki örneği çalışma dizininize “ornek11.html” olarak kaydedin ve bir browser da görüntüleyin.





Sıralanmış Liste (Ordered List)



Bu tipteki listelerde her liste elemanının başına sıra numarası gelir



Kullanılış biçimi :







Liste elemanı 1

Liste elemanı 2

Liste elemanı 3

Liste elemanı 4





Örnek :







Sıralı Listeler







Kastamonu

Adana

Yozgat

Kayseri

Ankara









Yukarıdaki örneği çalışma dizininize “ornek12.html” olarak kaydedin ve bir browser da görüntüleyin.



Formlar



Formlar normal programlama dillerinde varolan metin kutusu (Edit), Onay Kutusu (Check Box), Açılır Kutu (Combo Box), ... gibi nesnelerin HTML sayfalarında kullanılmalarını sağlar. Formların kullanılmasındaki amaç form üzerinden girilen bilgilerin bir veri tabanına, bir e-mail adresine veya bir ziyaretçi defterine (guest book) gönderilmesini sağlamaktır. Örneğin bir web sayfasından mail adresi aldığınızda doldurduğunuz formdaki bilgiler ilgili web sayfasının veri tabanına gönderilmektedir veya bazı sayfalarda rastladığınız anket sorularına cevap verirken kullandığınız nesneler formlara örnek verilebilir.





: Form içerisindeki nesnelerin kullanılabilmesi için tagı kullanılmalıdır.



Kullanılış biçimi :







method : Formun hangi yöntemle karşı tarafa gönderileceğini belirler. İki değeri vardır. Bunlar get ve post ‘dur. Eğer Get yöntemini kullanırsanız formu karşı tarafa gönderirken, gönderilen bilgiler, adres satırında açıkça görüntülenecektir. Post yöntemini kullandığınızda formu karşı tarafa gönderirken, gönderilen bilgiler, adres satırında görüntülenmez. Bu iki yöntem arasındaki farkı şöyle düşünebilirsiniz. Kullanıcı adı ve şifre girdiğiniz bir web sayfasını karşı tarafa gönderirken girmiş olduğunuz bilgilerin adres satırında görünmesi durumunda (get yöntemi) şifreniz başkaları tarafından okunabilir. Fakat post yöntemini kullanırsanız girdiğiniz bilgiler karşı tarafa yine gönderilir. Fakat adres satırında sadece sayfanın URL adresi görünür.



action : Formun hangi adrese gönderileceğini belirler.



name : Formun adını belirler.





Form Nesneleri



: Form nesnelerinin bir çoğu tagının içersinde kullanılan taglarıyla oluşturulur.



Kullanılış biçimi :









type : Type parametresi kullanılacak nesnenin tipini belirler. Bu tipler aşağıdaki gibidir.



name : Nesnenin adını belirler.



Düz Metin Girişi (Plain Text Entry) : Düz metin kutusudur.



Kullanılış biçimi :











value : Metin kutusu içerisine varsayılan olarak değer atanmasını sağlar.



maxlength : Metin kutusu içerisine yazılabilecek karakter sayısını belirler.



size : Metin kutusunun görüntüdeki uzunluğunu belirler.



Örnek :







Plain Text Entry







Adınız : <br>

Soyadınız :











Yukarıdaki örneği çalışma dizininize “ornek14.html” olarak kaydedin ve bir browser da görüntüleyin.







Şifre Girişi (Password Entry) : Metin kutusu görünümündedir fakat bu alan içerisine bilgi girişi yapılırken yazılan karakterler asteriks “*” karakterine dönüşür. Adındanda anlaşılacağı gibi şifre alanlı formlarda kullanılır.



Kullanılış biçimi :







Parametreleri metin kutusundaki işlevleri aynen yerine getirir.



Örnek :







Password







Şifre :









Yukarıdaki örneği çalışma dizininize “ornek15.html” olarak kaydedin ve bir browser da görüntüleyin.



Yazı Alanı (Text Area) : Bir açıklama yada mail içeriği gibi uzun metinleri yazmak için kullanılır. Fakat diğerlerinde olduğu gibi tagıyla yazılmaz, onun yerine, tagı kullanılır.





Kullanılış biçimi :





Metin



rows: Görüntülenecek karakter yüksekliğini belirler.



cols : Görüntülenecek karakter genişliğini belirler.





Örnek :









Text Area







Açıklama :

Açıklama yazınız













Yukarıdaki örneği çalışma dizininize “ornek16.html” olarak kaydedin ve bir browser da görüntüleyin.



Seçim Kutusu (Select Box) : Görsel programlama dillerindeki combo box (açılır kutu) nesnesine karşılık gelir. Kullanıcıya önceden belirlenmiş birkaç değerden bir tanesini seçtirmek için kullanılır.





: Seçim kutusu yaratmak için kullanılır. tagı tek başına kullanılmaz. Bu tagın içerisinde tagı kullanılmaktadır.



: tagının içerisinde kullanılır ve görevi menü elemanlarını belirlemektir. şeklinde kapatılmaz.



Kullanılış biçimi :





Menü elemanı 1

Menü elemanı 2







selected : Eğer tagında “selected” parametresi kullanılmışsa ,form ekrana görüntülendiğinde, bu menü elemanının seçili (varsayılan) olarak görüntülenmesi anlamına gelir.





Örnek :







Select Box









Adana

Adıyaman

Afyon

Ağrı













Yukarıdaki örneği çalışma dizininize “ornek17.html” olarak kaydedin ve bir browser da görüntüleyin.



Tablolar (Tables)





Web sayfaları içerisine yazılar yazarken veya resimler yerleştirirken tablolardan yararlanılır. Eğer tablolar kullanılmazsa istenilen yere istenilen nesneyi yerleştirmek çok zordur. Bu yüzden web sayfalarının birçoğu tablolardan yararlanılarak oluşturulmuştur.



Tablolar Excel’ de olduğu gibi satır, sütun ve hücre kavramlarından oluşmaktadır.



: Bir tablo oluşturulmak istendiğinde kullanılır. Bundan sonraki satır ve sütun tagları tagının içerisinde yer alır.



Kullanılış biçimi :



veya







background : Tablonun arka planına yerleştirilecek resmi belirler.



align : Tablonun yatay konumunu belirler (Left, Center, Right).



valign : Tablonun dikey konumunu belirler. (Top, Middle, Bottom)



border : Tablonun kenar çizgi kalınlığını belirler.



bordercolor : Kenarlık rengini belirler.



cellspacing : İki hücre arasındaki boşluğu belirler.



cellpadding : Tablo ile hücre arasındaki boşluğu belirler.



width : Tablonun genişliğini belirler.



height : Tablonun yüksekliğini belirler.





Satır ve Sütun Tagları





: Bir tabloya başlık satırı yapmak için kullanılır.



: Bir tablo için ilk önce satırlar yaratılmalıdır . tagı yeni bir satır anlamına gelmektedir.



: Yeni bir sütun oluşturmak için kullanılır. tagı kapatılmadan kullanılan her tagı yeni bir sütun anlamına gelmektedir.



Kullanılış biçimi :







Değer

. .

. .

. .

. .



. .

. .

. .









align : Sütun içerisindeki tagların yatay konumunu belirler.



background : Hücre içerisine yerleştirilecek resmi belirler.



bgcolor : Eğer resim kullanılmazsa hücrenin arka plan rengini belirler.



width : Hücrenin genişliğini belirler.



height : Hücrenin yüksekliğini belirler.



bordercolor : Kenarlık rengini belirler.



colspan : İstenirse bir hücre tekrar sütunlara ayrılabilir. Hücrenin kaç sütun olacağını belirler.



rowspan : İstenirse bir hücre tekrar sütunlara ayrılabilir. Hücrenin kaç satır olacağını belirler.







Örnek :











Tablolar







Adı

Soyadı



Ali

Akın





Mesut

Yeşil





Cenk

Demir





Fuat

Soyalp













Yukarıdaki örneği çalışma dizininize “ornek22.html” olarak kaydedin ve bir browser da görüntüleyin.



Çerçeveler (Frame’ler)



Frameler web sayfasını birden fazla parçaya ayırmak ve her bir parçanın içerisine ayrı sayfalar açmak için kullanılır. Bu işlem sayfayı ziyaret eden kişilerin ziyareti kolaylaştırmak için kullanılabilir. Şöyle ki; Sayfanızı üç kısma ayırdığınızda parçalardan bir tanesini başlık, bir tanesini menü, bir tanesini de içerik için kullanabilirsiniz.



: tagı tagının yerine kullanılır ve body tagı Frame’ li bir sayfada kullanılmaz.



Kullanılış biçimi :







cols : Sayfada kaç dikey çerçeve olacağı ölçü verilerek belirlenir. Ölçü verme işlemi için iki yöntem vardır.



1.cols=”100,200,*” : Burada sayfa üç sütuna ayrılmıştır. İlk sütun 100 piksel ikinci sütun 200 piksel ve üçüncü sütun sayfanı geride kalan boyutu kadar anlamına gelir.



2.cols=”%20,%80” : Burada sayfa iki sütuna ayrılmıştır ilk sütun sayfa boyutunun %20 ‘si, ikinci sütun ise sayfa boyutunun %80 ‘i kadardır.



rows : Sayfada kaç yatay çerçeve olacağı ölçü verilerek belirlenir. Ölçü verme işlemleri “cols” parametresindeki ile aynıdır.



Bu ayarlamalardan sonra sayfadaki Frame’lerin içine html sayfaları yerleştirilir.



: Bu tag ile ölçüsü verilen Frame ‘i oluşturur. Cols ve Rows ile belirlenen her ölçü için bir tagı kullanılmalıdır.



Kullanılış biçimi:







src : frame içerisine yüklenecek sayfa adını belirler.



name : frame ‘e verilecek ismi belirler. Bağlantılar (link vermek) kısmında anlatılan “target” parametresine değer olarak burada kullandığımız ismi vererek bir link yaratırsak linkin sonucu o frame içerisinde açılır.



scrolling : Frame ‘in kenarında kaydırma çubuklarının olup olmayacağını belirler. Yes, No, Auto değerlerini alır.



border : Kenarlık çizgisinin kalınlığını belirler.



frameborder : Çerçevenin kenarlığının olup olmayacağını belirler. Yes, No, Auto değerlerini alır.



bordercolor : Kenarlık rengini belirler.



noresize : Çerçevelerin boyutlandırılamaz olduğunu belirler.







Örnek :







Çerçeveler























Yukarıdaki örneği çalışma dizininize “ornek23.html” olarak kaydedin ve bir browser da görüntüleyin.