- 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.
|