HTML, web sayfaları oluşturmak için kullanılan standart metin işaretleme dilidir. Basitçe, web sayfalarının yapı taşlarıdır. Metin, resim, video ve diğer içeriklerin nasıl organize edileceğini ve web tarayıcılarında nasıl görüneceğini HTML kodları belirler.
HTML kodları, bir metin düzenleyicisi kullanarak yazılır. Metin düzenleyicisi, metinleri düzenlemeye yarayan bir yazılımdır. Notepad, Sublime Text, Visual Studio Code gibi birçok ücretsiz metin düzenleyicisi mevcuttur.
HTML kodları, etiketler ve nitelikler kullanılarak yazılır. Etiketler, bir web sayfasının içeriğini tanımlayan yapı taşlarıdır. Nitelikler, etiketlerin özelliklerini tanımlamak için kullanılır.
HTML Kodlarının Yapısı
Bir HTML kodu, bir etiket ile başlar ve bir etiket ile biter. Etiketlerin arasında, etiketin içeriği yer alır. Etiketlerin içeriği, metin, resim, video veya diğer içerikler olabilir.
İşte basit bir HTML kodu örneği:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Benim İlk Web Sayfam</title>
</head>
<body>
<h1>Merhaba Dünya!</h1>
</body>
</html>
Bu kod, “Benim İlk Web Sayfam” başlıklı bir web sayfası oluşturur. Sayfada “Merhaba Dünya!” şeklinde bir metin bloğu vardır.
Bu kodda, aşağıdaki etiketler ve nitelikler kullanılmaktadır:
- <!DOCTYPE html>: Bu etiket, web sayfasının HTML5 standartlarına uygun olduğunu belirtir.
- <html>: Bu etiket, web sayfasının başlangıcını belirtir.
- <head>: Bu etiket, web sayfasının başlığını ve diğer meta bilgilerini içerir.
- <title>: Bu etiket, web sayfasının başlığını içerir.
- <body>: Bu etiket, web sayfasının gövdesini içerir.
- <h1>: Bu etiket, bir başlık oluşturur.
- </h1>: Bu etiket, bir etiketi kapatır.
HTML Kodlarının Çalışması
Bir HTML kodu, bir web tarayıcısı tarafından okunur. Web tarayıcısı, etiketleri ve nitelikleri yorumlayarak web sayfasının içeriğini ve görünümünü oluşturur.
Örneğin, yukarıdaki kodda kullanılan <h1> etiketi, bir başlık oluşturur. Bu etiketin içeriği, web tarayıcısı tarafından büyük harflerle ve kalın olarak görüntülenir.
HTML kodları yazarken dikkat edilmesi gereken bazı noktalar şunlardır:
- Etiketler, doğru sırayla yazılmalıdır. Örneğin, <head> etiketi, <body> etiketinden önce yazılmalıdır.
- Etiketler, kapatılmalıdır. Her etiketin bir kapatma etiketi olmalıdır.
- Etiketlerin içeriği, etiketlerin özelliklerine uygun olmalıdır. Örneğin, <h1> etiketinin içeriği, bir başlık olmalıdır.
HTML kodları yazarken pratik yapmak çok önemlidir. Basit web sayfaları oluşturarak pratik yapabilirsiniz.
HTML Kodlarının Faydaları
HTML kodları, web sayfaları oluşturmak için gerekli olan temel becerilerdir. HTML kodlarını öğrenmek, web geliştirme alanında kariyer yapmak isteyenler için temel bir beceridir. Ayrıca, kendi web sitenizi veya blogunuzu oluşturmak istiyorsanız da HTML öğrenmeniz gerekir.
HTML kodları, web sayfalarının görünümünü ve işlevselliğini kontrol etmenizi sağlar. HTML kodlarını kullanarak, web sayfalarına metin, resim, video ve diğer içerikler ekleyebilir, web sayfalarının renklerini ve boyutlarını değiştirebilir ve web sayfalarına etkileşimli özellikler ekleyebilirsiniz.
HTML kodları, web sayfalarını daha erişilebilir ve kullanılabilir hale getirmenize yardımcı olabilir. Örneğin, HTML kodlarını kullanarak web sayfalarına metinlerin ve resimlerin alternatif metinlerini ekleyebilir, web sayfalarının boyutlarını ve yazı tiplerini ayarlayabilir ve web sayfalarına sesli ve görüntülü geri bildirim seçenekleri ekleyebilirsiniz.
