Tag Archives: html dersi
html dersleri html frame kullanmak
Frame, HTML’de birden fazla belgeye tek bir sayfada yer vermek amacıyla açılan pencereler. Bu şekilde sağda farklı bir pencere ve içerik, solda farklı bir pencere ve içerik olacaktır. Genellikle bir pencere linklerin bulunduğu alan, diğer pencere ise asıl içeriğin bulunacağı alan olarak kullanılır. Arama Motoru optimizasyonu için olumsuz etkileri olduğu için genellikle kullanılmaz. Biz yine de en önemli kısımlarıyla ele alalım:
Pencereleri bölmeye <frameset> koduyla başlarız. Dikkat etmemiz gereken <body></body> arasında yazılamaması gerektiğidir. Bu kısım frame tekniği desteklemeyen tarayıcılar için <noframes></noframes> arasında kullanılacaktır.
<frameset cols=”25%,75%”>
<frame src=”frame_a.htm”>
<frame src=”frame_b.htm”>
</frameset>
Burada cols=”deger1,deger2″ şeklinde bir kullanım dikkatinizi çekmiştir. Burada belirteceğimiz değerler pencere sütunlarının oranlarını belirtmektedir. yatay pencereler kullanacaksak bu kez rows=”deger1,deger2″ şeklinde kullanmalıyız.
Bahsi geçen değerler yüzde (%) olarak ifade edilebileceği gibi piksel olarak da yazılabilir. Eğer bir pencerenin boyutu, diğeri için belirtilen dışındaki alan olacaksa (*) kullanırız. Bir örnek: cols=”200,*” yazarsak. İlk pencere (frame_a.htm) 200 piksel genişliğinde olacaktır, diğer pencere ise (frame_b.htm) geriye kalan tüm alanı kaplayacaktır.
Son olarak şunu ekleyelim, değerler pencere sayısı kadar yazılacaktır. Eğer 3 pencere kullansaydık. Bu kez 3 pencere için sırasıyla ayarlama yapacaktık: cols=”200,25%,*” gibi.
<frameset cols=”25%,25%,*”>
<noframes>
<body>Eger tarayıcı frame desteklemiyorsa…</body>
</noframes>
<frame src =”venus.htm” />
<frame src =”mars.htm” />
<frame src =”jupiter.htm” />
</frameset>
Frame Desteklemeyen Tarayıcılar – noframes
Bunun için frameset açılış ve kapanış etiketleri arasında <noframes>(tarayıcınız frame desteklemiyor mesajı)</noframes> şeklinde bir bölüm koyuyoruz. Burası html sayfamızın devamıymış gibi <body></body> tagları arasına almalıyız.
Yatay ve Dikey Pencereleri Bir Arada Kullanmak
Bunun için frame içinde frame kullanmalıyız. Üst tarafta yatay bir pencere ve hemen altında sağ ve sol olarak ikiye bölünmüş bir pencere örneği verecek olursak:
<frameset rows=”50%,50%”>
<frame src=”frame_a.htm”>
<frameset cols=”25%,75%”>
<frame src=”frame_b.htm”>
<frame src=”frame_c.htm”>
</frameset>
</frameset>
Frame Kenarlığı ve Pencere Boyutlarını Sabitleme
Frameleri birbirinden ayıran çizgiyi yok etmek için <frame src=”#”> koduna frameborder=”0″ özelliği eklememiz yeterlidir.
Pencere boyutları sizin belirttiğiniz gibi başlangıçta çalışmakta fakat kullanıcı tarafından değiştirilebilmektedir. Bunu engellemek için <frame src=”#”> koduna noresize=”noresize” özelliği eklememiz yeterlidir.
IFRAME Kullanmak
Bunun yukarıda anlatılandan farklı yanı normal bir HTML belgesinde farklı bir sayfa ya da site için pencere açmanıza yaramaktadır. Pencere içerisinde boyutu belirttiğiniz boyutlarda olmak üzere belirttiğiniz site görünecektir:
<iframe src=”klavyeweb.org” frameborder=”0″ width=”400″ height=”180″ scrolling=”no”></iframe>
frameborder=”0″ – Kenarlık kullanılmayacağını belirtir.
width=”184″ – 184 piksel genişlikte olacağını belirtir.
height=”94″ – 94 piksel yükseklikte olacağını belirtir.
scrolling=”no” – Kaydırma çubuğunu gösterme demek.
Hazırlayan : Omar KARAKUS
html dersleri html özellikleri
Özellikleri
Daha önceden de söylediğimiz gibi, HTML kodları çeşitli özellikleri desteklemekte ve bunları ozellik=”deger” tarzı bir kullanımla belirtmekteydik.Örnekleştirelim.
<h1 align=”center”>Ortalanmış Bir Başlık</h1>
HTML Görünümü
H1 Başlık
Align özelliği h1, div, td, p gibi anahtarlarda desteklenen sayfa düzeni özelliğidir. Bu değer left (sola), right (sağa) ve center (ortalanmış) olabilir.
Başka bir örnek, tablo kenarlığını tarayıcıya anlatmak:
<table> – bir tablo başlattığımızı anlattık.
<table border=”0″> – bir tablo başlattığımızı, aynı zamanda bu tablonun kenarlığı olmadığını (0) anlattık.
Bir özelliği yazarken tırnak işareti ya da ayıraç kullanacaksak dikkat etmemiz gereken nokta kullanmadığımız karakterle özelliği belirtmek. Misal ;
<a href=”#” title=”Omar’ın sitesi için tıklayınız.”>My Contact 1</h1>
<a href=”#” title=’”Omar’ın sitesi için tıklayınız.’>My Contact 2</h1>
Hazırlayan : Omar KARAKUS
Html dersleri elementler
Özellikleri
Html dili tag,etiket adlarına verilen kodlardan oluşur.
Kodlar < ile başlar > ile biter.
Kod genellikle 2 parçadan oluşur.Elementin başladığı ve bittiği kodlardır.Element bittiği zaman bölme işareti ” / ” ile başlangıçtaki değeri yazması yeterlidir.Misal <b>omar* ~</b>
Tabi her kod duruma uymaz.Bazı kodlar için kapanma anahtarı bulunmaz.Onun yerine bu işaret başlangıç kodunun sonuna eklenir.Misal <br /> , <hr />
Bu kodlar büyük veya küçük harf etmeden işlemine sürdürür.Misal <b> ve <B> arasında hiç bir fark yoktur.Ama siz W3C standartları için küçük harf kullanınız.
Bu örnek kalın yazma elementidir.
<b>kalın yazı</b>
Değişmez Sayfa Yapısı
Bir html dosyası şöyle kodlanmalıdır.
<html>
<head>
<title>Sayfa Başlığı</title>
(Meta etiketler, scriptler, RSS yolları ve CSS dosyası)
</head>
<body>
(Diğer tüm elementler ve düz metin)
</body>
</html>
W3C standardında bir HTML belgesinde bu kodlar olmassa olmazdır.Sonuçta yerlerini ters yazsanız da ya da düz metin yazsanız da browser tarafından görünür fakat HTML ön bilgileri, sayfa başlığı, içeriğin bulunduğu yer tarayıcı tarafından görülmez ve hem arama motorları, hem ziyaretçi, hem de browser için bazı sıkıntılar doğurabilir ..
Şimdi buradaki standart diyebileceğimiz kodlar ve aralarında geçen html kodlarını incelemeye başlayalım..
Hazırlayan : Omar KARAKUS
