HTML, Hypertext Markup Language'ın kısaltmasıdır. Bir web tarayıcısında görüntülenmek üzere tasarlanmış belgeler için standart işaretleme dilidir. HTML Basamaklı Stil Sayfaları ( CSS ) ve JavaScript gibi betik dilleri gibi teknolojilerle desteklenebilir.
İnternet, özünde küresel olarak birbirine bağlı bilgisayarlardan oluşan geniş bir ağdır. Bu ağla etkileşim kurmamızın birincil yolu, internet üzerinden erişilen birbirine bağlı hipermetin belgelerinden oluşan bir sistem olan World Wide Web'dir ( WWW ). WWW kalbinde HTML ile yazılmış belgeler olan web sayfaları bulunur. HTML daha sonra CSS ve JavaScript gibi diğer teknolojiler tarafından geliştirilip değiştirilen sitelerin temel yapısını sağlar.
Bir HTML belgesi, açılı parantez içine alınmış öğeler olan bir dizi iç içe geçmiş etikete göre yapılandırılmıştır. Bu etiketler web tarayıcısına içeriği nasıl görüntüleyeceğini söyler. Basit bir HTML belge yapısının bir örneği şudur:
<!DOCTYPE html>
<html>
<kafa>
<title>Sayfa Başlığı</title>
</başlık>
<gövde>
<h1>Bu bir Başlıktır</h1>
<p>Bu bir paragraftır.</p>
</gövde>
</html>
Bu kod, bir başlık, bir başlık ve bir paragraf metinden oluşan temel bir web sayfasını tanımlar.
HTML belgeleri HTML öğelerinden oluşur. Her öğe bir başlangıç etiketi, biraz içerik ve bir bitiş etiketiyle temsil edilir. Bir öğenin başlangıç ve bitiş etiketleri aynıdır, ancak bitiş etiketi öğe adından önce bir eğik çizgi içerir.
Örneğin, <code><p></code> etiketi bir metin paragrafını çevreler ve aşağıdaki gibi yapılandırılmıştır:
<p>Bu bir örnek paragraftır.</p>
Farklı elementler farklı amaçlara hizmet eder. Örneğin:
HTML öğeleri, öğeler hakkında ek bilgi sağlayan niteliklere sahip olabilir. Nitelikler, bir öğenin başlangıç etiketine yerleştirilir ve genellikle <code>name="value"</code> gibi ad/değer çiftleri halinde verilir.
Örneğin, bir resmi yerleştirmek için resmin URL'sini belirtmek üzere <code><img></code> etiketini <code>src</code> (kaynak) niteliğiyle birlikte kullanırız:
<img src="url to image.jpg" alt="Resmin açıklaması">
<code>alt</code> niteliği, görüntü gösterilemiyorsa görüntü için alternatif metin sağlar.
<code><a></code> etiketinin kullanımı, Web'in birbiriyle bağlantılı olmasının temelini oluşturan köprü metinleri oluşturur. Bir köprü metni başka bir web sayfasına, aynı sayfadaki farklı bir bölüme veya hatta indirilebilir bir dosyaya bağlanabilir. Örneğin:
<a href="https://example.com">Example.com'u ziyaret edin</a>
Bu <code>https://example.com</code> adresine bir bağlantı oluşturur.
HTML listeler oluşturmak için öğeler sağlar. İki temel liste türü vardır:
Listedeki her bir öğe <code><li></code> (liste öğesi) etiketinin içine alınır.
HTML5 , multimedya ve etkileşimli belgeler için modern ihtiyaçları yansıtan birçok yeni özellik sunan standardın en son evrimidir. Bunlar arasında yeni yapısal öğeler (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>), grafik öğeler (çizim için <code><canvas></code>, ölçeklenebilir vektör grafikleri için <code><svg></code>) ve medya öğeleri (<code><audio></code> ve <code><video></code>) bulunur.
Anlamsal HTML web sayfalarındaki bilgilerin anlamlarını veya anlamlarını güçlendirmek için HTML işaretlemesinin kullanılması anlamına gelir. Öğelerin nasıl göründüğünü veya davrandığını tanımlamaktan ziyade (bu CSS ve JavaScript'in işidir), anlamsal HTML yapıyı ve içerik türünü doğru bir şekilde tanımlar. Örneğin, bir <code><article></code> etiketi, içindeki içeriğin bir makale olduğunu belirtirken, bir <code><nav></code> etiketi bir gezinme menüsünü belirtir.
Anlamsal HTML kullanımı web içeriğinin erişilebilirliğini ve aranabilirliğini iyileştirerek daha kullanılabilir ve keşfedilebilir hale getirir.
HTML , World Wide Web'in temel taşı teknolojisidir ve web sayfaları için temel yapıyı sağlar. Etiketler, öznitelikler ve öğelerin kullanımıyla HTML yapılandırılmış belgelerin oluşturulmasına olanak tanır. HTML anlayarak ve kullanarak, basit metin belgelerinden karmaşık etkileşimli multimedya deneyimlerine kadar web üzerinde erişilebilir çok çeşitli içerikler yaratılabilir. Web geliştirmenin temeli olarak, HTML ustalık, web için tasarım veya geliştirme yapmak isteyen herkes için olmazsa olmazdır.