Html'nin Temel Kuralları

Artık bu boş sayfayı gerçek, yani yayınlanabilir bir web sayfası haline getirmeye başlayalım.
Şimdi tarayıcı açıp tekrar Görünüm / Kaynak adımlarını tıklayıp Not Defterimizi açalım. Not defterimize İşte ilk sayfam yazalım. Not Defterinin üzerindeki Dosya / Kaydet adımlarını izleyerek bu sayfamızı bilgisayarımıza kaydedelim. Burada Alt ve Tab tuşlarına basarak tarayıcımıza geri dönelim. Şimdi önümüzde boş olarak duran tarayıcı penceresini görüyoruz hala. Hemen (MS Internet Explorer için) F5 tuşuna veya (Netscape Navigator için) Ctrl + R tuşlarına basalım. (Uygulamalarda F5 tuşu İnternet Explorer, Ctrl + R tuşu Netscape Navigator tarayıcılarında kullanılır.) Tarayıcınıza dokunan sihirli değnek çalıştı ve tarayıcı penceresinde "İşte ilk sayfam" yazısını gördünüz.

Ama daha tam manasıyla bir web sayfası elde etmedik.

Bu sayfanın web sayfası sayılabilmesi için her web sayfasında bulunması gereken temel 4 takının bulunması gerekiyor.

Şimdi bu temel 4 takıyı görelim ve hazırladığımız sayfa tam bir web sayfası olsun.

Bu takıların ilki <html></html> takısıdır. Kural olarak her web sayfası <html> takısı ile başlatılır ve sayfanın tüm işlemleri bittikten sonra sayfanın en altında, cümle sonundaki nokta işareti gibi, </html> takısı ile kapatılır. Çok değişik bir iki istisna dışında bu bir kuraldır.

İkinci temel takımız <head></head> takısıdır. Bu takının işlevi, arasına yazılacak özel işlev gördürmeye yarayan ekstra takıların çalışmasını sağlamaktır. Bir örnek vermek gerekirse, sayfamızın dili, yayıncısı, içeriği, copyright yani yayın hakları, Internetteki arama motoru denilen özel sitelerce izlenip, izlenmemesi gibi özel durumların belirtildiği ve Meta Takıları denilen takıların yer aldığı bölümdür. Meta takılar, <head></head> takısı içerisinde aşağıdaki gibi yer alırlar.

Bunun gibi, Java Script veya CSS (Cascading Style Sheets) yani Katmanlı Stil Sayfaları gibi bazı özel kodlar da tarayıcıyı yapılması gereken emirlerin verilmesi amacı ile bu bölüme eklenmek zorundadır.

Üçüncü temel takımız <title></title> takısıdır. Bu takının anlamı (başlık) demektir. İşlevi ise, bir web sitesi açılınca tarayıcımızın üstteki Başlık çubuğunda sitemizin adını, içeriğini vb. görüntületmektir.

Dördüncü ve son takımız <body></body> takısıdır. Anlamı (gövde) olan <body> takısı açıldıktan sonra tüm web sitemizin içeriğini yazıp, resimleri, diğer grafikleri, belki müzikleri ekledikten sonra bu sayfa ile artık işimizi bitirip yayına hazır hale getirdiğimizde sayfamızı </html> takısıyla kapatmadan önce </body>takısı yazarak bitiririz.

Şimdi Not Defteri uygulamasını çalıştıralım ve sıarası ile;

<html>
<head></head>
<title>Benim Sayfam</title>
<body>İşte bu benim ilk, gerçek web sayfam
</body>
</html>

yazalım. Not defterimizin Dosya / Kaydet adımlarıyla kaydedelim. Not Defterimizi kapatıp, tarayıcımız açıkken F5 tuşuna basalım.
Şimdi taracımızın en üstünde "Benim Sayfam" ana sayfasında da "İşte bu benim ilk, gerçek web sayfam" ibarelerini görmüş olmalısınız.
Evet, gerçekten de html dili kullanılarak yazılmış gerçek bir web sayfanız var artık.

Tags : (Takılar)

