HTML'e giriş

HTML Nedir?

HTML'in, İsviçre’deki CERN Araştırma Enstitüsünde icat edildiği söylenmektedir.

HTML’in ilk sürümü 1990 yıllarının başlarında yayınlanmıştır ve az sayıda (18 adet) HTML etiketi içermektedir. İlk sürümünden günümüze, HTML’nin her yeni sürümü yeni etiketleri ve parametreleri beraberinde getirir.

HTML ile görsel, yazı ve video gibi içeriklerin web sayfasına konumlandırılması sağlanmaktadır. Oluşturulan içeriklerin web sitelerinde görüntülenmesi sağlanmaktadır.

HTML dili resmî bir web standardı olarak kabul edilmektedir. HTML özellikleri World Wide Web Consortium (W3C) tarafından denetlenmekte ve geliştirilmektedir.

HTML'in Temel Özellikleri

HTML kod satırları genel olarak <etiket></etiket> şeklinde tanımlanmış etiketler arasında yazılır.

Bu etiketler 2 karakter ile sınırlanır: < ve >

Etiketler çift olarak kullanılır. Örn: <u> Bu metnin altı çizgilidir. </u>

İlk etiket başlama etiketi, ikincisi ise bitiş etiketidir.

Başlama ve bitiş etiketleri arasında kalan her şey içerik olarak görülür.

HTML etiketleri büyük/küçük harfe duyarlı değildir, örneğin <br> ve <BR> aynı görevi görür.

HTML dosyaları .html veya .html uzantısıyla biten belgelerdir.

HTML belgeleri, herhangi bir internet tarayıcısı (Google Chrome, Safari veya Mozilla Firefox) kullanılarak görüntülenebilir.

HTML sayfası hazırlamak için not defteri, wordpad veya word dosyası yeterli olacaktır. Ayrıca, profesyonel programlardan Adobe Dreamweaver, Microsoft Expression Web gibi araçlar kullanarak da daha kolay ve hızlı HTML sayfaları oluşturulabilir.

HTML, CSS ve JavaScript aynı anda kullanıldığında daha görsel ve dinamik web safaları hazırlanabilir.

HTML'in Temel Etiketleri

<html></html> etiketi her bir HTML sayfasını başlatıp kapatan etikettir.

<head></head> etiketi, sayfa başlığı ve karakter sınırı gibi meta bilgilerini içerir.

<title></title> sayfaların başlık bilgisi bu etiket altında yer alır.

<body></body> etiketi sayfada görünen tüm içeriği kapsar.

HTML’de başlıklar 6 seviyeye sahiptirler. <h1></h1>‘den <h6></h6>‘ya kadardır, h1 en yüksek seviye başlık iken, h6 ise en küçüğüdür.

HTML’de çok sayıda metin düzenleyici etiket vardır. Bu etiket ile metinlerin şekli, tipi, kalınlığı gibi özellikler değiştirilebilir. Paragraflar <p></p> etiketiyle kapatılır. Satır atlama <br> etiketidir. Yatay çizgi <hr> etiketidir. Bunların yanında; <b>kalın</b>, <i>eğik</i>, <s>üzeri çizili</s>, <u>altı çizili</u>, <small>küçük</small>, <big>büyük</big>, <tt>daktilo yazısı</tt> etiketleri vardır.

HTML etiketleri parametreler alarak ek özelliklere sahip olurlar. Örneğin paragraf etiketi align parametresiyle ilgili paragrafın görünüşünü değiştirebilir. align = "left": Paragrafı sola dayalı olarak yazar, align = "right" : Paragrafı sağa dayalı olarak yazar. align = "center": Paragrafı ortalar. align = "justify": Paragrafı sola ve sağa dayalı olarak yazabilmek için sözcüklerin ara boşluklarını değiştirir.

HTML’de link etiketi (<a href>) ile başka sayfalara bağlantılar kurulabilir, image etiketi (<img>) ile sayfalara resimler eklenebilir. Bağlantılar genellikle öntanımlı olarak altı çizili ve mavi olarak görüntülenir.

HTML’de elemanları belli bir sıraya göre liste mantığında oluşturmaya yarayan etiketler <ul>, <ol> ve <dl> etiketleridir.

HTML sayfalarını daha organize etmek için tablo etiketi kullanılır. Üç temel etiketi vardır: <table> : tablo oluşturmak için, <tr> : tabloda satırlar oluşturmak için, <td> : hücreleri oluşturmak için.

Çerçeveler <frame>, bir tarayıcı penceresini birden fazla pencereye bölüp her bir pencere içerisinde farklı içerikler gösterilmesini sağlar.

HTML’de etkileşimli sayfalar yapmak mümkündür. Özellikle kullanıcıdan bilgi almak ve o bilgieri işlemek için formlar kullanılır (<form>). Günümüzde, eticaret sitelerinden bankalara, anketlere kadar birçok içerik formlar ile etkileşimli hâle getirilmektedir.

HTML’de çok sayıda etiket vardır. Bu hafta en çok kullanılanları inceledik. Bu etiketlere birkaç tane daha örnek eklemek gerekirse alıntılar verilirken <blockquote></blockquote> etiketleri kullanır. <acronym></acronym> kısaltmaların açılımı hakkında bilgi vermek için kullanılır.