logo
  1. Главная страница
  2. Презентации
  3. Информатика и ИТ
  4. HTML tili haqida ma’lumot va veb-sahifalar tayyorlash

HTML tili haqida ma’lumot va veb-sahifalar tayyorlash

Загружено в:

04.08.2023

Скачано:

0

Размер:

1945.5 KB
Скачать
HTML tili HTML tili haqida haqida ma’lumot va ma’lumot va veb-sahifalar veb-sahifalar tayyorlash.tayyorlash. 1 2INTERNET ko’lami • Axborot olish; • Mahsulot va xizmat ko’rsatish kompaniyalarini qidirish; • Tajriba almashish; • Ta’lim; • Tijorat (oldi- sotdi); • Sog’liqni saqlash; • Tadbirlar tashkillashtirish; • Notijorat faoliyat; • Tanishish; • O’yinlar va boshqa qator yo’nalishlar. 3Internet – bu … • Internet (Net-tarmoq) dunyodagi eng yirik kompyuter tarmog’idir; • Elektron pochta; • Web – o’zaro bog’langan ko’plab axborotli sahifalarning yig’indisi; • Internet Explorer – Veb hujjatlarni ko’ruvchi brouzer programmasi 4WWW nima? • World Wide Web -butun jahon o’rgimchak to’ri • http {протокол передачи гипер - текстовых файлов) — veb-brouzer va Veb server orasidagi aloqa; • URL {унифицированный указатель информационных ресурсов) – adres. • HTML {язык разметки гипертекста) — Veb sahifalar yoziladigan til, uning 1-versiyasi 1989 yilda Jenevadagi elementar zarralar fizikasi Evropa laboratoriyasida kashf etildi. Uni britaniyalik tadqiqotchi Tim Berners Li yaratdi. 04.08.23 5HTML nima uchun zarur?  HTML {язык разметки гипертекста) — Veb sahifalar yoziladigan til bo’lib, u dasturlash tili emas.  Fayllarning o’lchami kichik bo’lishi lozim, chunki… Modem tezligi 128 Kbit/s=16 Kbayt/s Tarmoqdagi xatoliklar hisobga olinsa: 16/1.5=10.66 1 minutda 10.66*60=640 Kbayt axborot olish mumkin  Dasturiy ta’minot ham arzonga tushadi. 04.08.23 6HTML redaktorlar 1) Vizual redaktorlar • Word • Namo Web Editor • Macromedia Dreamweaver MX va h. 2) Vizual bo’lmagan redaktorlar (faqat HTML-kod ko’rinishida) • Notepad (Bloknot) • Home Site va h. 04.08.23 7Deskriptor (teg)lar – kalit so’zlar • Teglar HTML ning kalit so’zlari bo’lib, hujjatning biror qismini kerakli ko’rinishda formatlash uchun ishlatiladi; • Ular < (kichik) va > (katta) belgilari orasiga yoziladi; • Ular ochiluvchi <> va yopiluvchi </> bo’lishi mumkin; • Katta yoki kichkina harflarda yozilishi mumkin. 04.08.23 8Veb sahifaning asosiy teglari • <html> </html> - Html hujjatning boshi va oxiri; • <title></title> - Veb sahifaning nomi; • <head></head> - sahifaning bosh qismi; • <body></body> - sahifaning asosiy qismi; • <body bgcolor=“red” yoki =#kod> 04.08.23 9Oddiy matnlar bilan ishlash 04.08.23 10Matnni formatlash 04.08.23 11Matnni formatlash teglari • I – (italic) yotiq shrift Informatika yoki <em></em> • B – (bold) quyuq shrift Informatika yoki <strong></strong> • U – (underline) tagiga chizilgan shrift Informatika 04.08.23 12Abzatsni formatlash 04.08.23 13<p></p> - yangi abzats 04.08.23 14<br> - yangi qator hosil qilish 04.08.23 15Align atributi – abzatsni tekislash 04.08.23 16Abzatsni tekislash • <p align=left>- abzatsni ekranning chap chegarasiga nisbatan tekislaydi. • <p align=cenrer>- abzatsni ekranning markaziga nisbatan tekislaydi. • <p align=right>- abzatsni ekranning o’ng chegarasiga nisbatan tekislaydi. • <p align=justify>- abzatsni ekranning har ikki chegarasiga nisbatan tekislaydi. 04.08.23 17Shriftlar bilan ishlash <font> </font>  Garnitura: <font face=Baltica></font> <font face=“Baltica Uzbek”> <font face=“Baltica, Verdana, Arial”></font>  O’lcham: <font size=N></font> 1<=N<=7 <font size=+4></font> <font size=-2></font> Avto qo’yiladigani: size=3 04.08.23 18Shrift o’lchamlaridan namunalar 04.08.23 19Sarlavhalar turlari 04.08.23 20Ro’yxatlar tashkil etish • <OL > • <LI> Нодир ; • <LI> Наргиз а ; • <LI> Наримо н . • </OL> • <UL > • <LI> Нодир ; • <LI> Наргиза ; • <LI> Наримон . • </UL> Ro’yxatlarning turlari < u l type=&#34; disk &#34;> < u l type=&#34; circle &#34;> < u l type=&#34; square &#34;> <ol type=“ 1 &#34; > <ol type=&#34;I&#34; > <ol type=“ i &#34; > <ol type=“ A &#34; > <ol type=“ a &#34; > 04.08.23 22Maxsus belgilar ketma- ketligi • Qo’shtirnoq 1)«» - &laquo; va &raquo; 2) „“ - &bdquo; va &rdquo; 3) ”“ - &ldquo; va &rdquo; • Tire 1) -(defis) -klaviaturada 2) – (minus) - &ndash; 3) — (tire) - &mdash; • >(katta) - &gt; • < (kichik) - &lt • & (ampersand) - &amp; • Bo’sh joy tashlash (probel)- &nbsp • <nobr></nobr> - qatorni uzmaslik • <wbr> - qatorni uzish mumkin Yuguruvchi qator <marquee height=&#34;10&#34; width=&#34;270&#34; bgcolor=“ rang &#34;> MATN </marquee> misol 04.08.23 24Hujjatga rasm qo’yish Rasmning xususiyatlari • ( 1) - <img src=&#34;pr1.png&#34; vspace=&#34;10&#34;> (2) - <img src=&#34;pr1.png&#34; hspace=&#34;30&#34;> (3) - <img src=&#34;pr1.png&#34; alt=“ foto &#34;> (4) - <img src=&#34;pr1.png&#34; width=&#34;100&#34;> (5) - <img src=&#34;pr1.png&#34; height=&#34;200&#34;> (6) - <img src=&#34;pr1.png&#34; border=&#34;5“ bordercolor=&#34;#CC0000&#34;> 04.08.23 26Rasmga yo’l ko’rsatish • Hujjat va rasm bitta papkada joylashgan: <img src=“book.jpg” width=100 height=100> • Hujjat va rasm turli papkada joylashgan: <img src=“c:/papka1/papka2/book.jpg”> • Hujjat va rasm ichma-ich papkada joylashgan: <img src=“papka2/book.jpg”> • Hujjat va rasm turli saytlarda joylashgan: <img src=“http://www.oloy.uz/papka1/papka2/b ook.jpg”> 04.08.23 27Jadvallar bilan ishlash • <table></table> - jadval qo’yish • <tr>(table rows)- satrlar • <td> (table data)- yacheyka <td nowrap>- qatornibo’lmaslik <td width=100 yoki 100%> <td height=100 yoki 100%> • <caption> -jadval nomi • <table border=2> - jadval chegarasining kengligi • Gorizontal tekislash: Align=left,right,cent er • Vertikal tekislash: Valign=top, middle, bottom 04.08.23 28Jadvallar yaratish 04.08.23 29Freymlar • Freymlar yordamida ekran bir nechta nomlangan ramkalarga bo’linadi va har bir freymga boshqa-boshqa Veb sahifalarni bir paytda yuklash mumkin. • <frameset rows=“25%,*”>…</frameset> • <frameset cols=“30%,*”>…</frameset> • <frame src=“fayl1.htm” name=“fr1”> 04.08.23 30 04.08.23 31Freymlar hosil qilish 04.08.23 32Giperbog’lanishlar • Giperbog’lanish bu - gipermatnli hujjatdan boshqa bir hujjatga o’tish uchun yo’l ko’rsatib turadigan ko’rsatkichdir. • Kirish nuqtasi (qayerdan o’tiladi); • O’tish nuqtasi (qayerga o’tiladi); • <a></a> anchore (Internet dengizidagi langar) 04.08.23 33Shu faylning biror aniq joyiga bog’lanish <a name=“kitob”> < a href=“# kitob &#34;> misol fayl Kitob(zakladka) 04.08.23 34Boshqa faylga giperbog’lanish <a href=“fayl2.htm”>Boshqa faylning boshiga o’tish</a> fayl1 fayl2 04.08.23 35Boshqa faylning biror aniq joyiga bog’lanish < a href=“ fayl 2.htm# kitob &#34;> (fayl1.htm da yoziladi) <a name=“kitob”> (fayl2.htm da yoziladi) fayl1 fayl2 Kitob(zakladka) 04.08.23 36Boshqa oyna orqali bog’lanish • < a href=“ fayl 2.htm“ target=“freym2” > yoki • < a href=“ fayl 2.htm# kitob “ target=“freym2” > misol freym2freym1 fayl2 fayl1 Rasmdan gipermurojaat <a href=&#34;big.jpg&#34;> <img src=&#34;small.jpg&#34;> </a> misol Rasm qismidan gipermurojaat <img src=“ ris .gif&#34; usemap=&#34;#karta2&#34;> ... <map name=&#34;karta2&#34; > <area href=“ name .html&#34; shape=&#34;circle&#34; coords=“ X , Y , R &#34;> </map> misol 04.08.23 39Namo Web Editor 5.5 04.08.23 40Namo Web Editor (HTML-kod) 04.08.23 41Freymlarga bo’lish 04.08.23 42Clip Art ob’yektlarini qo’yish 04.08.23 43Animatsion ob’yektlar qo’yish 04.08.23 44Namo GIF Animator 45Adabiyotlar  Е.Л.Полонская , Язык HTML . Изд.Диалектика Москва • Санкт-Петербург • Киев 2003 г .  П.Гончарев, Язык HTML . Изд.Диалектика Москва  Kim Taysek HTML&CSS  Umarova Sh., Rahmatov M. HTML tili va Namo Web Editor muharriri yordamida veb-sahifalar tayyorlash. JIDU 2006 y

Похожие

HTML gipermatni haqida ma’lumot
HTML dasturlash tili 3
Html dasturlash tili 2
HTML tili va uning asosiy teglari
Gipermatn hujjat yaratuvchi dasturlarning qiyosiy tahlili (CSS, HTML, Bootstrap)