form deneme

Web Programcısının El Kitabı -------------------------------------------------------------------------------- Bu doküman, Web programcıları için, mosaic, netscape, lynx gibi web programlarını kullanabildikleri gözönüne alınarak yazılmıştır. Yazının amacı yeni başlayanlara ve HTML programlama hakkında az bilgisi olanlara yol göstermektir. Dökümanın İngilizce sürümüne www.w3.org adresinden ulaşabilirsiniz. İnternet üzerinde yeralan tüm popüler HTML tarayıcıları, ister UNIX altında ister Windows altında olsun, Türkçe desteği vermektedirler. HTML dosyalarınızda rahatlıkla Türkçe karakterler kullanabilirsiniz. Sürüm 0.1 1993 Sürüm 0.2 Ağustos 1997 gorkem@cclub.metu.edu.tr -------------------------------------------------------------------------------- İçindekiler HTML dökümanın hazırlanması Temel belirtecler Konular Başlıklar Paragraf ve satırlar Bağlantılar Bağıl bağlantılar Kaynak bağlantıları Döküman içi bağlantılar Diğer döküman bağlantıları Diğer komutlar Listeler Düz listeler Numaralı listeler Tanımlı listeleri İçiçe listeler Formatlı metinler HTML yorum satırları Özel karakterler Resim görüntüleme Tablo hazırlama Tablo örnekleri Formlar Daha geniş bilgi için HTML dökümanın hazırlanması HTML dökümanlarının tamamı ASCII karakterlerden oluşan ve herhangi bir editörde yazılabilen metinlerden oluşmuştur. UNIX üzerinde pico, vi veya sevdiğiniz herhangi bir metin editörü kullanarak HTML dökümanlarınızı hazırlayabilirsiniz. Bunun dışında, kullanıcının HTML dilini bilmediği farzedilerek Windows ve DOS altında çalışan çeşitli yazılımlar hazırlanmıştır. Ayrıca, HTML kodunun doğruluğunu kontrol eden yardımcı programlara da Internet üzerinden erişilebilir. Temel bir HTML dökümanı aşağıdaki gibi yazılabilir: < title> Burası konunun yazılacağı yer < h1> Bu, 1 numaralı başlık HTML dünyasına hoşgeldiniz.
Birinci paragrafımız.

Bu da ikinci..

HTML yazarken, metnin Web tarayıcının anlayacağı şekilde gösterilebilmesi için belirteçler kullanır. Yukarıdaki örnekte: < title> ve < /title> belirteçleri, dökümanın konusunu gösterir. < h1> ve < /h1> belirteçleri, dökümanın başlığını tanımlar. < p> belirteci, paragraf tanımlar. Tüm HTML belirteçleri, küçüktür işareti (< ), belirteç ismi ve büyüktür işaretinden (> ) oluşur. Genellikle her belirtecin < h1> ve < /h1> örneklerindeki gibi bir çifti olur ve sondaki belirtecin ismi önüne ayraç gelir. Yukarıdaki örnekte < h1> , Web programına 1 numaralı başlık formatında yazmasını, ise bu formatı kapatmasını söyler. < p> belirteci istisna bir durumdur ve < /p> olarak kapatılmaz. Not1: HTML belirteçleri küçük-büyük harf ayrımı yapmaz. < title > , < tITLE> veya < tiTlE> belirteçleri aynı görevi yaparlar. Not2: Her belirtecin bir WWW "browser"ında tanımlı olma zorunluluğu yoktur. Eğer browser desteklemediği bir komut ile karşılaşırsa kullanıcıyı uyarmadan belirteci gözardı eder. Temel Belirteçler Bu bölümde en sık kullanılan belirteçler kısaca anlatılacaktır. Konular Her HTML sayfasının ile ayrılan bir konusu olmak zorundadır. Konular genellikle sayfadan bağımsız olarak ekranın en üstüne basılır. Sayfamın konusu Başlıklar HTML, 1'den 6'ya kadar numaralanmış 6 çeşit başlık destekler. Başlıklar normal karakterlerden daha büyük ve kalın yazılırlar. Temel olarak, Sayfamın başlığı olarak tanımlanmış bir belirteçte y, 1 ile 6 arası bir değer alabilir. Y sayısı arttıkça fontun büyüklüğü azalır. Pek çok uygulamada, sayfanın konusu ile başlığını aynı tutabilirsiniz. Paragraflar Diğer kelime işlemcilerdekinin aksine, HTML dökümanlarında programcı özel bir belirteç kullanmadıkça bir cümle herhangi bir yerinden ayrılıp kalan kısmı altta görünebilir, birden fazla boş satır tek satır olarak algılanır. Aşağıdaki örnekte, kaynak kodunda iki satır olmasına karşın, WWW tarayıcı bunu algılamaz ve ekranda tek satır olarak görüntüler. Bir tarayıcı satır sonlarını ve boş satırları gözardı edeceğinden, paragrafları mutlaka < p> belirteci ile ayırmalısınız. HTML'ye hoşgeldiniz
Bu ilk paragraf

