Assalomu alaykum Hurmatli o'quvchilar!
HTML ni o'rganishni davom ettiramiz. Ushbu darsimizda
<HEAD>Ho'sh bu teg nima uchun kerak va nima uchun ishlatiladi? Degan savolga javob olasiz degan umiddamiz.
Bilamizki barcha teglar
<HTML></HTML>Keling sodda qilib tushuntirishga harakat qilaman:
Odam — bu
<html></html><head></head><body></body><head></head><body></body>
Esda tuting,teglari<head></head>teglarini orasida yozilmaydi.<body>
<html>
<head>
...</head>
<body>
...
</body>
</html>Ya'ni yuqoridagi strukturada yoziladi.
HEAD — teglarini ichiga biz css kodlar, javascript kodlar, va web sahifa uchun kerakli elementlarni, teglarni yozishimiz mumkin.
Quyidagi teglarni yozishimiz mumkin:
<title>
<style>
<meta>
<link>
<script>
<noscript>
<base> <title>Nomidan ham am'lumki, web sahifa nomini ko'rsatish uchun ishlatiladi.
Misol:
<html>
<head>
<title>Mening birinchi web sahifam</title>
</head>
<body>
Web sahifaning tana qismi...</body>
</html>
Ushbu kodni o'zingiz ham yozib tekshirib ko'ring. htmledit.squarefree.com
Ushbu kodni ishlatib browserda ochib, browseringizni tep qismiga qarang, va siz «Mening birinchi web sahifam» yozuvini ko'rasiz.
<link>Bu tegni web sahifani boshqa fayllar bilan boglash uchun ishlatamiz, misol uchun css fayl bilan boglash uchun.
Misol:
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<title>Mening birinchi web sahifam</title>
</head>
<body>
Web sahifaning tana qismi...</body>
</html>Ushbu kodni o'zingiz ham yozib tekshirib ko'ring. htmledit.squarefree.com
Yani ushbu misolda mystyle.css nomli css faylga bog'lash uchun ishlatilyapti.
<style>Ushbu teg web sahifaga stil berish uchun ishlatiladi.
Misol:
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<head>
<style type="text/css">
body {
background-color:yellow;
}
p {
color:red;
}
</style>
</head>
<title>Mening birinchi web sahifam</title>
</head>
<body>
<p>Web sahifaning tana qismi...</p>
</body>
</html>Ushbu kodni o'zingiz ham yozib tekshirib ko'ring. htmledit.squarefree.com
CSS haqida keyingi darslarimizni kuzatib boring, CSS darslarini ham albatta qo'yib borishga harakat qilamiz.
<script>Ushbu teg ichiga
JavaScriptBu darsimizda qo'ldan kelgancha teglarni tushuntirishga harakat qildim. Qolgan teglarni ham asta sekinlik bilan o'ranib boramiz.
Keyingi darslarimizni kuzatib boring.
No comments:
Post a Comment