İlk web sayfamızı hazırlarken Tag (Takı) kelimesini çokça kullandık.
Nedir bu Takı?
Html'nin basitçe bir program dili olduğunu bir önceki sayfamızda söylemiştik. Bu dilin bir web sayfasında kullanılması çok geniş bir yelpazesi olan Takılar sayesinde olur. Sayfamızı bir takı ile başlatırız, yazdığımız tüm yazılara renk, kalınlık vb. özellikleri takılarla sağlarız. Takılarla tablolar yapar, çerçeveler yaratırız. Kısaca sayfamıza kazandıracağımız her özellik bu takılar sayesinde gerçekleşebilir. takılar <> </> işaretleri ile diğer metinlerden ayrılırlar. Düz olarak yazdığımız bir yazıya bir takım fonksiyonlar kazandırmak için bir tür komut vermek gerektiğinde, örneğin yazının kalın olmasını sağlamak için, kalın olmasını istediğimiz bölümün önüne <b> takısını ekler, kalın kısmın bitiminde </b> takısıyla kapatırız.
Takılar <> işaretleri ile başlatılır ve bir iki istisna dışında komut uyygulamasının sonunda </> işaretleriyle kapatılır.
Bir üst paragrafta, <head></head> takısının içeriğini örneklerken;

<meta NAME="Language" CONTENT="turkish english">

şeklinde bir takı kullanıldığını belirtmiştim. Dikkat ederseniz <> işaretleri ile açıldığı halde bu takı </> işaretiyle kapatılmadı. Bu özel bir takı olduğu ve içeriğini komut olarak tarayıcıya gönderdiği için, takının kapatılması gerekmiyor.

Bu tür istisnalar dışında takılar </> işaretiyle kapatılırlar. Eğer kapatılmazlarsa sayfa sonuna dek aynı işlemi vurgulamaya devam ederler.

Tarayıcı özellikleri :

İnternet uygulaması yaygınlaşmaya başlayınca gerek Windows işletim sisteminin yapımcısı Microsoft, gerekse ona rakip olan firmalar zamanla, işletim sistemi konusunda olduğu gibi, web tarayıcılarında da rekabete başladılar. Microsoft'un İnternet Explorer programına karşı çeşitli tarayıcılar geliştirildi. İlk dönemlerde Netscape firmasının Navigator'u, Exploreri oldukça zorladı ise de, zaman içinder itibarını kaybetmeye başladı. Araya bir de Opera gibi daha özgün yazılımlar girdi. Günümüze gelindiğinde, Netscape firması Mozilla adlı açık kaynak kodlu bir yazılımla Explorer'in tahtını sallayarak firmanın eski itibarını kazanmasına neden oldu.

Günümüzde, hemen hemen aynı yapıda geliştirilen bu tarayıcılarla, aralarında önceleri kaynaklanan uyuşmazlıklar da önlenmiş oldu. Bu durumda web sayfalarının İnternet'den yayınlanması esnasında oluşabilecek uyumlar, adeta standart bir duruma geldi.

Web sitelerinin yayınlanmasında sabit bir standart olmamasına karşın, web sitemizin yayını esnasında bazı özellikleri de göz önünde bulundurmakta fayda var. Bunların en önemlisi ekran çözünürlüğü.
Ekran çözünürlüğü, sabit olmayıp, kişilerin beğenilerine göre ayarlanabilir olduğu için, hazırladığımız ve bize göre uygun bir görünüme sahip web sayfasının, diğer kullanıcılar, yani ziyaretçilerimiz açısından da rahatça izlenebilmesi için kullandığımız ekran çözünürlüğünü ziyaretçilerime bir not oılarak aktarmakta fayda var.
Kullanılan yaygın ekran çözünürlüğü 800 X 600 piksel ve 16 bit renk derinliğinde olanıdır. Bu, ekranımızın soldan sağa (boyuna) 800, yukarıdan aşağı (enine) 600 piksel (noktacıkla) görüntüleri vermesi demektir. Ancak görüntünün 1024 X 768 ve daha değişik ekran çözünürlüklerinde de ayarlanabilmesi olası. Yani yatay 1024, düşey 768 noktacık düşen bir ekran. Bu durumda görüntünün daha ufaldığı, adeta pencere ve simgelerin minik minik kaldığı gözlenebilir.
Kişilerin beğenileri her ne olursa olsun, web sayfalarının görünümünde en çok uygulanan usul 800 X 600 ekran çözünürlüğü kullanmaktır. Siz de web sitenenizi bu ölçütte boyutlanmdırmaya ve ziyaretçilerinizi " Web sitem en düzgün 800 X 600 ekran çözünürlüğünde görüntülenir." gibi bir ibare ile bilgilendirmenize dikkat etmeyi unutmayın.