MUHAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI
1-AMALIY ISH Fan nomi: Veb dasturlashga kirish
Guruh: WEB002-1 (212-21)
Bajardi: Xayitboyev Bekzod
Tekshirdi: Ruzimov Omon
Narimanovich
Toshkent – 2022 1-Javob HTML hujjat tuzilishi. HTML ning asosiy teglari, teg attributlari.
Html – (HyperText Markup Language - gipermatnli belgilash tili) deb aytiladi. HTML tili taxminan 1991—1992-yillarda Yevropa Yadroviy Tadqiqotlar Markazida ishlovchi britaniyalik mutaxassis Tim Berners-Lee tomonidan ishlab chiqilgan. Dastlab bu til mutaxassislar uchun hujjat tayyorlash vositasi sifatida yaratilgan. Bundan tashqari unda hipermatnlardan foydalanish mumkin edi. Tilning rivojlanishi bilan unga qoʻshimcha multimedia (tasvir, tovush, animatsiya va boshqalar) imkoniyatlari qoʻshildi.
Avvalo Sublime text dasturiga kiramiz.
So’ng File=>Open Folder bo’limini tanlaymiz va project ochish uchun papkani tanlaymiz;
So’ng Classlar orqali H1, H2 va H3 teglariga style yozib oldim:
Shular bilan bir qatorda Fonga rasm joylash uchun tegi uchun ham style yozib oldim.
body
{
background: url('back.jpg'); //Surat manzili
background-repeat: no-repeat; // suratni takror joylamaslik
background-attachment: fixed; //Joylashuvini o’zgarmas qilish
background-size: 100%; // O’lvhami
}
2-javob HTMLda rasm va jadvallar bilan ishlash teglari. Havolalar va ro’yxatlar bilan ishlash teglari. HTML formalar bilan ishlash.
Jadval teglari:
juft tegi==> yozgan ma’lumotimizni ekranga kerakli o’lchamda chiqaradi.
Rasm joylash: Bu sahifaga rasm joylashni bildiradi
Men img ni ham css da yozganman
3-Javob HTML5 da yangi teglar. HTML5 da audio, video va grafika bilan ishlash teglari. Quyidagilar HTML5 ning yangi teglari Canvas - tegi- JavaScript orqali turli xildagi ob’ektlarni chizish, rasm chiqarish, transformasiya va xususiyatlarni o`zgartirish imkoniyatiga ega maydon yaratadi.
Bdi - tegi-mattnni chiqarishda yo`nalishning o`zgarishni oldinioladi.
Audio - tegi-veb sahifadagi audioyozuvlarni qo`shish, eshittirish va sozlash.
Article - tegi-saytning tarkibi haqida ma’lumot (yangiliklar, maqolalar, bloglar)
Aside - tegi-kontentning yonboshdan joylashuvchi ma’lumot, arxivga gipermurojaat, belgilash.
:
Video joylash:
Shu teglar orqali video joyladim va bunga ham css kod yozildi:
video
{
width: 100%; // eni
height: 100%; // bo’yi
}
Undan rashqari ma’lum bir link orqali ham video joylash mumkin. Bunda uning linki “src= “dan keyin to’liqligicha beriladi.
shuni aytib o’tish kerak biz html ga .wav, .mp3, .mp4, .mpg, .wmv .avi. formatdagi multimedia maxsulotlarini joylay olamiz.