HTML <head>

<head> HTML elementi veb-sahifa haqidagi metadata (ma'lumotlar haqidagi ma'lumotlar) uchun konteynerdir . Ushbu ma'lumot veb-sahifaning o'zida ko'rsatilmaydi, aksincha brauzerlar va qidiruv tizimlariga sahifa mazmuni haqida ma'lumot beradi.

<head> elementi ichiga ba'zi umumiy meta ma'lumotlar joylashtirish mumkin.

<title> : Ushbu element hujjatning sarlavhasini belgilaydi, u brauzerning sarlavha satrida yoki yorlig'ida ko'rsatiladi va qidiruv tizimlari tomonidan qidiruv natijasining sarlavhasi sifatida ishlatiladi.

<head>
  <title>Uzbekdevs.uz</title>
</head>

<meta> : Bu element belgi kodlash, tavsif, kalit so'zlar va boshqa ma'lumotlar kabi hujjat haqidagi metama'lumotlarni taqdim etadi.

<link> : Bu teg vebsahifaning boshqa tashqi fayllar bilan ( masalan vebsahifaning CSS fayllari bilan ) bog'lanish imkonini beradi.

Keling hozir <head> tegini sinab ko'ramiz.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Head tegi</title>
        <link rel="stylesheet" href="./css/style.css">
        <style>
            p{
                color: red;
            }
        </style>
    </head>
          
    <body>
        <p>UzbekDevs</p>
    </body>


</html> 

Yuqoridagi kodda <head> tegi ichiga nimalar yozsa bo'lishini ko'rsatib o'tdim.

Shuningdek <head> tegi ichiga <Style> tegi ochish orqali CSS kodlar ham yozsa bo'ladi.

<style>
  body {background-color: powderblue;}
  h1 {color: red;}
  p {color: blue;}
</style>