22 Şubat 2011

Html Kod Anlamları

Hyper Text Markup Language

Html'nin türkçe anlamı, "Hareketli Metin İşaretleme Dili" demektir.

Web sayfalarında neyin, nerede, nasıl duracağını belirleyen düzenleme dilidir. Yazıların, resimlerin, tabloların, renklerin ve bazı özel düzenleme işaretlerinin durumunu belirler. Yatay çizgiler, Alfabede ve rakamlar arasında olmayan özel işaretler, köprü linkleri ve açıklama imleri bu özel düzenleme işaretlerine örnektir.

HTML dili web sayfası kullanıcının bilgisayarına yüklendikten sonra, kullanıcı bilgisayarınca yorumlanır. Yani sayfa düz yazı dosyası gibi HTTP protokolü aracılığı ile gönderilir. Daha sonra bilgisayar gelen veriyi kullanıcının bilgisayarında ki browser yani göz atıcı program düzgün bir şekle getirir. Sayfa içinde dilin kurallarına göre yazılmış herşey browser tarafından şekillendirilir ve gösterilir. Bu yüzden bilgisayardan bilgisayara browser farklılıkları yada sürüm farklılıkları kısmen de olsa bir tasarımın gerçekten de tasarlandığı gibi gösterilmesine engel olur. Bunun yanında tasarımcının, tasarımı yaparken kullandığı bilgisayarın özellikleri de olursa sayfalardan tam verim alınamayabilir. Mesela yüksek çözünürlükte yapılmış bir tasarım daha düşük çözünürlükte tam görülemeyebilir. Yada tam tersi olabilir.

Bu gibi bazı kısıtlamalardan dolayıda olabildiğince standart çalışmak, kurumsal ve ticari sitelerin tasarımında akıllıca olacaktır. Elbette ki özel sistemlerde şartlar değişeceğinden bu kısıtlamalar kaldırılabilir yada arttırılabilir. En iyisi sitenin istatistiklerine göre hareket etmektir.

HTML kodu yazılırken düz yazılar ve rakamlar normal yazılır. Bunları şekillendirmek için bazı eklemeler yapılır. Tahminen 40-50 komut bilerek hemen hemen dilediğiniz şekilleri elde edebilirsiniz. Daha fazlasını ise onlardan kazandığınız komut mantığı ile rahatlıkla öğrenebilirsiniz.

Konuları anlatırken örneklendirmelere ve nerelerde nasıl kullanılacağı konusunda ancak tecrübe ile sahip olabileceğiniz kullanılabilirlik şartlarına tecrübelerim doğrultusunda değineceğim. Fakat bunlar sizin için sınırlar olamamalı ve her geçen gün ilerleyen standartları ayda bir de olsa takip etmelisiniz.

HTML tasarım için değişik programlar da mevcuttur. Görsel olarak tasarım yapmanızı sağlayan dreamwaver yada front page gibi programlar ile HTML yazmak aslında ilerlemek isteyen bir web programcısı için zaman kaybıdır. Çünkü server taraflı diller yazılırken bu programlar pek işe yaramaz. Ve HTML kodlarını bu programlar içinde çok iyi kullanmanız gerekir. Örneğin döngüler içinde HTML kodu kullanırken daha evvelden kod hakkında tecrübe sahibi olmanız mutlaka şarttır. Bu yüzden HTML dilini note pad gibi bir düz yazı editöründe öğrenmenizi tavsiye ediyorum. Daha sonra daha gelişmiş HTML editörlerde (kod olarak yazılan) kullanabilirsiniz. Fakat öğrenmek için note pad çok idealdir.

Html Tagları ve Foksiyon Anlamları:



<!-----Html Bilgilendirme----->

<!DOCTYPE Döküman Belirleme-->

<html>Tagı</html>

<head>Tagı</head>

<link>Tagı</link>

<body>Tagı</body>

<p>Tagı</p>

<pre>Tagı</pre>

<font>Tagı</font>

<i>Tagı</i>

<b>Tagı</b>

<u>Tagı</u>

<br>Tagı</br>

<s>Tagı</s>

<code>Tagı</code>

<cite>Tagı</cite>

<hr>Tagı</hr>

<h1>,<h2>,<h3>,<h4>,<h5> ve <h6> Tagları</h1>

<a>Tagı</a>

<img>Tagı</img>

Örnek bir resim. » Html

 

<ul><li>Listeleme Tagları</li></ul>

<ol><li>Listeleme Tagları</li></ol>

<marquee>Tagı</marquee>

<marquee>Örneği: <marquee>Burda yazımız var</marquee>
Kayan yazı örnekleri için tıklayın.

<comment>Tagı</comment>

<center>Tagı</center>

<iframe>Tagı</iframe>