HTML NEDİR ?
Html (Hiper Metin İşaretleme Dili) olarak Türkçeye çevrilmiş, bir web sayfasının iskeletini oluşturan kod parçacıklarıyla gerekli elemanların web sitesine gömülmesini sağlayan yapıya verilen addır. Çoğu kişi için bir programlama dili değildir ve yaygın olarak bu kabul edilir. Html tek başına bir programlama dili olarak kullanılmaz. Css, javascript vb. dillerle desteklenerek programlar yazılabilir.
Dilin son sürümü Html5’tir. W3C tarafından standartları belirlenir.
Html kodları bir etiket içine yazılır (<>) ile başlar (</>) ile sona erer. Bazı istisnai durumlar olmasına karşın Html kodları bu şekilde yazılmaktadır.
Tarihçe
1980 yılında CERN‘de görevli olan Tim Berners-Lee, CERN araştırmacılarının bilgilerini ve dokümanlarını birbirleriyle paylaşabilmeleri için bir sistem olması gerektiğine inanıyordu. Bu yüzden prototip olarak ENQUIRE isimli sistemi önerdi. 1989 yılına gelindiğinde internet tabanlı sistemin ilk temellerini yine aynı isim Tim Berners Lee attı.[2] 1990 yılında HTML işaretleme dilini geliştirmesinden sonra World Wide Web (WWW) sistemini kurmuştur. Bu şekilde CERN’de bilgi paylaşımını kolaylaştırma amacı doğrultusunda ortaya çıkan HTML günümüzde hayatımızın vazgeçilmezi olan ağın başlıca temelini oluşturmuştur.
Gerekli Html Kodları
- <html> </html> kod parçacıklarını bu iki etiketin arasına yazarız
- <head> </head> daha çok meta tanımları , ekleyeceğimiz bağlantıları ve stilleri tanımlarız.
- <body> </body> web sayfasında görünecek elemanları bu etiketin arasına yazarız.
Hiyerarşik olarak gerekli kodlarımızı yazdıktan sonra sık kullanılan html etiketlerini inceleyebiliriz.
Sık Kullanılan Html Etiketleri
- <h1><h6> Başlık etiketi. Başlık 1 ile 6 arasında değer alır. 1’den 6 ya gittikçe başlık küçülür.
- <p> paragraf etiketi.
- <br> alt satıra geçmemizi sağlar. ( İstisnai durumlardan bir tanesidir ve etiketi kapamamıza gerek yoktur.)
- <img> Görsel etiketi (src=””) değeriyle görselin konumunu bulmamızı sağlar.
- <a> Link etiketi (href=””) değeriyle ilgili sayfa için link vermemizi sağlar.
Örnek-1
İnput-1
Output-1
Görsellerde görüldüğü üzere bir başlık ve paragraf etiketi tanımladık.<br> etiketini de kullanarak alt satıra geçtik.
Html Kodlarını Nerede Yazabilirim ?
- Not defteri
- Visual Studio Code
- Wordpad
- Notepad++
- Word gibi değişik ortamlarda yazabilirisiniz.
Html ‘in tek başına sadece sayfamızın iskeletini oluşturduğunu unutmayalım gerekli style dosyaları ekleyerek ve javascript kullanarak sayfamızı daha dinamik hale getirelim. Yazı kendini haftalık olarak güncelleyecektir.