Buna göre aşağıdaki örnek, okuduğunuz dosyanın başındaki örnekle aynı çıktıyı verir. Burası konunun yazılacağı yer

Bu, 1 numaralı başlık

HTML dünyasına hoşgeldiniz. Birinci paragrafımız.

Bu da ikinci..

HTML dosyalarının okunurluğunu artırmak için başlıklar ile karşılık gelen belirteçleri aynı satirda, paragraf düzenleyen komutlar ise satır sonunda olmalıdır. Satır sonu belirteci Paragraf, iki satır arasında bir satır boşluk bırakırken, satır sonu belirteci kullanıldığı kursör alta geçer ve takip eden tüm metin,boşluk bırakmadan bir alttan yazılır. Bu ilk satır.
İkinci satır daha uzun.
Ama bu bir paragraf sonu..

Sayfanın ortalanması Paragraflar ortalanırken < center> ve belirteçlerinden yararlanılır. Ortalanması istenen tüm metin, bu iki belirtecin arasına yazılır.

In practical terms, HTML is a collection of styles. Bağlantılar HTML'nin en büyük özelliklerinden birisi, tek sayfa ile sınırlı kalmamasıdır. Böylece bir sayfadan diğerine bağlantı yapılabilir. HTML'in bu görevini yerine getirmesini sağlayan belirteç 'dir Dökümanınızdan başka dökümana bağlantı ypabilmek için: Belirteci girin. (Kısaca ilk satıra Kısa bir örnekle açıklayalım: İnternet'ten nasıl yararlanabilirim ? Ekranda "İnternet'ten nasıl yararlanabilirim ?" yazısı belirecek ve kullanıcıdan burayı seçmeyi bekleyecektir. Kullanıcı fare ile bu yazı üzerine tıkladığında ise program kontrolü yine bir HTML dosya olan internet.html dosyasına bırakacaktır. Bu durumda bulunduğunuz dizinden farklı bir dizindeki dosyaya bağlantı yapmak isterseniz, o dosyanın ait olduğu dizini yazmak zorundasınız.Buna göre "diller/Fortran/giris.html" dosyasını kullanabilmek için Fortran diline giriş şeklinde bir belirteç yazmak gerekir. Kaynak Bağlantıları HTML'in bir diğer özelliği ise, tek bir makinaya bağımlı kalmadan diğer İnternet servisleriyle bağlantı kurabilmesidir. Bunun için URL (Uniform Resource Locator) kullanılır. URL, http,gopher, news ve telnet gibi servisler olabilir. Kullanım şekli, URL-ismi://makina-ismi[:port]/dizinler/dosya-ismi Burada URL, file : Kendi makinanız üzerindeki bir dosyaya, http : Bir WWW sunucusu üzerindeki bir dosyaya, gopher : Gopher sunucusu üzerindeki bir dosyaya, news : Bir UseNet haber grubundaki bir dosyaya, WAIS : WAIS sunucusu üzerindeki bir dosyaya erişmek için kullanılır. Birkaç örnek vermek gerekirse, Yeni başlayanlar için yardım sayfası Port numarası, genellikle yazılmaz. Size aksi durum belirtilmedikçe, kullanmanıza gerek yoktur. WWW standart portu 80'dir. Döküman içi bağlantılar Bir metin üzerinde belirli bölgelere ulaşmak için yine belirteçler kullanılabilir. Diyelim ki bir döküman hazırladınız ve bunu kullanıcının erişebileceği 2 parçaya ayırmak istiyorsunuz. Yapmanız gereken, bu üç parçanın isimlerini belirlemek ve dökümanda yerlerini ayırmaktır. Örnekte, Buradan ilk bölüme gidin Buradan ikinci bölüme İşte ilk bölüm İlk bölüm ile ilgili metinler burada...
İşte ikinci bölüm İkinci bölüm ile ilgili metiner burada.. başka dökümana geçiş Ana komutlar Listeler Dökümanların göze hoş görünmelerini sağlamak amacıyla listeler yaygın olarak kullanılır. HTML, pek çok liste çeşidi destekler. Bunlar, düz listeler, numaralı listeler, tanımlı listeler ve içiçe listelerdir. Düz listeler Düz liste yaratmak için, Listeye başlamak için belirteç açılır.

