Sahifa nomi

Amaliy mashg‘ulot №1


MAVZU. HTML HUJJAT TUZILISHI. HTMLNING ASOSIY TEGLARI, TEG ATTRIBUTLARI.
Ishning maqsadi va mazmuni: Web ilovalarni yaratish bosqichlarining texnik va dasturiy ta’minotlari bilan tanishish. Web server paketlarini kompyuterga о‘rnatish. "Mijoz-server" texnologiyasini о‘zlashtirish. Web-sahifa, web-sayt, web-server, HTML, XML, XHTML, WML belgilash tillarini о‘zlashtirish. Asosiy teglar, attibutlar bilan ta’nishish.
Nazariy ma’lumotlar: HTML - Hyper Text Markup Language degan ma'noni anglatadi. U veb-sahifalarni loyihalash uchun ishlatiladi. HTML yordamida siz to'liq veb-sayt tuzilishini yaratishingiz mumkin. HTML gipermatn va belgilash tilining birikmasidir. Nima uchun HTML ishlatiladi? HTML Internetda ko'rsatiladigan veb-sahifalar va veb-saytlar tuzilishini yaratish uchun ishlatiladi. HTML asosan veb-sahifalarni loyihalash uchun ishlatiladigan teglar va atributlarni o'z ichiga oladi. Bundan tashqari, biz giperhavolalar yordamida bir nechta sahifalarni bog'lashimiz mumkin.
H
TML Web-sahifaning asosiy tuzilishi. HTML sahifaning asosiy tuzilishi quyida keltirilgan. U barcha veb-sahifalar yaratiladigan asosiy blok elementlarini (ya'ni, hujjat turi deklaratsiyasi, HTML, bosh, sarlavha va tana elementlari) o'z ichiga oladi.
1.1-rasm. HTML hujjatining asosiy tuzilmalari ierarxiyasini ko'rsatadigan diagrammasi.

Sahifa tarkibi

elementi web-sahifaning mazmuni va tuzilishini tavsiflaydi. U matn, rasmlar va havolalar kabi narsalarni o'z ichiga olishi mumkin. ichida ishlatiladigan mashhur teglar quyidagilarni hisoblanadi:

• 
  
  va : Bu teglar hujjat tuzilishiga yordam beradi.
  
• 
  

  ga 

  : Bu teglar hujjatdagi har bir bo'limning sarlavhalarini belgilaydi. Birdan oltigacha bo'lgan raqamlar har bir sarlavhaning o'lchamini (demak, ahamiyatini) ifodalaydi, 

  eng katta va 

  eng kichikdir.
  

  : h1 tegidan nisbatan uzun matn qismini yozish uchun foydalanish mumkin.

  
  

  
  : Bu teg HTML sahifasida tasvirni ko'rsatadi.
  

  
  : tegi giperhavolalar yaratish orqali boshqa sahifalar va ilovalarga ulanish uchun ishlatiladi.
  

Sarlavha

kata matn

tegi veb-sahifaning barcha asosiy mazmunini, masalan, sarlavhalar, matnlar, paragraflar, rasmlar, jadvallar va boshqalarni o'z ichiga oladi.
Amaliy mashg‘ulot bo‘yicha topshiriqlar.

• 
  Subline text yoki Visual Studio Code muhidini o‘rnatish.
  
• 
  Html teglari bilan tanishish va ulardan foydalanish.
  
• 
  Html teglari attibutlari haqida ma’lumot olish va foydalanish.
  
• 
  O‘rganilgan bilimlar asosida kichik sahifa yaratish.
  

Amaliy mashg‘ulot №2


MAVZU. HTMLDA RASM VA JADVALLAR BILAN ISHLASH TEGLARI. HAVOLALAR VA RO’YXATLAR BILAN ISHLASH TEGLARI. HTML FORMALAR BILAN ISHLASH.
Ishning maqsadi va mazmuni: Web-sahifa yaratishda HTML tilining asosiy teglarini ishlatish. HTML ning asosiy konteyner teglari. Sarlavha, rо‘yxat elementlari bilan ishlash. Shrift va fon ranglarini berish. HTML element teglari yordamida berilgan variant bо‘yicha saytning bosh sahifasini yaratish kerak.
Nazariy ma’lumotlar: HTML  tegi web-sahifa/web-sayt ichiga rasm qo'shish uchun ishlatiladi. Hozirgi vaqtda web-saytlar web-sahifaga rasmlarni bevosita qo'shmaydi, chunki tasvirlar web-sahifalarga rasm uchun joy egallagan tegi yordamida bog'langan.

Atributlar:  tegi quyidagi atributlarga ega.

• 
  src: tasvirga yo'lni belgilash uchun ishlatiladi.
  
• 
  alt: Bu rasm uchun muqobil matnni belgilash uchun ishlatiladi. Bu foydalanuvchiga rasm nimani anglatishini va shuningdek, tarmoqdagi har qanday muammo tufayli tasvirni ko'rsatib bo'lmasa, bu muqobil matn ko'rsatiladi.
  
• 
  height: tasvirning balandligini belgilash uchun ishlatiladi.
  
• 
  width: tasvirning kengligini belgilash uchun ishlatiladi.
  
• 
  ismap: tasvirni server tomonidagi tasvir xaritasi sifatida belgilash uchun ishlatiladi.
  
• 
  loading: Bu brauzer ba'zi shartlar bajarilmaguncha tasvirlarni yuklashni kechiktirish yoki darhol rasmni yuklash kerakligini belgilash uchun ishlatiladi.
  
• 
  longdesc: Tasvirning batafsil tavsifiga URL manzilini belgilash uchun ishlatiladi.
  
• 
  sizes: turli xil sahifa tartiblari uchun rasm o'lchamlarini belgilash uchun ishlatiladi.
  
• 
  srcset: Turli vaziyatlarda foydalanish uchun tasvir fayllari ro'yxatini belgilash uchun ishlatiladi.
  
• 
  usemap : Tasvirni mijoz tomonidagi rasm xaritasi sifatida belgilash uchun ishlatiladi.
  

Rasmlar to‘plami

width="420" height="100"
alt="rasm">