HTML / HTM (Hyper Text Markup Language/ Hareketli metin işaretleme dili); yazı, grafik, ses, film gibi pek çok farklı yapıdaki verilerden oluşabilen hypertext bir dökümanı formatlamak ile ilgili komutları içeren bir çeşit programlama dilidir. Dilden ziyade kabaca verileri biçimlendirmek ve düzenlemek için kullandığımız komutlar dizisi diyebiliriz HTML için. Bu komutlara özet olarak TAG denir. HTML, programlama dilleri (C, Basic, Asp, Php..) gibi bir programlama mantığı taşımadığından öğrenilmesi gayet kolay bir dildir.
TAG (Etiket) : HTML dosyalarında normal metin ile Web tarayıcısına yollanacak olan özel komutları birbirinden ayırmak için kullanılan işaretler ve komut dizileridir. Normal metinden bu takıları ayırmak için “büyüktür - > “ ve “küçüktür - < ” işaretleri kullanılır.
HTML ile hazırlanan ineternet dökümanlarının içeriği bir internet browser’ i (Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera , vs..) kullanarak görüntülenebilir. Bu broswer’ ler htm dosyaları açmak için HTTP (Hyper Text Transfer Protocol) kullanırlar.
HTTP (Hypertext Transfer Protocol) Çok yönlü metin transfer iletişim kuralları ve http client/server (sunucu/istemci) etkileşimlerini sağlar
HTML dili zamanla gelişmeye uğramış ve değişik versiyonları çıkmıştır.
--------------------------------------

---------Frames Çerçeveler Pencere Çerçeve Örnekler frameset--------------

Çerçeve Kullanımı / HTML 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, web sayfalarını görüntüleyebilmek içindir.
Çerçeve yapmak için tagı kullanır. tagı ve tagları arasında kullanılmaktadır.
FRAMESET Parametreleri;
Frame kullanırken kullandığımız frame'e isim vermek için name ( bağlantıların TARGET kısmında kullanabilmek için ) elemanını ve frame'in bulunduğu yeri göstermek için de src elemanını kullanırız.
Sayfamıza framelerin dikey veya yatay yerleşmeleri için tagının "cols" ve "rows" elemanlarını kullanırız.
cols="*,*,*" sayfanın dikey olarak hangi oranda bölüneceğini belirlemenizi sağlar. Örneğin cols="180,450" gibi sayı yazılabilir, cols="45%,65%" ile browser penceresinin o anki ebadına göre verilen % oranlarına göre şekil alması sağlanabilir yada (*) sembolü ile açılacak çerçevenin ebadı browser'a bırakılır, cols="180,*" ifadesi ilk pencerenin 180 pixel olacağını * ise ikinci frame'in geri kalan boşluğun tümünü kaplayacağını belirtiyor. Bu şekilde açılacak çerçeve sayısını da belirtmiş olur.
rows="*,*,*" sayfanın yatay olarak hangi oranda bölüneceğini belirlememizi sağlar.
Not: Aynı tag'ı içinde hem "cols" hem de "rows" etiketleri kullanılmaz. Anca iç içe frameler yapılırsa kullanılabilir.
frameborder=".." (yes, no) Çerçeveler arasındaki sınır çizgisinin görünüp görünmeyeceğini belirler.
border=".."
Çerçeveleri birbirinden ayıran çizgilerin kalınlığını belirler. (çerçeveler arası mesafeyi)
bordercolor ; kullandığınız çerçevenin kenarlığına renk vermek için.
Not: Çerçevenizde kenarlık istemiyorsanız, border=”0” ve frameborder=”no” vermelisiniz.
marginwidth=".." marginheight=".." (sayı Sayfanın solundaki (marginleft) ve üstündeki (margintop) kenar boşluklarını belirler.
scrolling=".." (yes, no, auto) Kaydırma çubuklarının durumunu belirler.
noresize
Pencere boyutlarının sabit olmasını sağlar.
Örnekler;
Ilk once dört tane htm dosyası oluşturalım. Sırasıyla a.htm, b.htm, c.htm, d.htm olarak kaydedelim.
Çerçeveler Arasında Link
name elemanı ile isimlendirdiğimiz frame'leri birbirine linkler ile bağlayabiliriz. Örnegin link verdigimiz sayfanın hangi frame de çıkmasını istiyorsak target parametresine ilgili frame’nin name’ ni yazarız.


Frameler Arası Köprü Yapma


Ornek Sayfa


------------------------------------
kayan yazılar marque kayan resim

KAYAN YAZI
Kayan yazı görüntüsü elde edebilmek için kullanılacak olan belirteç çifti ... ‘dir.
Parametreleri

BEHAVIOR=tip: Metnin ekranda nasıl hareket edeceğini belirten bu ek SCROLL, SLIDE, ALTERNATE değerlerinden birini alabilir. Ek kullanılmadığında SCROLL değeri varsayılan olarak kabul edilir ve yazı, sınırın bir köşesinden belirerek diğer köşeden kayarak kaybolur. SLIDE eki ise yazının bir köşeden başlayarak diğer köşede donmasını sağlar. Metnin iki köşe arasında gidip gelmesi ise ALTERNATE ekiyle gerçekleştirilebilir.
Up, Down, Left, or Righ : Sağdan, yukarıdan ve aşağıdan başlayarak kayması sağlanır
: Yazılar kaydırılırken ekrandan kaybolmadan bir uçtan diğerine gider
HSPACE=n: Kayan yazının sınırlara ne oranda yaklaşacağını belirler. Bu ek özellikle arka plana bir renk verildiğinde daha da belirginleşir.
: Kayan yazıların arka plan rengini belirler.
: Yazının kayacağı alanın yüksekliği ve genişliği ayarlanabilir.
: Yazının kaç kez kayacağı belirlenir. Daha sonra da yazı durur.
: Kaydırma hızını ayarlar. yazının her bir hareketi arasında kaç milisaniye bekleyeceğini belirlerN değerine ' -1' veya ' INFINITE' verildiğinde hareket sınırsız olarak tekrarlanır. Tip olarak ' SLIDE' kullanıldığında bu işlem tek bir kez gerçekleşeceğinden LOOP ekini kullanmaya gerek yoktur.
Kayan yazı …..# burada kayma hızını belirten bir sayıdır. Kayan yazının bir defada kaç piksel hareket edeceğini,

LİNK VERMEK
1-) Bir Web sitesine Link vermek
2-) Site içi Link vermek
3-) Mail adresine Link vermek
4-) Sayfa içine Link vermek
5-) Bir Resme Link vermek
6-) Dokümana link vermek.
HTML sayfasına bağ (link) yerleştirmek
ve : bu komutla bağ (link) yapılır.
Bir web sayfasına link vermek.
html dersleri
Biçiminde kullanılır.
Mail adresine link vermek
Mail Gönder
Site İçine Link vermek
Tıklarsan bu sayfa tekrar açılır
Resme link vermek.
Resmi Görüntülemek için tıklayın
Dökümana link vermek.
Bu Dosyayı indirin

