HTML NEDİR
HTML Nedir?
———————
HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir. HTML dosyalarının aktarımı için HTTP (Hyper Text Transfer Protocol) kullanılır. HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır. Yazdığımız html dosyaları düz yazı dosyalarından başka bir şey değildir. Yani yazdığımız html dosyalarını bir C ya da Pascal programında olduğu gibi bir derleyici ile derlememize gerek yoktur. Bir siteye girdiğimiz zaman bize görüntülenen ilk sayfa index.html, index.htm, index.asp, index.php ya da default.htm dosyalarından birisidir. index.* dosyaları UNIX ve türevi sunucu sistemler, default.htm dosyasıda WinNT ya da türevi sistemler için giriş sayfası olur. Yukarıda saydıklarımın dışında uzantısı değişik birçok biçemdeki sayfalar da sunucu sistemin ayarları değiştirilerek giriş sayfası yapılabilir.
Web istemcimizin adres satırına http://www.belgeler.org gibi bir ifade yazarsak sunucu sistem bize, o adresin www kök dizinindeki index.html (ya da hangi giriş sayfası tanımlı ise) dosyasını görüntüleyecektir.
——————————————————————-
HTML’nin Yapısı
——————–
Daha öncede söylediğim gibi html dosyaları sadece düz yazı dosyalarıdır. HTML öğrenmesi oldukça basit ve yaratıcılığa fazla açık olmayan bir dildir. Basittir çünkü, internette gezinirken görüntülediğiniz sayfaların hazırlanırken kullanılan teknikleri öğrenmemiz mümkündür (Sayfanın üzerinde farenizin sağ tuşuna bastıktan sonra Kaynağı Görüntüle seçeneği ile). Beğendiğiniz tasarımları kendi sayfanızda kullanabilir, bu tasarımların hangi html kodları kullanılarak yapıldığını öğrenebilirsiniz. Yaratıcılığa fazla açık değil dedim çünkü html ile yazdığınız sayfalar PHP, ASP, ColdFusion, CGI… gibi web programlama dilleri kullanılmadan statik html dışına çıkamaz.
HTML kodlarını yazmak için özel bir düzenleyiciye ihtiyacınız yoktur. Bu iş için Windows altında NotePad ya da DOS-Edit, Linux altında pico, joe ya da vi gibi metin düzenleyicileri yeterlidir. HTML sayfalarınızı kod yazmaksızın FrontPage, Netscape Composer gibi programlarla da hazırlayabilirsiniz. Yalnız bu programlar kullanılarak hazırlanan sayfalar genellikle belli bir çerçeve içinde olduğu için zaten dar olan HTML’nin üreticilik alanını daha da daraltmaktadır. Bunun yanı sıra HTML’yi kod düzeyinde bilmenin kullanıcıya her zaman fayda getireceği de unutulmamalıdır (İleriki bölümlerde değineceğim Dinamik Web Tasarımı için HTML’nin kod düzeyinde bilinmesi gereklidir!).
——————————————————————-
HTML’ye Giriş
——————–
Etiket, HTML dosyasında kullanılan komutlara verilen addır. HTML içinde kullanılan tüm etiketler “<” işareti ile başlar ve “>”ile biter. Ayrıca etiketin yorum aralığı da “” kalıbı ile bitirilir. Aşağıda etiket kullanımına kısa bir örnek verdim.
….Burası etiket2’nin yorum aralığı…
….
…Etiket2 hala tanımlı…
…
Görüldüğü gibi en son, etiket2 etiketi ile kapatılıyor. Dikkat ederseniz değişik etiketler birbirlerinin içinde kullanılabiliyor. Yani açık etiketin içinde başka bir etiket açıp istediğiniz işlemi gerçekleştirebiliyorsunuz. Etiketin bitiş işaretini () vermediğiniz sürece o etiket tanımlı olarak işlem görür.
Tüm HTML dosyaları etiketi ile başlayıp etiketi ile son bulur. Bunun yanında etiketi ile etiketi arasında hiçbir fark yoktur. Ancak etiketleri küçük harflerle yazmaya alışmanızı öneririm. İleride XHTML kodları yazmak zorunda kalabilirsiniz ve XHTML dilinde etiketlerin küçük harflerle yazılması zorunludur.
HTML dosyaları temel olarak iki bölümden oluşur. Bunlar HEAD (Başlık) ve BODY (Gövde) kısımlarıdır. Başlık kısmında ziyaretçiye görünmeyen, sayfa hakkında tanımlayıcı bilgiler bulunur. Gövde kısmı ise web sayfamızın ziyaretçiye görünen kısmını yani asıl kısmını oluşturur.
——————————————————————-
br: Bu etiket, satır atlamak için kullanılır. HTML kodunu tarayıcınız en baştan başlayarak sona doğru sırayla okur. İsterseniz tüm kodları tek satırda da yazabilirsiniz, birşey fark etmez. Ama siz düz metin yazarken enter tuşu ile alt satıra geçtiğinizde tarayıcınız bunu algılamaz ve yazdıklarınızı yanına eklemeye devam eder. Düz metinde o andan itibaren bir alt satıra geçmek için br etiketini kullanırız. br etiketini kapatmaya gerek yoktur. İki kere kullanırsak bir satır boşluk bırakır.
p:HTML’de paragraf amak için bu etiketi kullanırız. Bu etiket arasında kalan metinleri paragraf şeklinde düzenler. Kapatılması zorunlu değildir. Kapatılmazsa, metinin sonuna kadar paragraf kabul eder.
b:Bold, yani kalın yazı manasına gelir. Belirgin olmasını istediğiniz yazıları “b” etiketi ile kalın yazabilirsiniz.
i:italik, yani eğik yazı manasına gelir. Belli kelimeleri yada paragrafı eğik şekilde yazmak istiyorsanız, paragrafın yada kelimenin başına ve sonuna “i” etiketi getirilmesi zorunludur.
center:Bu dersin en önemli tagıdır. Türkçe’de “ortalanmış” manasına gelir. “center” “/center” etiketleri arasına ayzdığınız yazılar, koyduğunuz resimler, tabolar kısaca herşey sayfaay ortalanır. Bu çoğu zaman şekilde göze hoş gelir
****************************************************************
Yorum Yapin