İnternet, günümüz dünyasında bilgiye ulaşmanın, iletişim kurmanın ve eğlenmenin vazgeçilmez bir parçası haline geldi. Peki, bu dijital dünyanın kapılarını aralayan ve her gün milyonlarca web sitesini oluşturan temel teknoloji nedir? İşte bu noktada HTML devreye giriyor.
HTML'in Açılımı ve Temel Tanımı
HTML, HyperText Markup Language (Köprü Metin İşaretleme Dili) kelimelerinin kısaltmasıdır. Adından da anlaşılacağı gibi, bu bir programlama dili değil, bir işaretleme dilidir. İşaretleme dilleri, metin belgelerinin yapısını ve içeriğini tanımlamak için kullanılan etiketler (tag'ler) dizisidir. HTML, web sayfalarının içeriğini yapılandırmak, metinleri biçimlendirmek, görseller eklemek ve bağlantılar oluşturmak için kullanılır.
HTML Nasıl Çalışır?
Bir web tarayıcısı (Chrome, Firefox, Safari gibi) bir web sitesini ziyaret ettiğinizde, aslında o sitenin HTML kodunu indirir. Tarayıcı, bu HTML kodunu okur ve yorumlar. HTML etiketleri, tarayıcıya sayfanın hangi bölümlerinin başlık, hangi bölümlerinin paragraf, hangilerinin liste veya görsel olduğunu söyler. Bu sayede tarayıcı, kodu anlaşılır bir web sayfasına dönüştürerek ekranda görüntüler.
HTML'in Temel Yapı Taşları: Etiketler (Tags)
HTML'in kalbinde etiketler bulunur. Etiketler, genellikle açılış etiketi ve kapanış etiketi olmak üzere iki kısımdan oluşur ve içeriği çevreler. Örneğin, bir paragraf oluşturmak için <p> açılış etiketi ve </p> kapanış etiketi kullanılır. Bu etiketler arasına yazılan metin, bir paragraf olarak algılanır.
Bazı etiketler ise tek başına kullanılabilir ve kapanış etiketine ihtiyaç duymaz. Bunlara boş etiketler denir. Örneğin, bir görsel eklemek için kullanılan <img> etiketi veya bir satır atlamak için kullanılan <br> etiketi boş etiketlere örnektir.
Yaygın Kullanılan HTML Etiketleri
<h1>-</h1>: En büyük başlık.<h2>-</h2>: İkinci en büyük başlık.<p>-</p>: Paragraf.<a>-</a>: Köprü (link) oluşturmak için kullanılır.<img>: Görsel eklemek için kullanılır.<ul>-</ul>: Sırasız liste (madde işaretli).<ol>-</ol>: Sıralı liste (numaralı).<li>-</li>: Liste öğesi.<strong>-</strong>: Metni kalınlaştırmak için kullanılır.<em>-</em>: Metni italik yapmak için kullanılır.
HTML'in Rolü ve Önemi
HTML, web sitelerinin yapısal iskeletini oluşturur. İçeriğin düzenlenmesi, okunabilirliğinin sağlanması ve tarayıcılar tarafından doğru bir şekilde yorumlanması HTML sayesinde mümkün olur. CSS (Cascading Style Sheets) ile birlikte kullanıldığında, web sayfalarına görsel stil ve düzen kazandırılır. JavaScript gibi betik dilleri ise web sayfalarına etkileşim ve dinamizm katmak için kullanılır.
Özetle, HTML, web geliştirmenin temel taşıdır. Bir web sitesinin içeriğini anlamak ve oluşturmak için HTML'i bilmek, dijital dünyada gezinmek ve kendi dijital varlığınızı yaratmak için atılacak ilk adımdır.