|
||
| HTML ile basit bir web sayfası olusturma HTML dilini kullanarak basit bir web sayfasını asagıdaki gibi yazabiliriz. Simdi bu metni bir web sayfası olarak bilgisayarınıza kaydedelim. Bunun için: • Bir metin editörü açınız. Mesela Notepad editörü olabilir. • Bu editöre asagıdaki metni kopyalayıp yapıstırınız. • Daha sonra bu dosyayı merhaba.html ismiyle kaydediniz. Bu isimle kaydederken dosya çesidi kısmında bütün dosya tipleri seçenegini seçmeyi unutmayınız. Yoksa bu dosya merhaba.html.txt olarak kaydedilebilir. Kod: <html> <head> <title>Basit bir HTML sayfası. </title> </head> <body> <h1><center>Herkese Merhaba</center></h1> <p>Bu benim ilk web sayfam. Web sayfası olusturmak gercekten çok guzel.</p> </body> </html> Bu metinde görmüs oldugunuz küçüktür isaretiyle baslayıp büyüktür isaretiyle biten ifadeler HTML imleridir. Bu metindeki html imleri sunlardır: <html>, <head>, <title>, <body>, <h1>, <center>, <p>. Bu imler belge içindeki bilgileri tanımlarlar ve kullanıcıya bu bilgilerin nasıl sunulacaklarını bildirirler. Simdi bu basit web sayfasının tarayıcıda nasıl gözükecegini görelim. Bunun için: • Web tarayıcınızı baslatınız. • Web tarayıcınızın dosya menüsünden dosya aç seçenegini seciniz. • Gelen küçük pencerede bilgisayarınıza kaydettiginiz merhaba.html dosyasını seciniz. Daha sonra tamam dediginizde asagıdaki gibi bir sayfa göreceksiniz.  HTML Belgesi baslangıç ve bitisi: <html> ve </html> imleri HTML imlerinin kendileri web tarayıcısı içinde gözükmezler. HTML imleri tarayıcıya ne yapmaları gerektigini bildirirler. Bu belgedeki <html> imi bu sayfanın baslangıcını, </html> imi ise bu sayfanın bitimini gösterir. Yani <html> imi baslangıç imi </html> imi ise bitis imidir. Dolayısıyla her zaman bir html belgesindeki bütün bilgiler bu iki html imi arasında olmalıdır. HTML Belgesi Bas ve Gövde Kısımları: <head> ve <body> imleri Her html belgesi iki ana bölümden olusur. İlk bölüm bas kısımdır. İkinci bölüm ise gövde kısmıdır. Bas kısmı <head> imiyle baslar ve </head> imiyle biter. Dolayısıyla bas kısma ait bilgiler bu iki im arasında olmalıdır. Bir belgenin bas kısmına bu belgeyle ilgili genel bilgiler konulur. Bu bilgiler tarayıcı içinde gösterilmezler. Belgenin gövde kısmı ise <body> imiyle baslar ve </body> imiyle biter. Gövde kısmına tarayıcı içinde gösterilecek bilgiler konulur Örnekteki Diger imler Yukarıdaki basit html örnegindeki diger imlerden <title> imi, bu belgenin baslıgını gösteren imdir. Baslık imi içindeki metin web tarayıcısının içinde degil ama en tepesinde gözükür. Yukarıdaki tarayıcı resminde tarayıcının en üstündeki mavi kısımda baslık metninin görebilirsiniz. Dolayısıyla web tarayıcısının en tepesinde görmek istediginiz metni baslık imi arasına koymalısınız. Metin gövdesindeki <h1>, <center> ve <p> imleri metin biçimlendirme imleridir. <h1> sayfa içindeki metnin baslıgını gösterir. Bu durumda <h1> imi arasındaki metnin diger metinlerden çok daha büyük puntolarla yazıldıgına dikkat ediniz. <center> imi metnin yatay düzlemde merkezde gösterilmesi gerektigini belirtir. Yani metin solda ya da sagda degil de merkezde gösterilmelidir. Bu durumda <center> ile </center> arasındaki metnin yatay düzlemde web tarayıcısının merkezinde gösterildigine dikkat ediniz. <p> imi ile </> imi cifti ise bir paragrafı tanımlar. Bu iki im arasındaki metnin bir paragraf oldugu belirtilir. Alıntılarda www.linktr.org kaynak olarak gösteriniz reptile / www.LinkTr.Org / 28.01.2009 |
||