HTML'ye Giriş [Ders 1]

Bu okuduğunuz HTML derslerinin ilkidir ve programlama dilleri ile ilgili hiç bilgisi olmayanların dahi faydalanabileceği bir yazıdır.

Hemen bir deneme yapabilirsiniz

HTML kodlarını oluşturmak için basit bir not defteri programı işinizi görecektir. Hemen bir not defteri sayfası açıp deneme yapabilirsiniz. Bunun için aşağıdaki kodu açtığınız sayfanın içine yazıp, not defterini "index.html" ismiyle kaydedin:

Kaydettiğiniz not defterine çift tıklattığınızda, varsayılan internet tarayıcısında kodlarınız çalışacaktır. Bu şekilde de ilk internet sayfanızı kodlamış oldunuz. (Şayet tarayıcı ile açılmazsa, belgeye sağ tıklayıp "Birlikte aç" ile bir web tarayıcı seçerek belgeyi çalıştırabilirsiniz)

Bu yazı HTML'ye giriş olduğu için, yukarıdaki kodları basitçe açıklayalım:

Her etiket küçüktür (<) işareti ile başlayıp, büyüktür (>) işareti ile bitiyor.
Her başlangıç etiketinin bir de bitiş etiketi bulunuyor. Örnek: <html> </html> Burada mavi etiket başlangıç, kırmızı etiket bitiştir. Bitiş etiketinde küçüktür işaretinden sonra sağa yatık çizgi (/) olduğuna dikkat edin.
Tüm kodlar, "html" etiketlerinin arasında bulunuyor. (<!DOCTYPE html> kodu hariç)
<!DOCTYPE html> ile kodlamamızın HTML olduğunu web tarayıcılarına bildirmiş oluyoruz. Bu kısmı kullanmasanız dahi internet sayfanız düzgün bir şekilde çalışabilir. Fakat bu tamamen şansa bağlıdır. Yani Firefox'ta düzgün çalışırken, Chrome'da istemediğiniz bir şekilde çalışabilir. Bu durum, "doctype" yani belge tipi belirtmediğiniz için tarayıcıların varsayılan bir belge tipiyle kodlarınızı çalıştırmasından kaynaklanır. Tüm bunları engellemek adına kodlamamıza başlarken bu kısmı atlamamamız gerekiyor.

İlk ders hakkında

Aslında açıklanabilecek birkaç şey daha var ama henüz HTML'ye giriş seviyesinde olduğumuz için daha fazla bir şey yazmak istemedim. Eğer diğer kodlarla ilgili aklınızda bir soru işareti kaldıysa, ilerideki yazılarda bunların cevabını bulabileceksiniz. Yazı çok kısa veya basit gelmiş olabilir ama bildiğiniz gibi her şeye sıfırdan başladığımız için şimdilik bu şekilde devam ediyoruz, tabi ki ileride bu da değişecektir. Yeni yayınlardan haberdar olmak için sağ taraftaki "Eposta aboneliği" kutucuğundan abone olabilirsiniz. Ayrıca sormak istediklerinizi yorum kısmında sorabilirsiniz.

Sayfalar