I. Html Temelleri
1.1 Giriş
1.2 Html Sayfa Yapısı
1.3 Bir Sayfa Yapalım

1.1 Giriş

    Html'e, internette gezerken kullandığımız browserların anlayacağı bir çeşit yazı formatı diyebiliriz. Browser, Html komutları ile hazırlanan bir sayfadaki yazıları, resimleri ve çeşitli programcıkları Html ile belirtilmiş olan şekilde yerleştirir.

    Html anlaşılması oldukça basit olan bir dizi komutlardan oluşmaktadır. Bu komutlara devamlı yenisi eklense de, Html'in temellerini kavrarsanız anlaması çok kolaydır. Sayfanızı uzantısı .html olacak şekilde, en basit olarak Notepad programında yazıp, kaydedebilirsiniz. Fakat Notepad'de uzun uzun bu kodları elle yazmak çok zahmetli olacağından html editorleri diye adlandırılan bir çok program yazılmış. Bunlara örnek olarak Frontpage, HotDog ve Netscape'in editorü verilebilir.

    Bazı programlar hiç bir Html bilgisine ihtiyacınız olmadan sadece menüler yardımıyla sayfa oluşturabileceğinizi söylerler. Bu programlarda aynı bir Word programındaki gibi yazınızı yazar, resminizi istediğiniz yere koyar ve kaydedersiniz. Fakat bazı durumlarda bu programlar yetersiz kalıyor ve sizin Html kodlarını elle yazarak müdahale etmeniz gerekiyor. Size tavsiyem başlangıç için Internet Explorer ile gelen FrontPage programını kullanmanız.

1.2 Html Sayfa Yapısı

    Html komutlarına İnglizce'de "tag" ismi verilir. Türkçe'ye "im" olarak çevirmişler ama ben genelde komut demeye devam edeceğim. Bir Html sayfasının iskelet yapısı şöyledir:

<HTML>
<HEAD>
<TITLE>
Benim Sayfam</TITLE>
......
</HEAD>
<BODY>
.......
.......
</BODY>
</HTML>

Gördüğünüz gibi her komut < > parantezleri arasına yazılıyor. <TITLE>Benim Sayfam</TITLE> da gördüğünüz gibi her komutun bir başlangıç bir de bitişi var. Komutlar
<....> ile başlar </...> ile bitirilir.

Şimdi yukarıdaki komutların neler olduğuna bakalım:

<HTML>: Browser, dosyanın başında bu komutu görünce, bu dosyanın bir Html sayfası olduğunu anlar. Bir sayfadaki bütün komutlar <HTML> ile </HTML> imleri arasına yazılır.

<HEAD>: Bu komut arasında, <TITLE> komutu ve arama motorları için yazılan, sayfanın içeriği hakkında bilgi veren komutlar yer alır. Bu komut <BODY> komutundan önce biter.

<BODY>: Bu komut arasına yazılanlar browser'ın penceresinde görüntülenir. Yani asıl sayfa'nın içeriği burada yer alır. </HTML> den önce bitirilir.

1.3 Bir Sayfa Yapalım

    Şimdi basit bir sayfa hazırlayalım. Bunun için öncelikle Notepad programını açın. Ve aşağıdakileri yazın.

<HTML>
<HEAD>
<TITLE>
Benim Sayfam</TITLE>
</HEAD>
<BODY>
<P>
Bu benim ilk sayfam ve benim sayfam mükemmel.</P>
</BODY>
</HTML>

    Şimdi de bu sayfayı sayfam.html olarak kaydedin. Daha sonra kaydettiğiniz klasöre gidip, sayfam.html dosyasına çift tıklayarak internet explorer'da sayfanızın nasıl göründüğüne bakın. İşte ilk sayfanızı hazırladınız. Burada ki <P> paragraf komutudur. Bu komut arasında yazılan yazılar browserınızda görünür.