HTML nasıl çalışır?
HTML, site yaratıcısı tarafından bir metin dosyasına yazılan kısa kodlardan oluşur. Bu kodlar etiketlerin içine yerleştirilir. Daha sonra bu metin html tipi ve uzantılı bir dosya olarak kaydedilir ve çalışmanın sonucu ve çıktısı Google Chrome gibi bir tarayıcı üzerinden görüntülenebilir. Tarayıcı HTML dosyasını okur ve içindeki metni görsel bir biçime çevirir. İlgili sayfanın bu işleminin (Render | Render) site yaratıcısı tarafından beklendiği gibi yapılması beklenir. HTML kodlaması için etiketlerin doğru kullanılması gerekmektedir. HTML sayfaları oluşturmak için kullanılan araçla ilgili olarak, temel bir kod düzenleyiciden güçlü bir grafik geliştirme ortamına kadar kullanılabilir.
Genellikle normal bir web sitesi birçok farklı HTML sayfasından oluşur. Örneğin, ana sayfa, “Hakkımızda” sayfası, iletişim bilgileri sayfası ve diğer sayfaların hepsinin kendi HTML belgeleri vardır. Her HTML sayfası, öğeler olarak da adlandırılan bir dizi etiket içerir. HTML öğeleri İnternet’in iskeleti olarak kabul edilebilir. Bu öğeler, içeriği bölümlere, paragraflara, başlıklara ve diğer öğelere göre düzenleyen bir hiyerarşi oluşturur.
Web tarayıcıları, bir web sunucusundan veya yerel bir depodan HTML belgeleri alır ve bunları işleyerek multimedya web sayfalarına dönüştürür. HTML programlama dili, içeriğin belirli bir şekilde görüntülenebilmesi için içeriğin farklı bölümlerini sarmak veya paketlemek için kullanılan bir dizi öğe içerir. Bu çevreleyen etiketler, bir kelimeyi veya resmi hiper metne dönüştürebilir, kelimeleri italik hale getirebilir, yazı tipini büyütebilir veya küçültebilir ve başka şeyler yapabilir.
HTML öğrenin
Birçok kaynağın mevcut olması nedeniyle HTML programlama dilini öğrenmek çok basittir. HTML, W3C çalışma grubunun yönetimi altında İnternet izleyicisinin sürekli artan talep ve ihtiyaçlarını karşılamak için sürekli olarak revize edilmekte ve geliştirilmektedir. W3C, HTML programlama dilini tasarlamaktan ve sürdürmekten sorumlu kuruluştur.
HTML öğrenmek ne kadar sürer?
öğrenmenin ne kadar süreceği, HTML öğrenmekten ne beklediğinize bağlıdır. HTML öğrenmek, gerekli kodları okumak ve öğrenmek için yalnızca birkaç gün sürer. HTML’nin temellerini bir saat içinde öğrenebilirsiniz. Etiketlere yeterince aşina olduğunuzda, kolayca bir HTML sayfası oluşturabilirsiniz. Ancak, iyi web siteleri tasarlamak için HTML kullanmak ayrı bir tartışmadır.
İyi bir web sitesi tasarlamanın yarısının beceri, diğer yarısının da yetenek olduğu söylenebilir. Öğrenme becerileri ve etiketlerin doğru uygulanması ve tanınması sonucu büyük ölçüde iyileştirecektir. Tasarımın yanı sıra hedef kitlenin doğru anlaşılması, web sitesinin başarı şansını artırır. Neyse ki, daha iyi web siteleri oluşturmak için ısrar ve motivasyona sahip olduğunuz sürece, bunlar araştırılabilir ve incelenebilir.
Örnek HTML kodu
Belirtildiği gibi, çoğu HTML öğesinin <tag></tag> sözdizimini izleyen bir başlangıç ve bitiş etiketi vardır. Bu bölümde, HTML öğelerinin nasıl organize edileceğine ilişkin bir örnek verilmektedir.
<div>
<h1>Ana Başlık</h1>
<h2>Akılda kalıcı bir alt başlık</h2>
<p>Birinci paragraf</p>
<img src=”/” alt=”Resim”>
<p><a> href=”https://example.com”>Köprü</a></p> içeren ikinci paragraf
</div>
Bu bölümün devamında yukarıdaki kodlar hakkında açıklamalar yapılmıştır.
Div öğesi, <div> etiketi tarafından tanımlanan basit bir bölmedir. Bu öğe, daha büyük içerik parçalarını işaretlemek için kullanılabilir.
Div öğesi bir başlık (<h1></h1>), bir alt başlık (<h2></h2>), iki paragraf (<p></p>) ve bir <img> resmi içerir.
İkinci paragraf, hedef URL’yi içeren bir href özniteliğine sahip bir bağlantıya (<a></a>) sahiptir.
Resim etiketinin (img) ayrıca iki özelliği vardır. Bu özniteliklerden biri görüntünün konumunu belirlemek için kullanılan src, diğeri ise görüntüyü tanımlamak için kullanılan alt’tır.