Wolder King: HTML Frame

Html Eğitimi Ders 4-Frame

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" width="165" /></a></div>
<h3>
Frame Nedir?</h3>
Frame Html'de birden fazla belgeye tek bir sayfada yer vermek amacıyla açılan pencerelerdir. Çok fazla kullanılmaz. Ama çok işe yarar.<br />
<br />
<h3>
Başlayalım</h3>
<div>
Frame oluşturmak için <frameset> etiketini kullanırız. Frame desteklemeyen tarayıcılar için ayrı bir mesaj <noframes> etiketleri arasına konur. Dikey frame için "cols", yatay frame için "rows" kullanılır. Örneğin bir sayfayı iki bölüme böleceğiz ve birinci bölüm %20, ikinci bölüm %80 dikey yer kaplayacak. (Piksel olarak da verilebilir)</div>
<div>
<br /></div>
<div>
<frameset cols="20%,80%"></div>
<div>
<div>
      <frame src="frame_1.htm"></div>
<div>
      <frame src="frame_2.htm"></div>
<div>
   </frameset></div>
</div>
<div>
<br /></div>
<div>
Dikkat etmemiz gereken "cols" ve "rows"dur. Gerisi çok kolaydır. Eğer "%10,%50,*" diye frame yazarsak 1. frame %10, 2. frame %50, 3. frame kalan yerleri kaplar. Yani "*" işareti kalan yerleri kapla anlamındadır. Eğer "cols" ve "rows"u birlikte kullanacaksak:</div>
<div>
<br /></div>
<div>
<div>
 <frameset rows="75%,25%"></div>
<div>
   <frame src="frame_1.htm"></div>
<div>
      <frameset cols="25%,75%"></div>
<div>
         <frame src="frame_b.htm"></div>
<div>
         <frame src="frame_c.htm"></div>
<div>
      </frameset></div>
<div>
   </frameset></div>
</div>
<div>
<br />
Burada da dikkat etmemiz gereken sıralardır. Frame kendisini sizin yazdığınız sıraya göre ayarlar. Frame fazla kullanmayacağınızdan bunu tam olarak öğrenmenize gerek yok.</div>
<div>
<br /></div>
<h3>
Iframe</h3>
<div>
Başka bir sitedeki frame kendi sitene aldığın zaman ıframe olur. Örneğin aşağıdaki kodu sitenize ekleyin. (<body> ve </body> arasına değil)</div>
<div>
<div>
  </div>
<div>
<iframe src="http://wolderking.blogspot.com" frameborder="1" width="200" height="200" ></iframe><br />
<br />
Gördüğünüz gibi "width" ve "height" kullanarak ıframe'ın boyutunu ayarladık. "frameborder"ı kullanarak kenar genişliğini ayarladık.Diğer ıframe ayarları aşağıdadır.<br />
1.scrolling="no"    Kaydırma çuğuğunu göstermez.<br />
2.noresize="noresize"    "frame src="#" koduna eklenince boyut ayarlama engellenir.<br />
<br />
Bu derslik bu kadar. İsterseniz KodBoy'un iframe'nı sitenize ekleyebilirsiniz. Bir sonraki derste en sevdiğim konu tabloları göreceğiz. Kolay gelsin.<br />
<br /></div>
<div>
   </div>
</div>
<div>
<br /></div>

Html Eğitimi Ders 4-Frame

Frame Nedir? Frame Html'de birden fazla belgeye tek bir sayfada yer vermek amacıyla açılan pencerelerdir. Çok fazla kullanılmaz. Ama...

Devamı »

08:10

Html Eğitimi Ders 4-Frame

Popüler

Arşiv