<head>
Misol
head bo‘limi ichida <title> tegi bo‘lgan oddiy HTML hujjat:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
<head> elementi metama’lumotlar (ma’lumotlar haqidagi ma’lumotlar) uchun konteyner bo‘lib, <html> tegi va <body> tegi orasida joylashadi.
Metama’lumotlar — HTML hujjati haqidagi ma’lumotlar. Metama’lumotlar ko‘rsatilmaydi.
Metama’lumotlar odatda hujjat sarlavhasi, belgilar to‘plami, uslublar, skriptlar va boshqa meta ma’lumotlarni belgilaydi.
<head> elementi ichiga quyidagi elementlar joylashtirilishi mumkin:
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <head> | Ha | Ha | Ha | Ha | Ha |
Global atributlar
<head> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Misol
<base> tegi (sahifadagi barcha havolalar uchun standart URL va target’ni belgilaydi) <head> ichiga joylashtiriladi:
<html>
<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24" height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>
</html>
O‘zingiz sinab ko‘ring »
Misol
<style> tegi (sahifaga uslub ma’lumotlarini qo‘shadi) <head> ichiga joylashtiriladi:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
O‘zingiz sinab ko‘ring »
Misol
<link> tegi (tashqi uslublar jadvaliga bog‘laydi) <head> ichiga joylashtiriladi:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>
</body>
</html>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML darsligi: HTML Head
HTML DOM ma’lumotnomasi: Head obyekti
Standart CSS sozlamalari
Ko‘pchilik brauzerlar <head> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
head {
display: none;
}
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!