Ders HTML programlamasının en başından temelden anlatılmaktadir.
Hemen Notepad'i açın ve başlayalım...
Alıntı Yapma Burası TURKHACKTEAM.NET
<HTML>
</HTML>
Terimlerin İngilizcesini söylemek zorundayım zira edineceğiniz bütün yardımcı programlarda İngilizce olacak.Yukarıda Kırmızı ile yazılmış şeylere "TAG" yani "etiket" derler. İlki açılış tag idir, ikincisi kapanış tag i. Kapanış tag i yapmak için açılş tag ine / eklediniz mi yeterlidir. Tag lerin hepsinin olmamakla beraber birçoğunun kapanış tag i vardır.
Tag leri Tarayıcınızla konuşmak gibi değerlendirin, daha doğrusu birşeyler yapmasını tarif ediyorsunuz. Şu anda tarayıcıya bunun 'HTML dökümanının başlangıcı olduğunu' söylediniz (<HTML>) ve bununda 'HTML dökümanının sonu' olduğunu söylediniz. (</HTML>). Şimdi içine birşeyler dolduralım.
Her HTML dökümanı bir çift HEAD tag i ister.
<HTML>
<HEAD>
</HEAD>
</HTML>
HEAD Taglerinin bizi ilgilendiren tarafı şimdilik sadece TITLE tagleridir.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>
Ve sayfanın geri kalanı ise BODY ( Gövde )tagleri arasında bulunur. Yani şu anda izlediğiniz sayfa bu tagler arasındadır.
Alıntı Yapma Burası TURKHACKTEAM.NET
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Aman, birşey daha, dökümanınıza TITLE ile BODY tagleri arasına giracak birşeyler ilave edelim.
<HTML>
<HEAD>
<TITLE>Benim ilk web denemem!</TITLE>
</HEAD>
<BODY>
Merhaba TurkHackTeam
</BODY>
</HTML>
Şimdi save yapın, fakat text dökümanı değil, html dökümanı olarak. index.html olarak yeni bir klasörün içinde save yapın. Eğer bu biraz kafayı karıştırdı ise şöyle yapın... Notepadde Dosyayı tıklayın sonra Farklı Kaydet.
Çıkan diyalog kutusunda -> tıklayarak yeni bir klasör açın, istediğiniz adı verin. Sonra çift tıklayıp açın
Dosya Adı: diyen yere index.html yazın Farklı kaydet: tıklayın. Ama dikkat edin all files(*.*) yada Bütün dosyalar desin.
Enter'a basın ve bitti evet bitti.!
Tebrikler! artık tam fonksiyonlu webdede yayınlanabilecek bir WEB SAYFANIZ oldu. başardınız. İsterseniz bedava host veren sitelere kayıt olup sitenizi yayınlıyabilirsiniz.
Alıntı Yapma Burası TURKHACKTEAM.NET
Alıntı Yapma Burası TURKHACKTEAM.NET
Bir sonraki basamak sayfanıza güzel birşeyler koymak olacak.
Bir sonraki bölüme geçmeden iki önemli nokta
BİR: bu yaptığınız bir iskelet HTML dökümanı idi. Şu anda bu okuduğunuz sayfa dahil bütün fiyakalı web sayfaları bu esas tagleri bulundurmak zorundadır.
İKİ: Döküman <TITLE>Benim ilk web denemem!</TITLE> etiketleri arasında yazılı olanlar entepede tarayıcı penceresinin sol üst köşesinde, lacivert çubuğun üzerinde çıkar. İnanmazsanız kafanızı kaldırıp dediğim yere bakın.
Aklınıza Takılan Yerleri Özelden Sorabilirsiniz Boşuna Post Kasmasın.
Alıntı Yapma Burası TURKHACKTEAM.NET
İyi Forumlar
Not: Alıntı Yapılarak Hazırlanmıştır.
Hemen Notepad'i açın ve başlayalım...
Alıntı Yapma Burası TURKHACKTEAM.NET
<HTML>
</HTML>
Terimlerin İngilizcesini söylemek zorundayım zira edineceğiniz bütün yardımcı programlarda İngilizce olacak.Yukarıda Kırmızı ile yazılmış şeylere "TAG" yani "etiket" derler. İlki açılış tag idir, ikincisi kapanış tag i. Kapanış tag i yapmak için açılş tag ine / eklediniz mi yeterlidir. Tag lerin hepsinin olmamakla beraber birçoğunun kapanış tag i vardır.
Tag leri Tarayıcınızla konuşmak gibi değerlendirin, daha doğrusu birşeyler yapmasını tarif ediyorsunuz. Şu anda tarayıcıya bunun 'HTML dökümanının başlangıcı olduğunu' söylediniz (<HTML>) ve bununda 'HTML dökümanının sonu' olduğunu söylediniz. (</HTML>). Şimdi içine birşeyler dolduralım.
Her HTML dökümanı bir çift HEAD tag i ister.
<HTML>
<HEAD>
</HEAD>
</HTML>
HEAD Taglerinin bizi ilgilendiren tarafı şimdilik sadece TITLE tagleridir.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>
Ve sayfanın geri kalanı ise BODY ( Gövde )tagleri arasında bulunur. Yani şu anda izlediğiniz sayfa bu tagler arasındadır.
Alıntı Yapma Burası TURKHACKTEAM.NET
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Aman, birşey daha, dökümanınıza TITLE ile BODY tagleri arasına giracak birşeyler ilave edelim.
<HTML>
<HEAD>
<TITLE>Benim ilk web denemem!</TITLE>
</HEAD>
<BODY>
Merhaba TurkHackTeam
</BODY>
</HTML>
Şimdi save yapın, fakat text dökümanı değil, html dökümanı olarak. index.html olarak yeni bir klasörün içinde save yapın. Eğer bu biraz kafayı karıştırdı ise şöyle yapın... Notepadde Dosyayı tıklayın sonra Farklı Kaydet.
Çıkan diyalog kutusunda -> tıklayarak yeni bir klasör açın, istediğiniz adı verin. Sonra çift tıklayıp açın
Dosya Adı: diyen yere index.html yazın Farklı kaydet: tıklayın. Ama dikkat edin all files(*.*) yada Bütün dosyalar desin.
Enter'a basın ve bitti evet bitti.!
Tebrikler! artık tam fonksiyonlu webdede yayınlanabilecek bir WEB SAYFANIZ oldu. başardınız. İsterseniz bedava host veren sitelere kayıt olup sitenizi yayınlıyabilirsiniz.
Alıntı Yapma Burası TURKHACKTEAM.NET
Alıntı Yapma Burası TURKHACKTEAM.NET
Bir sonraki basamak sayfanıza güzel birşeyler koymak olacak.
Bir sonraki bölüme geçmeden iki önemli nokta
BİR: bu yaptığınız bir iskelet HTML dökümanı idi. Şu anda bu okuduğunuz sayfa dahil bütün fiyakalı web sayfaları bu esas tagleri bulundurmak zorundadır.
İKİ: Döküman <TITLE>Benim ilk web denemem!</TITLE> etiketleri arasında yazılı olanlar entepede tarayıcı penceresinin sol üst köşesinde, lacivert çubuğun üzerinde çıkar. İnanmazsanız kafanızı kaldırıp dediğim yere bakın.
Aklınıza Takılan Yerleri Özelden Sorabilirsiniz Boşuna Post Kasmasın.
Alıntı Yapma Burası TURKHACKTEAM.NET
İyi Forumlar
Not: Alıntı Yapılarak Hazırlanmıştır.
Son düzenleme:
