HTML ÖĞRENELİM ! 1
HTML öğrenelim ! 1
Kendi İnternet sitemizi veya kendi bloğumuzu kendimiz yapabilmemiz için HTML ‘ yi öğrenmemiz gerekir.Kendim araştırarak bulduğum HTML ile ilgili Türkçe bilgileri ve HTML 4 'ün adresi http://www.w3.org/TR/html4/ ile HTML 5'in adresi http://www.w3.org/html/wg/html5/ İngilizce’dir.İngilizce’den Türkçe’ye çevirerek (bu adreste sizde anında İngilizceden Türkçeye çeviri yapabilirsiniz http://www.hemencevir.com .Bazen cümleler devrik ve anlamsız olabiliyor ama yine de güzel bir adres ) elde ettiğim bilgileri sizlere de aktarmak istiyorum.İlgilenen arkadaşlara .
--------------------------------------------------------------------------------
HTML dosyası nedir ?
HTML , Hyper Text Markup Language kelimelerinin başharflerinden oluşmaktadır.Hyper=Reklamcı,Tanıtımcı.Text=Metin.Markup=Zam,Fiyatartışı.
Language=Lisan,Dil.Bunu geliştirilebilir zengin içerikli ve tanıtım amaçlı metin dili
veya lisanı diyebiliriz.
Bir HTML dosyası,ilave tanıtım etiketlerini içeren bir metin dosyasıdır.
Bu etiketler, ağ tarayıcısına sayfayı nasıl göstermesi gerektiğini söyler.
Bir HTML dosyası, bir htm veya html dosya uzantısına sahip olmalıdır.
Bir HTML dosyası, basit bir metin editörünü kullanarak yaratılabilinir.
--------------------------------------------------------------------------------
Denemeyi istermisiniz ?
Eğer Windows kullanıyorsanız,Notepad'i=Not defteri'ni başlatın.
Eğer Mac kullanıyorsanız, SimpleText'i=Basit metinleyici'yi başlat.
OSX başlangıcında TextEdit'i=Metin Düzelticin'i başlat ve şu değişiklikleri yap,eğer takip eden tercihleri yapmassan ,senin HTML kodun muhtemelen çalışmayacak."Format"="Biçim" menüsünü aç ve "Plain text"'i="Açık metin"'i "Rich text"'nin="Zengin metin"nin yerine seç.Sonra "Preferences"="Tercihler"menüsünün altında "Text Edit"="Metin düzeltme" penceresini aç ve "HTML dosyalarında zengin metin emirlerini görmezlikten gel"'i seç.
Takip eden metni,sisteminize göre seçmiş olduğunuz,metin yazarının içine yazınız :
< HTML>
< HEAD>
< TITLE>Sayfanın başlığı.< /TITLE>
< /HEAD>
< BODY>Bu,benim ilk HTML denemem.
< B>Bu,metin bold ile yazılmıştır.< /B>
< /BODY>
< /HTML>
Bu dosyayı farklı kaydet’ten "ilksayfam.Htm" olarak kaydet.Kayıt ettiğiniz yeri unutmayın.İsterseniz masa üstüne kopyalayın.
Internet tarayıcını başlat.Tarayıcı’nın “File”=”Dosya” menüsünde "Open" (or "Open Page")=”Aç”(veya “Sayfa Aç”) ‘ı tıkla. Bir diyalog kutusu,gözükecek.Bu diyalog kutusundan "Browse" (or "Choose File")=”Aç”(veya”Göz at”)’ı seçerek, senin yaratıp dosyaladığını "ilksayfam.Htm"’yi seçerek saptarsın ve "Open"=”Aç”’a tıkla. Sen şimdi, diyalog kutusunda bir adresi görmektesin,örneğin ("C: Belgelerim/ilksayfam.Htm").”OK”=”Aç”’a tıklayarak onayladığında tarayıcı sayfayı gösterecek.
Eğer “ilksayfam.Htm”dosya’sını masaüstüne kopyaladıysanız ,masaüstünde dosyayı bulup farenin sol tarafı ile iki defa dosya üstüne tıklarsanız tarayıcı sayfayı hemen gösterecektir.
Sayfadaki yazının metni yukarıda yazdığınız HTML tanıtım etiketleri marifeti ile aşağıdaki gibi görünecektir.
Bu,benim ilk HTML denemem.
Bu,metin bold ile yazılmıştır.
--------------------------------------------------------------------------------
Örneğin açıklaması :
Senin HTML dokümanında ilk etiket, (< html>) dir. Bu etiket, bunun, bir HTML dokümanının başlangıcı olduğunu senin tarayıcına söyler. Senin dokümanında son etiket,(< /html>) dir. Bu etiket, bunun, HTML dokümanının sonu olduğunu senin tarayıcına söyler.
(< head>) etiketi ile (< /head>) etiketlerinin arasındaki metin, (dik dalış bilgisidir) yani doküman hakkındaki tanımlayıcı ve ek bilgileri içeren bir doküman kısmını kapsar. Dik dalış bilgisi, tarayıcı penceresinde gösterilmez.
(< title>) etiketi ile (< /title>) etiketlerinin arasındaki metin, senin dokümanının başlığıdır. Başlık, senin tarayıcının başlığında gösterilir.
(< body>) etiketi ile (< /body >) etiketlerinin arasındaki metin, senin tarayıcında gösterilecek olan metindir.
(< b>) etiketi ile (< /b>) etiketlerinin arasında metin, “bold” (“cesur bir”) yazı tipinde gösterilecek.
--------------------------------------------------------------------------------
HTML veya HTM :
Bir HTML dosyasını kayıt etmek gerektiği zaman ya .htm yada .html uzantısını kullanabilirsin.Yukarıdaki örnek dosyada .htm kullanıldı.Geçmişte dosyaların uzantılarına sadece üç harf’e izin veridiği için bugün kullanılan .html üç harf’ten fazla uzantılar ile uyum sağlama sorunu yaşanmamaktadır.
--------------------------------------------------------------------------------
HTML editörleri :
Sen kolayca, bir WYSIWYG'i (what you see is what you get)=(Senin, neyi gördüğün, senin, neyi olduğundur) editörü kullanıyor olan HTML dosyalarını ,( FrontPage)=(Ön sayfa) veya (Dreamweaver)=(Dokumacı rüyası) gibi editörde düzeltebilirsin, yani senin zamını yazmanın yerine açık bir metin dosyasında etiketler.
Yine de, eğer sen, becerikli bir ağ geliştiricisi olmayı istersen, biz kuvvetle, senin, senin ilk kitabının HTML'yi öğrenmen için açık bir metin editörünü kullanmanı tavsiye ederiz.
--------------------------------------------------------------------------------
Sıkça sorulanlar :
-Ben , bir HTML dosyasını düzelttikten sonra, benim tarayıcımda sonucu niye göremiyorum?
-Senin, bir özel isimle dosyayı kayıt ettiğine ve uzantısının ("C: Belgelerim ilksayfam . Htm") doğru olduğundan emin ol. Hem de senin tarayıcında dosyayı açtığın zaman aynı ismi kullandığına emin ol.
- Ben, bir HTML dosyasını düzelttim, ama değişiklikler, tarayıcıda göstermez. Niye?
-Bir tarayıcı, sayfaları saklar, bundan dolayı o, iki kez aynı sayfayı okumak zorunda değil.Senin, bir sayfayı değiştirdiğin zaman, tarayıcı, onu bilmez.Tarayıcının tazelemesinin, tarayıcıyı zorlaması için sayfayı tekrar doldurmak için yenile düğmesini tekrar kullan.
- Ben, ne tür bir tarayıcı kullanmalıydım?
- Sen, iyi bilinen tarayıcıların hepsiyle bütün eğitimi yapabilirsin, Internet Explorer (Internet kaşifi), Firefox (Ateş tilkisi), Netscape Navigator (Ağ burnu rotacısı ) veya Opera gibi.Son sürümleri olsun yeter.
- Benim bilgisayarım, Windows’u (Pencereleri) koşmak zorunda mı? Mac (Arkadaş) ne güne duruyor?
- Sen, bir (Mac) arkadaş gibi bir (Windows) pencere olmayan bilgisayarında bütün eğitimini yapabilirsin.
--------------------------------------------------------------------------------
UYARI !
HTML dökümanları , HTML öğelerinden yapılan metin dosyalarıdır……..
HTML öğeleri , HTML etiketlerini kullanmak için tanımlanır…..
--------------------------------------------------------------------------------
HTML etiketleri :
HTML etiketleri, HTML öğelerine değer artışı için kullanılır.
HTML etiketleri, iki karakter ile kuşatılır (< ve >) .
Çevredeki diğer karakterler, başka destekler çağırır.
HTML etiketleri normal olarak, çiftler halinde (< b>) ve (< /b>) gibi gelir.
Bir çift etiketin ilk etiketi başlangıç etiketidir, ikinci etiket ise son etiketidir.
Başlangıç ve son etiketlerinin arasındaki metin, öğe içeriğidir.
HTML etiketleri, hassaslığı olan olaylar değildir. (< b>) aynen öyle (< B>) gibi ifade eder.
--------------------------------------------------------------------------------
HTML öğeleri :
Yaptığımız ilk örnek denemeye bakın :
(< b>)Bu,metin bold ile yazılmıştır (< /b>) diye yazdığımız bir HTML öğesidir.
HTML elementleri (< b>)=başlangıç öğesi ile başlar.
HTML öğesinin içeriği : Bu,metin bold ile yazılmıştır,cümlesidir.
HTML elementleri (< /b>)=sonlandırma öğesi ile biter.
(< b>) etiketinin amacı yazılacak olan HTML öğesinin “bold”= (“cesur bir”) ile yazılacak olmasını tanımlamaktır.
Öyle ise örnekte yazdığımız (< body>)’ de bir HTML öğesidir :
Bu HTML öğesi, başlangıç etiketi (< body>) ile başlar ve son etiketi (< /body>) ile sonlanır.
(< body>) etiketinin maksadı, HTML dökümanı’nın vücudunu içeren HTML öğesini tanımlamaktır.
Küçük harf etiketleri niye kullanılır ?
Daha önce küçük harf ve büyük harf arasında bir fark olmadığı söylenmişti.Evet aynen öyle.
Ağ’da sörf yaparken ,web siteleri kaynak kodlarda HTML etiketlerinde büyük harf HTML etiketlerini kullandıkları görülür.
Fakat artık çoğunlukla HTML etiketlerinde küçük harf kullanılır.
En gelişmiş ağ standartlarını izlemek için küçük harf etiketleri kullanmak gerekiyor.
The World Wide Web Consortium (Dünya çapında ağ konsorsiyumu )(W3C) ,HTML 4 ten ve XHTML de küçük harf etiketlerini tavsiye etmektedir.
Etiketler’in nitelikleri :
Etiketler niteliklere sahip olabilir.
Nitelikler bir HTML öğesine ilave bilgi sağlarlar.
Takip eden etiket bir HTML masasını tanımlar : (< table>)
Eklenen bir sınır niteliğiyle, masanın, hiçbir sınıra sahip olmamasını tarayıcıya söyleyebilirsin: (< table border= "0">)
Nitelikler her zaman, bunun gibi (isim/değer) name/value çiftlerinde gelir:( name="value").
Nitelikler her zaman, bir HTML öğesinin başlangıç etiketinde belirtilir.
Yine de, dünya çapında ağ konsorsiyumu (W3C), onların HTML-4 tavsiyesinde küçük harf (Nitelikler, atfeder) değerlerini tavsiye eder, ve XHTML, küçük harf (Nitelikler, atfeder) değerlerini talep eder.
Her zaman alıntı niteliği, değer biçer.
Çift tarz alıntısı, en ortak olandır, ama tek tarz alıntı hem uygulanan, hem de izin verilendir.
Bazı nadir durumlarda, niteliğin tek alıntıları kullanmak için, kendinin, alıntıları içerdiğine değer biçtiği zamanı beğenir, zorunludur: ( name='John "ShotGun" Nelson').
0 yorum yazılmıştır