Veb: HTML
Skelet nima?
HTML skeleti — veb-sahifaning asosiy tuzilmasi.
U veb-sayt yaratish uchun oddiy boshlang‘ich nuqtani beradi.
Oddiy HTML sahifa
Quyidagi oddiy HTML skeletidan boshlang:
Misol
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Page Title</title>
<link rel="stylesheet" href="">
</head>
<body>
<img src="img_la.jpg" alt="Los Angeles" style="width:100%">
<main>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</main>
<script src=""></script>
</body>
</html>
Misoldagi sarlavha va paragraf matnini o‘zgartirib ko‘ring.
HTML skeleti tushuntirmasi
<!DOCTYPE html> e’loni brauzerga hujjat HTML’dan foydalanishini bildiradi:
<!DOCTYPE html>
<html> elementi sahifaning ildiz (root) elementi hisoblanadi.
lang atributi sahifa tilini bildiradi:
<html lang="en">
</html>
<head> elementi sahifa haqidagi, oddiy sahifa kontenti sifatida ko‘rsatilmaydigan ma’lumotlarni o‘z ichiga oladi:
<head>
</head>
charset e’loni belgilar kodirovkasini belgilaydi:
<meta charset="UTF-8">
Viewport sozlamasi sahifaning telefonlar, planshetlar va kompyuterlarda to‘g‘ri ko‘rinishiga yordam beradi:
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> elementi brauzer tabida ko‘rsatiladigan sahifa sarlavhasini belgilaydi:
<title>Page Title</title>
CSS qo‘shish
<link> elementi sahifani tashqi stil fayliga ulashi mumkin:
<link rel="stylesheet" href="styles.css">
Keyingi bobda sahifaga W3.CSS’ni qo‘shish uchun stil faylidan foydalanasiz.
Sahifa kontenti
<body> elementi veb-sahifaning ko‘rinadigan kontentini o‘z ichiga oladi:
<body>
</body>
<img> elementi rasmni ko‘rsatadi:
<img src="img_la.jpg" alt="Los Angeles" style="width:100%">
HTML elementlarini bo‘limlarga guruhlash mumkin.
Kontent vazifasini ifodalasa, <main>, <header>, <nav> va <footer> kabi semantik elementlardan foydalaning.
Mos semantik element bo‘lmasa, <div> dan foydalaning.
<h1> elementi asosiy sarlavhani belgilaydi:
<h1>This is a Heading</h1>
<p> elementi paragrafni belgilaydi:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
JavaScript qo‘shish
<script> elementi sahifani tashqi JavaScript fayliga ulashi mumkin:
<script src="script.js"></script>
Bu oddiy skeletda skript <body> ning oxiriga yaqin joylashtirilgan.
JavaScript bu tezkor kursda keyinroq, sahifaga interaktiv xatti-harakat kerak bo‘lganda qo‘shiladi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!