belirteci girilir. Kapatmak için

Örnek olarak,

Elma
Armut

Örnek, ekranda şu şekilde görülür : Elma Armut

belirteçleri içinde paragraflar, diğer dökümanlara bağlantılar, ve diğer belirteçleri kullanabilirsiniz. Numaralı Listeler Numaralı listeler, düz listelerden farklı olarak,

Linux İşletim Sistemi
Linux'un desteklediği donanımlar

ile belirtilir,

ile başlık altına metin girilir. Tüm liste,

ile arasına alınır.

Kişisel Kullanım: Linux evinde veya işinde UNIX işletim sistemi altında çalışmak isteyenler için ideal bir platformdur. Özellikle işi veya eğitimi sırasında UNIX platformlar altında çalışmak, uygulamalar kullanmak veya yazılım geliştiren kişiler kendi kişisel bilgisayarlarında benzer ortamı yakalayabilmektedirler.
Internet Sunucusu: Linux doğrudan TCP/IP desteği ile gelmektedir. Bu yönü ile TCP/IP temelli bilgisayar ağlarında hem istemci hem de sunucu olarak yaygın kullanım bulmuştur.

Ekrandaki çıktı şu şekilde görünür: Kişisel Kullanım Linux evinde veya işinde UNIX işletim sistemi altında çalışmak isteyenler için ideal bir platformdur. Özellikle işi veya eğitimi sırasında UNIX platformlar altında çalışmak, uygulamalar kullanmak veya yazılım geliştiren kişiler kendi kişisel bilgisayarlarında benzer ortamı yakalayabilmektedirler. Internet Sunucusu Linux doğrudan TCP/IP desteği ile gelmektedir. Bu yönü ile TCP/IP temelli bilgisayar ağlarında hem istemci hem de sunucu olarak yaygın kullanım bulmuştur. İçiçe Listeler Tüm liste çeşitleri, 3'den fazla bölüm kullanmadıkça içiçe yazılabilir. Örnek olarak,

İstanbul'un büyük semtleri
Beyoğlu
Taksim
Bakırköy
Ankara'nın belli başlı yerleşim birimleri
Kızılay
Ulus Ekrandaki görüntüsü, İstanbul'un büyük semtleri Beyoğlu Taksim Bakırköy Ankara'nın belli başlı yerleşim birimleri Kızılay Ulus Formatlı Metinler HTML'de, programda yazıldığı gibi ekrana çıktı vermeyi sağlayan komutlar
```
 ve 
```
belirteç çiftleridir. Bunlar kullanıldığı zaman tüm metin, yazıldığı gibi ekranda görünür. Aşağıdaki satırlar,
```
    PATH=.:~/bin/:$PATH
    export PATH
    # Set up the terminal:
           stty erase "^?" kill "^U" intr "^C" eof "^D"
           stty hupcl ixon ixoff
    date '+Tarih :%D'
    TERM=vt100
   
```
ekranda şu şekilde görünür : PATH=.:~/bin/:$PATH export PATH # Set up the terminal: stty erase "^?" kill "^U" intr "^C" eof "^D" stty hupcl ixon ixoff date '+Tarih :%D' TERM=vt100 HTML'de yorum satırları HTML dokumanda yorumlayıcı tarafından gözönüne alınmayacak olan yorum satırları belirteçleri arasına alınır. Bu sayede programı yazmayı kolaylaştıracak yorumlar eklenebilir. Örneğin, veya

dolunay-fm

form deneme

Bu, 1 numaralı başlık