Yazar: merhaba değerli okurlarım.
bir önceki yazımda html diline kısaca bir giriş yapmıştım. eğer okumadıysanız mutlaka okumalısınız.
html hakkında temel olan tüm bilgilere sahip olduktan sonra kodlama kısmına yavaş yavaş geçeceğim.
html kod yapısını inceledikten sonra html kodlarını bir düzen içerisinde sizlere anlatmaya çalışacağım.
html kod yapısı oldukça sade bir yapıya sahiptir.
bu yüzdende öğrenilmesi kolay bir dildir. ve web tasarımda temel dildir. mutlaka bilinmelidir.
bu bloğumda web tasarımın temellerini attıktan sonra artık sizde kendi binanızı inşa edebileceksiniz. ilk temelimiz html olduğunu unutmayın.
bilmeniz gereken ilk husus html kodlarına (tag) ismi verilmesidir. bundan sonraki tüm html yazılarımda tag terimini kullanacağım. buna alışmanız gerekecektir.
html’in temel kuralı kodların içerden dışa doğru kapatılmasıdır.
bu durumu sizlere şöyle açabilirim. bir tagı açtınız ve gerekli tanımlamalırı yaptıktan sonra tagı tekrar kapatmalısınız. aksi taktirde sayfanız düzgün görüntülenmeyecektir.
bunu bir örnekte şöyle anlatayım.
<html>
<head>
</head>
</html>
bu kod bloğu içerisine gerekli tanımlamalar yapılıp kapanacaktır. ilerideki yazılarımda bunu daha rahat anlayacaksınız. şimdilik bu tagların ne anlama geldiğini merak etmeniz normal. ama biraz sabırlı olun çok yakında hepsini öğreneceksiniz.
evet konumuza devam edelim.
html için bilmeniz gereken bir diğer konuda şudur. html taglarını 2 grupta ayırmak istiyorum sizlere daha rahat anlatabilmek için bu iyi bir yöntem olacaktır.
birinci grup:
hem açılan hemde kapanan taglar.
bu gurupta fazlasıyla tag bulunmaktadır. bir kaç örnekle sizlere göstermek istiyorum.
yukarıdaki örneği baz alalım.
<html>
</html>
<head>
</head>
bu taglar açılıp kapanabilen taglar arasında yer almaktadır.
ikinci grup:
bu guruptaki taglarımız sadece açılırlar ve kapanmazlar kullanımı ise şu şekildedir.
<br>
<hr>
bu örnekteki taglarımızın kullanımıda bu şekildedir.
html tagları (< > ) işaretleri arasında yazılmaktadır. bu işaretler ile html taglarımızı yazarız (</>) işaretleri arasına tagları yazarakta tagın kullanımını kapatırız.
genel olarak html’in kod yapısı bu şekildedir.
basit bir web sayfasının dökümanı aşağıda yer almaktadır.
<html>
<head>
buraya tanımlamalar gelecek
</head>
<body>
sayfanın tüm içeriği burada yer almaktadır.
</body>
</html>
evet bu tag yapısını bir şablon olarak bir yere kayıt edebilirsiniz ve çalışmalarınızda kullanabilirsiniz. hem zamandan tasarruf etmiş olursunuz, hemde az zaman harcayarak çok iş yapmış olursunuz.
bir sonraki yazımda artık html kodlarını sizlere anlatmaya çalışacağım.
bu yazımıda burada noktalıyorum.
başka bir blog yazısında görüşmek üzre.
iyi bloglamalar herkese.
Bir önceki yazımız olan html'ye giriş başlıklı makalemizde html makaleleri, html nedir ve html'ye giriş hakkında bilgiler verilmektedir.