HTML'i Anlamak

Html ve Css Tasarım

Bir web sitesi tasarlamadan önce Html'in nasıl çalıştığını anlamak gerekir. Kod sistemi ilk bakışta gözümüze karmaşık görünse de aslında kendi içerisinde bir şema ile ilerler. Sadece nasıl yerleştireceğimizi bilmemiz gerekir.Tarayıcı yazmış olduğumuz kodları yorumlayarak bir nevi tercüman mantığı ile çalışıyor.Hangi tarayıcıyı kullanırsanız kullanın yazmış olduğunuz kod ile uyumlu olduğu sürece tarayıcınız bunu yorumlayacak ve görüntüleyecektir.

Önemli Terimler;

• Tag(Etiket): Etiketler < ile başlayıp > ile biter.Bu iki işaret arasında yazdığımız koda etiket ismi verilir. Örneğin; title bir etikettir.

• Element:Başlangıç ve bitiş etiketleri arasındaki her şey element olarak adlandırılır.

• Attributes ( Özellikler): Kullandığımız elementlere spesifik özellikler verir.

    Yeni bir Html belgesi oluşturduğunuzda karşınıza öncelikle belirli standart kodlar gelecektir.Bunların ne olduğunu anlamak gerekiyor.

• !DOCTYPE html : Açmış olduğunuz Html dosyasını tipini belirliyor. Burada gördüğümüz kod Html5 ile çalıştığınızı ifade eder.

•  lang ="en":  Belgenize ait dili belirler.

• meta charset="UTF-8" : Belgenizin karakter kodunu belirler.(UTF-8 : Unicode Karakter Kodlaması)

• title: Belgenizin isimlendirilmesidir. Bu isim sayfa tanımlaması için kullanılır. Head tagı içerisinde kullanılmalıdır.

• html- /html : Sayfa başlangıcı ve bitişini belirler.

• head- /head : Bu bölümde sayfa hakkındaki bilgiler yer alır.

• body - /body : Yazacak olduğumuz tüm kodlar bu iki tag arasında olmalıdır.