HTML giriş

Bu sayfanın içinde

HTML nedir

HTML, web tasarımcılarına sayfalar ve uygulamalar için yapı profilleri, bağlantılar, blok alıntılar, paragraflar ve başlıklar oluşturmalarında yardımcıdır. Bu konuda basit kod yapıları olan etiketler ve nitelikler kullanılarak web sayfaları şekillendirilebilir. HTML için aslında bir web sitesinin iskeleti denilebilir. Yani HTML kodları olmadan web sitesi kodlanamaz. Web sitesi ve sayfaları oluşturulurken mutlaka kullanılması gereken HTML, yeni başlayanlar için öğrenmesi en kolay biçimleme dillerinden biridir. HTML dersleri alarak sistemli bir çalışma için kendinizi geliştirebilir, öğrendiğiniz bilgileri web sayfası tasarlama aşamasında deneyebilirsiniz. Zamanla sahip olduklarınızdan fazlasını öğrenebilir ve web sitesi tasarlama konusunda söz sahibi olabilirsiniz.


Temel HTML iskeleti

<!doctype html>
              <html lang="en">
                <head>
                  <meta charset="utf-8">
                  <meta name="viewport" content="width=device-width, initial-scale=1">
                  <title>sayfa başlığı</title>
                </head>
                <body>
                  <h1>Merhaba, dünya!</h1>
                </body>
              </html>
              
koda git
  1. <!doctype html> etiketi:

    <!doctype html> etketinin amacı tayıcıya bu dosyanın bir html dökümanı olduğunu anlamasını sağlamaktır çoğu tarayıcı bu etikete ihtiyaç duymaz.

  2. <html lang="en"> etiketi:

    <html lang="en"> Etiketinde lang="en" bölümü sayfanın dilini belirtir. Eğer "tr" yaparsanız sayfa tarayıcı tarafından Türkçe olarak algılanır. sayfadaki bütün kodlar bu etiketin arasında bulunmalıdır.

  3. <meta charset="utf-8"> etiketi:

    <meta charset="utf-8"> etiketinin özelliği site deki karakterlerin utf-8 ile yazıldığını gösterir.

  4. <meta name="viewport" content="width=device-width, initial-scale=1"> etiketi:

    <title>sayfa başlığı>/title"> etiketinin özelliği siteye giren tüm cihazlarda doğru görüntülemesini sağlar.