////////////////////////////////////////////////////
tagının parametreleri.
Target parametresi
Bağlantının açılacağı pencereyi belirtmek için kullanılan"target"
parametresini kullanılır.
Kullanımı:
html dersleri
target="_blank" , Bağlantı yeni bir pencerede açılır.
target="_self" , Bağlantı aynı pencere içerisinde açılır.
target="_top" , Bağlantı aynı pencere içerisinde en üstten itibaren açılır.
target="_parent" , Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa onun yerine konur.
target="çerçeve adı" , Frame komutu ile çerçeve oluşturulmuşsa bağlantının adı verilen çerçevede açılmasını sağlar.( Ayrıntı için "Çerçeveler" konusuna bakın.)
////////////////////////////////////////////////////
Linklere Klavye Tuşları ile Kısa Yol Atamak
Linklerinize klavye kısa yolları atayabilirsiniz. Böylece klavye tuşları kullanarak sitenizin içerisinde gezilebilir. Bunu tagının elemanı olan accesskey ile yapabiliriz.
Kullanımı:
Ana Sayfa
Link için atadığınız kısa yol harfi tek başına çalışmaz. Yani yazacağınız harf ile "ALT" tuşuna basarak linki aktif hale getirebilirsiniz.yani ALT+A
Title ile linklere acıklama verin; mouse link üzerine getirildiginde link hakkında ayrı bir açıklama yapması sağlayabilirsiniz.
Ana Sayfa
////////////////////////////////////////////////////
Bir resme nasıl link verilir.

Resme tıklandığında bu sayfa tekrar yüklenecektir.
Resimlerde 'MAP' kullanarak link yapmak.
Map'ler bir resmin değişik yerlerine tıklandığında değişik bağların yüklenmesi olarak tanımlanır.
Kullanımı;






name ile belirttiğimiz isim '

ÇOK SAOL EMEGE SALIK