0 XP
8-sinf · Informatika va AT · 2-chorak · 10-dars

HTML tushunchasi va veb-sahifani sozlash

Taqdimotni ochishDars ishlanmasi (Word)

Veb-sayt va veb-sahifa

Veb-sayt — veb-sahifalar majmui. Veb-sahifa — veb-saytdagi bitta sahifa.

Har qanday veb-sayt foydalanuvchiga — auditoriyaga qulay bo‘lishi va aniq maqsadga ega bo‘lishi kerak. Bu bobda biz sevimli super qahramonlar haqida veb-sayt yaratamiz.

Internetdagi birinchi veb-sayt — info.cern.ch — 1991-yil 6-avgustda ishga tushgan.

HTML nima?

HTML — «HyperText Markup Language» (gipermatnni belgilash tili) iborasining qisqartmasi. U veb-sahifa yaratish uchun ishlatiladigan til.

Veb-sahifa yaratishda boshqa tillar ham ishlatiladi — CSS, JavaScript, PHP. Lekin HTML eng eski va eng keng tarqalgan tillardan biri.

Siz yozgan HTML kodni veb-brauzer o‘qiydi va matn hamda tasvirlarni sahifa ko‘rinishida chiqaradi.

Veb-sahifa tuzilmasi

Veb-sahifa uchun yoziladigan HTML kod manba kodi deyiladi. Har bir sahifa quyidagi asosiy tuzilma bilan boshlanadi:

<!DOCTYPE html>
<html>
<head>
  <title>Bosh sahifa</title>
</head>
<body>
</body>
</html>
KodVazifasi
<!DOCTYPE html>Dasturga bu hujjat HTML hujjat — veb-sahifa ekanini bildiradi
<html> … </html>Veb-sahifa qayerda boshlanib, qayerda tugashini bildiradi
<head> … </head>Sarlavha (bosh) qismi: sahifa nomi kabi elementlar shu yerga yoziladi
<title> … </title>Sahifa nomi. U sahifaning o‘zida emas, brauzer panelida (vkladkada) ko‘rinadi
<body> … </body>Asosiy qism: sahifadagi barcha kontent shu yerga yoziladi

Teglar

  • 1Teg — veb-sahifaga kontent va uslub qo‘shish uchun ishlatiladigan kod qismi. U burchak qavslar < > ichida yoziladi.
  • 2Ochish tegi — kontent boshida keladi: <head>
  • 3Yopish tegi — kontent oxirida keladi va «/» belgisi bilan boshlanadi: </head>
  • 4Burchak qavslar va ularning ichidagi so‘z orasida bo‘sh joy bo‘lmasligi kerak.

Sahifani saqlash va ochish

  1. Notepad (Bloknot) dasturida kodni yozing.
  2. File → Save As buyrug‘ini tanlang.
  3. Fayl nomini .html bilan tugating, masalan: Bosh_sahifa.html, so‘ng Saveni bosing.
  4. Saqlangan faylni bosing — u veb-brauzerda ochiladi. Sarlavha brauzerning yuqori panelida ko‘rinadi.

Kodga har safar o‘zgartirish kiritganda faylni qayta saqlang (Save) va brauzerda sahifani yangilang.

Yodda tuting

Veb-sayt uchun alohida papka yarating, masalan Website, uning ichida rasmlar uchun Images papkasini oching.
Kodda kichik xato ham bo‘lsa, sahifa to‘g‘ri ko‘rinmasligi mumkin — har bir belgiga diqqat qiling.
Keyingi darsda <body> ichiga sarlavha va paragraf matnlarini qo‘shishni o‘rganamiz.