Eğer bir web sitesine sahipseniz HTML kodları hakkında bilgi sahibi olmanız gerekir.Hazır Script, WordPress veya kendi statik HTML web siteleri olsun yapılan değişiklikler icin HTML kullanmanız gerekir. Bu yuzdende belli bir duzeyde HTML bilgisine sahip olmalısınız. HTML Kod Rehberi ’ne gecmeden once HTML hakkında detaylı bilgileri sizlerle paylaşacağız.
HTML Nedir? Nasıl Kullanılır? HTML (Hiper Metin İşaretleme Dili), web sitelere ait sayfaların hazırlanması icin kullanılır. Arama motorları, kullanılan HTML kodlarını anlayarak gorsel web sayfasının oluşturulmasını sağlar. HTML ile ilgili bilinmesi gereken en onemli şeylerden biri de bir programlama dili olmadığıdır. HTML, web sitenizin sayfaları hakkında arama motorlarına gerekli bilgileri verir. Yazı ve gorsel iceriklerin sayfa icerisindeki konumunu ve duzgun bir bicimde goruntulenmesini sağlar.
HTML ile web sayfa oluştururken herhangi bir programa ihtiyacınız olmayacak. Word, wordpad veya not defteri gibi metin editorleri kullanarak oluşturabilirsiniz. Kodları yazarken kolaylık sağlamak istiyorsanız Dreamweaver, Notepad++ veya Sublime Text gibi programlar kullanabilirsiniz. Ayrıca kod yazım hızını da artırabilirsiniz bu şekilde. Hazırlanan web sayfaları kaydederken tarayıcıların anlayacağı şekilde kaydetmeniz gerekir. Bunun icin html veya xhtml gibi uzantılar kullanabilirsiniz.
HTML Kodlarını Yazarken Nelere Dikkat Edilmelidir? , ve gibi “” simgeleri icerisinde yazılan kodlara tag/etiket denir. Acılan her tag kapatılmak zorundadır. Kapatmak icin / imgesini kullanmanız gerekir. Bazı durumlarda bu gecersizdir. Ayrıca hiyerarşik bir duzen oluşturulmalıdır. Turkce karakter yoktur. Tagları kucuk veya buyuk harfle oluşturabilirsiniz. (Genel olarak kucuk harf kullanılır.) HTML sayfaları, icin belli bir şablona gore oluşturulmalıdır:


Başlık


İcerik

Yukarıda belirttiğimiz şablonda yer alan kodların ne anlama geldiğini acıklayalım:
: Sayfa başlangıcında yer alır. HTML 5 surumunun kullanıldığını gosterir. (En guncel olan olduğu icin HTML 5 kullanılır.) : Sayfa yer alan kodların HTML kodu olarak yorumlandığını belirtir. Doctype dışındaki diğer tum kodlar html icinde olmak zorundadır. kodunu head be body olarak ikiye ayrılır. Başlık: tarayıcı sekme kısmında gorunen başlık kısmıdır. : Hazırlanan sayfalar ile ilgili bilgilerin ve tanımlamaların yer aldığı kısımdır. Bu kısımda yer alan kodlar oluşturulan web sayfasında goruntulenmez. : Oluşturulan sayfanın iceriğinin hepsini iceren kısımdır. Kullanılacak olan tagların buyuk coğunluğu body etiketi icerisinde yer alır. HTML Kod Rehberi : Acıklama Ekleme : Dosya Turu Yazma : Site ici veya dışı bağlantı vermek icin kullanılır. : Kuruluş ve yer gibi isimlerin kısaltılmasında kullanılır. : Kısaltmanın acıklamasını eklemek icin kullanılır. : Adres eklemek icin kullanılır. : Resim uzerinde alan belirtmek icin kullanılır. : Bağlantılar icin ana yol bildirirken kullanılır. : Herhangi bir kaynaktan/siteden alıntı yapıldığında belirtmek icin kullanılır.
: Alt satıra gecmek icin kullanılır.
şeklinde kullanılır. : Buton oluşturmak icin kullanılır. (Gonder, indir, yukle vb.) : Tablo başlığı belirtmek icin kullanılır. : Bilgisayar kodu şeklinde yazmak icin kullanılır. : Acıklama eklemek icin kullanılır. : Kodları gruplandırmak ve dosyada alan belirtmek icin kullanılır. Bir sitede ust kısım, alt kısım, yorum ve icerik gibi bircok farklı alanın karışmaması icin kullanılır. : Alan belirlemek icin kullanılır. etiketi ile benzer. Yazılan kodun cerceve icine alınmasını sağlar. : Form (İletişim formu gibi…) eklemek icin kullanılır. İnput eiketleri ile birlikte kullanılır. : Cerceve oluşturmak icin kullanılır. : Cerceve dizisi oluşturmak icin kullanılır. : Resim eklemek icin kullanılır. ,, : Listeleme yaparken kullanılır. Oluşturulan her liste icin tagı acılmalı ve icerisine
ve tagları eklenmeli.
ve icin aynı kullanım soz konusu değildir.
nokta şeklinde liste yaparken numaralandırma ile liste yapar. : ve tagları arasında kullanılır. meta etiketlerinin doğrulanması ve sistemle ilgili bilgi vermek icin kullanılır. : tagı ile birlikte kullanılır. tagı ile belirlediğiniz secimin her seceneğinde kullanılır. : Kod paylaşımı yapılmak istendiğinde kullanılır.
…. tagları arasında yazdığınız kodlar calışmayacak sadece gosterilecektir. Yani yazdığınız kodların calışmadan gosterilmesi icin kullanılır. : Secim yapmak icin kullanılır. Sayfada yer alan herhangi bir secim kutusu icin kullanılır. Orneğin; yaş, cinsiyet, şehir, bolge vb. : JavaScript kodlarını cağırırken kullanılır. : CSS kodlarının cağrılmasında kullanılır. : Tablo oluşturmak icin kullanılır. Tablonun satırları icin , sutunları icin tagları kullanılır. ve etiketleri de tablo oluştururken kullanılır. Başlık ve icerik satırını belirtir. H1,…H2: Heading etiketlerine listenin en sonunda değinmek istedik. Heading etiketleri mutlaka bilinmesi gereken HTML etiketleridir. Buyukten kucuğe doğru sıralanan başlık etiketleridir. Yazınız icerisinde hiyerarşik yapı oluşturmanızı sağlar. En buyuk başlık H1 ve en kucuk olanda H6 ’dır. HTML Kod Rehberi olarak sizlerle paylaştığımız bu yazımızda temel ve en cok kullanılan HTML etiketlerini sizlerle paylaştık. HTML etiketlerini elbette yukarıda yer alanlar ile sınırlamıyoruz. Bunlar dışında kullanılan başka HTML etiketleri de mevcut. HTML kodları ve taglar ile ilgili diğer sorunlarınız icin bizlere ulaşmanız yeterli.