HTML DERS 6

12 Aralık 2010 Pazar

FRAME

Frame çerçeve anlamına gelir. Amacı bir web sayfasını belli parçalara bölmek ve bu parçaların içerisinde değişik, birden fazla Web sayfası görüntülemektir.




Frame

Frame

Frame
sol.html



sag.html



Þ frameset            Þ frame.html                   





İki Sayfa aç

1-) Birine “burası sag sayfa yaz” sag.html olarak kaydet
2-) “Burası sol taraf” yaz sol.html olarak kaydet.
3-) Frame için anasayfada (frame.html )

<head>
<frameset cols=150,* border=0>
            <frame src=sol.html>
            <frame src=sag.html name=ana>
</frameset>

Sol.html’yi açıp (frame.html )

<body>
<a href=http://www.yahoo.com> Yahoo </a><br>
<a href=kayan.html target=ana> Kayan Yazı </a><br>
<a href=form2.html target=ana> Form Elemanları </a><br>
<a href=sag.html target=ana> Ana Sayfaya Dön </a>


Sayfaların sag tarafta açılması için frame sayfasında sag.html için isim verilir ve bu isim linklerden sonra
<a href=kayan.html target=ana> şeklinde belirtilir.



Ust.html

Alt.html


ÞFrame.html

ust.html

<body>
<a href=http://www.turkcell.com.tr target=ana> Turkcell </a>
<a href=http://www.telsim.com.tr target=ana> Telsim </a>
<a href=http://www.aria.com.tr target=ana> Aria </a>

frame.html

<head>
<frameset rows=100,* border=0>
            <frame src=ust.html>
<frame src=alt name=ana>
</frameset>

<frameset> Takısının Parametreleri

<frameset border=0> è Çerçeveleri birbirinden ayıran çizgilerin kalınlığını belirler.

<p> Þ Paragraf satır sonu olunca kendi alta geçiyor

<p>’nin Parametreleri

<p align=left> è Paragrafı sola hizalar. (Parametre kullanılmasa da paragraf sola hizalanmış olur.)
<p align=right> è Paragrafı sağa hizalar.
<p align=center> è Paragrafı ortalar

&nbsp (Birden fazla Boşluk vermek) è Bir karakterden daha fazla boşluk vermek için kullanılır.
Örn:  ahmet &nbsp;&nbsp;nbsp; mehmet  è ahmet    mehmet şeklinde 3 karakter araya boşluk bırakır.
<nobr></nobr> è Hiçbir zaman yeni satıra geçmiyor.
<sup>  </sup> è Üst simge işareti çıkartır. Örn: m² gibi
<sub> </sub> è Alt simge işareti çıkartır. Örn: O2
<p> </p> è Yeni bir paragraf açıp kapatırken kullanılır.
<pre> </pre> è Önceden düzenlenmiş metin blokları için kullanılır.
<strike> </strike> è Üzeri çizili yazı oluşturmak için kullanılır. Örn: İptal edildi.
<adress> </adress> è Adres bölümleri için kullanılır. Genelde italik olarak render edilir.
<!-- -->èHTML açıklamalrı <!-- ile başlar ve --> ile biter. Bu iki tag arasında kalan bütün yazılar browser tarafından ihmal edilir

LİSTELER


Orderlist ( Sıralı Liste ); Unorderlist ( sırasız liste )

Madde imi ve numaralandırma
<ol>                             <ul>
1. a. İ.                          ð
2. b. İi.                         ·
3. c. İi                          *
Örn:


<ol type=1>
<li> Fizik
<ol type=a>
                        <li> Statik
                        <li> Dinamik
<li> Nükleer
<li> Katıhal
</ol>
<li> Kimya
            <ol type=a>
                        <li> Organik
                        <li> İnorganik
            </ol>
<li> Matematik
            <ol type=a>
                        <li> Sayılar
                        <li> Fonksiyonlar
                        <li> Diğer
                                   <ol type=i>
                                                <li> Türev
                                               <li> İntegral
                                   </ol>
            </ol>
</ol>



Görünümü Bu Şekilde



  1. Fizik
    1. Statik
    2. Dinamik
    3. Nükleer
    4. Katıhal
  2. Kimya
    1. Organik
    2. İnorganik

  1. Matematik
    1. Sayılar
    2. Fonksiyonlar
    3. Diğer
                                           I.      Türev
                                        II.      İntegral



Madde işaretleri için ol yerlerine ul yazılır.
<li type=disc> è İçi Dolu daire
<li type=circle> è İçi boş daire
<li type=square> è İçi Dolu Kare

<ul type=disc>
<li> Fizik
<ul type=square> Yani a yerine square yaz.
i yerine de <ul type=circle> yazılır.

SCRİPTLER
Bir olay bir etkileşim varsa javascript’dir

Sagmouse.html

<head>
<scrpit language=javascript>
            function sagmouse() {
                        if (event.button= =2) {
                                   alert(“Kodlarımı Göstermem”)
                                   alert(“Kod Çalmak Yasak”)
                                   alert(“Yapma Dedim!”)
                        }
}
document.onmousedown=sagmouse
</script>

0 yorum: