Menu
CoddyTech

Head Etiketi

Coddy'nin HTML Journey'sinin CSS ile Stil Verme bölümünün bir parçası. Ders 4 / 76.

HTML’de head etiketi, HTML belgesi hakkındaki meta veriler için bir kapsayıcıdır. Meta veriler, belgeyi açıklayan ancak sayfanın kendisinde görüntülenmeyen verilerdir. head öğesi, <html> etiketi ile <body> etiketi arasına yerleştirilir.

head etiketi aşağıdakiler gibi çeşitli öğeler içerebilir:

  • <title>: Tarayıcının başlık çubuğunda veya sekmesinde görüntülenen HTML belgesinin başlığını belirtir.
  • <style>: Belge için dahili CSS stillerini içerir.
  • <link>: CSS dosyaları gibi harici kaynaklara bağlantı verir.
  • <meta>: Belgenin karakter kümesi, açıklaması ve anahtar kelimeleri gibi meta verilerini sağlar.
  • <script>: JavaScript gibi istemci tarafı betiklerini gömer.

İşte bir HTML belgesinde head etiketinin nasıl kullanıldığına dair bir örnek:

<!DOCTYPE html>
<html>
<head>
    <title>My Web Page</title>
    <style>
        body {
            background-color: lightblue;
        }
    </style>
</head>
<body>
    <h1>Welcome to My Page</h1>
    <p>This is a paragraph of text.</p>
</body>
</html>

Bu örnekte, head etiketi sayfanın title öğesini ve bazı dahili CSS stillerini içerir. "My Web Page" başlığı tarayıcının başlık çubuğunda görüntülenecek ve gövdenin arka plan rengi açık mavi olarak ayarlanacaktır.

challenge icon

Görev

Kolay

Size bir <head> etiketi içeren bir HTML belgesi verilmiştir. İçine <style> ekleyin ve aşağıdaki CSS kodunu bunun içine ekleyin:

body {
    background-color: lightgreen;
}

Kendin dene

<!DOCTYPE html>
<html>
<head>
    
</head>
<body>
    <h1>Welcome!</h1>
</body>
</html>
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

CSS ile Stil Verme bölümündeki tüm dersler

Kendi başına pratik yap: Web playground