İnternet dünyasının yapı taşı olan HTML (Hypertext Markup Language), web sayfalarını oluşturmak için kullanılan temel bir işaretleme dilidir. İnternet kullanıcıları her gün HTML sayesinde binlerce web sayfasına erişim sağlarlar. Bu dil, içeriğin yapılandırılması ve görsel düzeninin belirlenmesi için kullanılır ve web tarayıcıları tarafından okunabilir bir formda sunulur.
1. Yapısal Temel: Etiketler ve Elementler
HTML, sayfanın içeriğini yapılandırmak için etiketler (tags) kullanır. Etiketler, içerik parçalarını ve belirli özellikleri tanımlar. Örneğin, bir başlık oluşturmak için <h1>
etiketi kullanılır ve <p>
etiketi bir paragrafı belirtir. Bu etiketler, web sayfasının içeriğini düzenlemek ve organize etmek için kullanılır.
2. Hiyerarşik Yapı: Elementlerin Birbirine Gömülmesi
HTML’de elementler, hiyerarşik bir yapıda birbirlerine gömülerek kullanılır. Bir elementin içinde başka bir element olabilir. Bu, içeriklerin düzenlenmesi ve kategorize edilmesi için önemli bir özelliktir. Örneğin, bir <div>
içinde başka <div>
elementleri veya metin paragrafları olabilir. Bu, sayfanın düzenini oluşturmak için kullanılır.
3. Biçimlendirme ve Görsellik: Stiller ve CSS
HTML, sayfanın yapısını oluştururken görsel düzenleme yeteneği sunmaz. Bu görev genellikle CSS (Cascading Style Sheets) ile yapılır. CSS, HTML elementlerine görsel stili ve düzeni eklemek için kullanılır. Renkler, fontlar, boyutlar ve sayfanın genel görünümü CSS kullanılarak belirlenir.
4. Bağlantılar ve Kaynaklar: Hyperlinks ve İmgeler
HTML, diğer web sayfalarına ve kaynaklara bağlantılar eklemek için <a>
(anchor) etiketini kullanır. Bu etiket, kullanıcıların farklı sayfalara veya kaynaklara kolayca erişmesini sağlar. İmgeleri göstermek için <img>
etiketi kullanılır ve bu sayede sayfalara görsel içerikler eklenir.
HTML, web sayfalarının oluşturulmasında temel bir yapı sağlar ve diğer web teknolojileriyle birlikte çalışarak internetin gücünü ortaya çıkarır.