HTML tiliga tegishlidir.HTML tilining maqsadi. HTML standarti va XHTML spetsifikatsiyasi. HTML hujjat tuzilishi. Amalga oshirish bo'yicha ko'rsatmalar

WEB SAYTLAR DIZAYNI

Veb-sayt yaratish bosqichlari

Veb-sayt yaratish bir necha bosqichlarni o'z ichiga oladi - g'oyani ishlab chiqishdan uni amalga oshirishgacha. Haqiqatan ham qiziqarli va foydali mahsulotni yaratish uchun siz quyidagi bosqichlardan o'tishingiz kerak.

Tahlil va dizayn. Kuchli tomonlarni tahlil qilish va zaifliklar raqobatchilar, veb-saytning axborot dizayni, uning kontseptsiyasini ishlab chiqish, maqsadli auditoriyani baholash.

Kontent yozish. ostida mazmuni saytning axborot mazmuniga ishora qiladi. Bu atama veb-saytning mafkuraviy mazmunini ifodalash uchun ishlatiladi.

Ijodiy. Ijodiy- veb-saytning vizual komponentini bildiruvchi atama. Bu dizayn, grafik elementlar, grafik ishlov berish va u bilan bog'liq barcha narsalarni ishlab chiqishni o'z ichiga oladi.

Veb-sayt kodini yozish. Veb-faylni dasturlash, funksional qismini yozish

Sinov. Ushbu bosqichda hamma narsa tekshiriladi: navigatsiya qulayligi, ma'lumotlarning yaxlitligi, havolalarning to'g'riligi va imlo; bundan tashqari, barcha brauzerlar bir xil HTML teglarini bir xil talqin qilmaydi.

Nashr. Internetda veb-sayt joylashtirish. Aksariyat Internet-provayderlar (ISP) uy veb-sahifalarini joylashtirish xizmatini bepul taqdim etadilar (bu xizmat veb-xosting deb ataladi). Nashr qilish uchun veb-saytingizni provayder bilan joylashtirishingiz yoki boshqa variantlardan foydalanishingiz mumkin.

Qo'llab-quvvatlash. Yangi bo'limlar va materiallar qanday qo'shilishi va eskilari bilan nima bo'lishini hal qilish kerak. O'z ahamiyatini yo'qotgan yangiliklarni o'z ichiga oladigan yangiliklar arxivini yaratish kerak bo'lishi mumkin. Veb-saytdagi ma'lumotlar jozibador bo'lib qolishi uchun uni muntazam ravishda yangilab turish yanada muhimroqdir.

Veb-dizayn terminologiyasi

Veb-brauzer- HTML hujjat kodlarini sharhlash va gipermatnli hujjatni kompyuter ekranida ko'rsatish uchun mo'ljallangan amaliy dastur. Eng ko'p ishlatiladigan brauzerlar - Internet Explorer,Opera, Mozilla Firefox, Gugl xrom. "Brauzer" atamasi bilan bir qatorda sinonim so'zlar ham qo'llaniladi: "brauzer" va "navigator".

Veb-sayt- o'zaro bog'langan, ma'no jihatidan o'xshash Web sahifalar va fayllar to'plami. Har bir veb-saytda bosh sahifa yoki deb nomlangan bitta veb-sahifa mavjud bosh sahifa. Veb-saytga tashrif buyurganlarning barchasi birinchi navbatda unga kirishadi, so'ngra giperhavolalar yordamida veb-saytning boshqa sahifalariga o'tishadi.

veb sahifa (HTML hujjati) matn fayli yoqilgan HTML tili formati *.htm yoki *.html, WWW da joylashtirilgan. Veb-sahifada matndan tashqari grafikalar, animatsiyalar, videokliplar, musiqalar, shuningdek, boshqa Web-sahifalarga oʻtish va ularni koʻrish mumkin boʻlgan gipermatnli havolalar boʻlishi mumkin.

Web-sahifalarni (yoki HTML hujjatlarini) yaratish usullaridan biri foydalanishdir matn muharriri Bloknot, Windows-ga o'rnatilgan. Bu muharrirda *.htm kengaytmasi bilan saqlanadigan Web-sahifa fayli yaratiladi va natijalar brauzer yordamida ko'riladi.

HTML tilidan foydalangan holda veb-saytlar yaratish

Til HTML(Hyper Text Markup Language) - veb-saytlarni yozish uchun ishlatiladigan gipermatnli hujjatlarni belgilash tili.

HTML tili sizga quyidagilarga imkon beradi:

‒ veb-saytlarni, shu jumladan Internetda joylashtirilishi mumkin bo'lgan uy veb-sahifasini yaratish va tahrirlash;

- Internetdan olingan HTML hujjatlarini hujjatga kiritilgan barcha ob'ektlar (rasmlar, animatsiyalar va boshqalar) ishlashi uchun tahrirlash;

- yaratmoq multimedia taqdimotlari, slayd-shou, demo-loyihalar, gipermatnli havolalar va chizmalar, diagrammalar, animatsiyalar, videokliplar, musiqa va nutq hamrohligi, matnli maxsus effektlarni (masalan, oʻrmalovchi chiziq) HTML hujjatiga kiritish imkoniyati tufayli.

HTML TILI HAQIDAGI ASOSIY TUSHUNCHALAR

Element HTML tili konstruktsiyasi yoki ma'lumotlarni o'z ichiga olgan konteynerdir.

veb sahifa elementlar to‘plamidir.

teg elementning boshlanish va tugatish belgilaridir. Teglar elementlarning harakat chegaralarini belgilaydi va elementlarni bir-biridan ajratib turadi. Teglar burchakli qavslar ichiga olinadi, masalan: . Yakuniy teg, agar til sintaksisi talab qilsa, oldinga qiyshiq chiziq qo'yiladi:.

Ramka- gipermatnli hujjatning o'ziga xos aylantirish panellari bilan maydoni. Ramkalar sizga sahifalarni to'rtburchaklar maydonlarga bo'lish imkonini beradi, ularning har biri o'zini ko'rsatadi o'z sahifasi. Siz sahifaga bir yoki bir nechta freymlarni joylashtirishingiz mumkin (bu sahifa deb ataladi ramkalar sahifasi yoki ramkalar to'plami).

Shakl- tartibga solish uchun zarur bo'lgan gipermatnli hujjat maydoni fikr-mulohaza saytga tashrif buyuruvchilar bilan.

Applet- shaklda mijozning kompyuteriga uzatiladigan kichik amaliy dastur alohida fayl va veb-sahifani ko'rishda ishga tushiriladi.

Skript- Web-sahifaga uning imkoniyatlarini kengaytirish uchun kiritilgan dastur.

Joylashtirish (yuklash)- hujjatni mijozning kompyuteridan veb-serverga nusxalash - o'z veb-sahifangizni yaratishda (ya'ni, uni nashr qilishda) foydalaniladi.

Piksel- monitor ekranidagi eng kichik rang nuqtasi.

ODDIY HTML HUJJATNING UMUMIY TUZILISHI

Oddiy HTML hujjatning umumiy tuzilishi quyidagicha:

<СОММЕNT> Izoh

Hujjat nomi </ TITLE > </HEAD> <BODY> Bu yerda HTML hujjatining matni joylashgan. </BODY> </HTML> Keling, ushbu HTML hujjat teglarini tushuntiramiz: <COMMENT> - hujjatga sharh. Majburiy emas. <HTML> - HTML buyruqlar blokining identifikatori. <HEAD> - HTML hujjat sarlavhasi identifikatori. <TITLE> - ko'rish maydoni sarlavhasi identifikatori. <BODY> - ko'riladigan hujjatning HTML buyruqlarining identifikatori. Uch asosiy teg <HTML> , <HEAD> Va <BODY> hujjatni aniqlash va tartibga solish uchun brauzerni asosiy ma'lumotlar bilan ta'minlash. Barcha ko'rsatilgan teglar juftlangan, ya'ni. har biri qiyshiq chiziqli end teg bilan tugaydi. Barcha buyruqlar kichik va katta harflar bilan yozilishi mumkin. <МЕТА> - ko'rsatish uchun ajratilmagan teg ishlatiladi <a href="https://whatsappss.ru/uz/tools/obzor-smartfona-highscreen-power-ice-obrazcovyi-byudzhetnik-highscreen-power-ice.html">batafsil ma'lumot</a> hujjat haqida. MATN OQIMI FORMATLASH TEGI <Р> - xatboshi oxirining identifikatori, undan keyin u qo'shiladi <a href="https://whatsappss.ru/uz/browser/specifikacii-po-html5-na-russkom-standarty-kodirovaniya-v-html5-pustye-stroki-i.html">bo'sh qator</a>. Oxirida teg kerak </Р> . - chiziq tasmasi identifikatori. <HR> - gorizontal chiziqli tasvir identifikatori. Bu teglar bitta, ya'ni. juftlashtirilmagan, ular slash teglarini talab qilmaydi. <PRE> - teng intervalli shriftni o'rnatish. Oxirida teg kerak </PRE>. HUJJATLAR BOSHLAKLARI VA BOSHQARMLARNI FORMATLASH UCHUN JUKLANGAN teglar <Н1>, <Н2>, <НЗ>, <Н4>, <Н5>, <Н6>. Bunday holda, sarlavhalar katta harflar bilan ko'rsatiladi va teg harflarining o'lchami <Н1> eng kattasi bo'ladi <Н2> - kamroq, y <НЗ> - hatto kamroq va boshqalar. MATN BELGILARINI FORMATLASH TEGILARI <В> - qalin shrift identifikatori. - tanlangan shrift identifikatori. - kursiv identifikator. - pastki chiziq identifikatori. <s> - chizilgan identifikator. <tt> - teng intervalli shrift identifikatori (teletayp yoki kuryer). <big> - kattalashtirilgan shrift hajmini o'rnatadi. - kichraytirilgan shrift hajmini o'rnatadi. <center> - matnning markazlashtirilishini o'rnatadi. - subscriptni o'rnatadi. PARAGRAFNI FORMATLASHTIRISH TEGI <р align=left> - paragrafdagi matnni chapga tekislang. <р align=right> - paragrafdagi matnni o'ngga tekislang. <р align=center> - paragrafdagi matnni markazga tekislang. <р align=justify> - ekranning ikkala chetida to'liq tekislash, tekislash- tekislash atributi. RO'YXAT TEGI Roʻyxat teglari tuzilgan maʼlumotlarni vizual koʻrsatish usulidir. Tartiblangan ro'yxatlar ketma-ket amallar yoki algoritmlarni ko'rsatish uchun ishlatiladi. Brauzer avtomatik ravishda ro'yxatdagi har bir element uchun raqamlarni yaratadi. <OL> - tartiblangan ro'yxatning identifikatori. Oxirida </OL>. Tartibsiz ro'yxatlar elementlarning tartibi muhim bo'lmaganda ro'yxatlarni tuzish uchun ishlatiladi. Har bir elementning oldida marker bo'ladi. <UL> - tartibsiz ro'yxat identifikatori. Oxirida </UL>. Tartibli va tartibsiz ro'yxatlardagi alohida elementlar bitta teg bilan belgilanadi <LI> , va ta'riflar ro'yxatidagi elementlar <DL> teglar <DT> muddat uchun va <DD> atamaning ma'nosi uchun. <LI> - tartiblangan va tartiblanmagan ro'yxatdagi elementning identifikatori. Yakuniy teg </LI> o'tkazib yuborilishi mumkin. TA'RIFI RO'YXATI TEGI Ta'riflar ro'yxati atamalar va ular bilan bog'liq tavsiflar uchun maxsus lug'atga o'xshash formatlashni ta'minlaydi. <DL> - ta'riflar ro'yxati identifikatori. Oxirida</DL>. <DT> - ta'riflar ro'yxatidagi atama identifikatori. <DD> - ta'riflar ro'yxatidagi atama ma'nosining identifikatori. <DL> <DT> muddat nomi 1 <DD> atamaning ta'rifi 1 <DD> atamaning boshqa ta'rifi 1 </DL> RANG TEGI <BODYbgcoIor=«teal» text=«aqua» link=«red»> - matn rangini (matn), fon rangini (bgcolor) va gipermatn havola rangini (havola) o'rnatadi. <BODY background=«back.jpg»> - back.jpg faylida Web-sahifadagi fon tasvirini (fon rasmi) o'rnatadi. <BODY background=«\windows\tartan.bmp»> - fon tasviri (fon rasmi) tartan.bmp faylidan olinadi va bu faylning yo'li ko'rsatiladi. - matn belgilarining rangini (rangini) va ularning hajmini (o'lchamini) o'rnatadi. Oxirida teg kerak . LINE teglari <hr coIor=«lime»> - gorizontal chiziq rangini o'rnatadi. <hr color=«red» size=3 width=220 align=center> - xususiyat hajmi = N chiziq qalinligini piksellarda o'rnatadi; xususiyat kengligi = M chiziq uzunligini piksellarda o'rnatadi; xususiyat tekislash = markazga(yoki chap yoki to'g'ri) chiziqning ofsetini belgilaydi (uning markazda joylashishi yoki chapga yoki o'ngga siljishi). TASVIRLARNI QO'SHISH UCHUN TEGLAR Sahifalardagi grafikalar fikrlarni ifodalash, fikrni ta'kidlash vositasidir. Tasvirlar bir necha formatda saqlanishi mumkin. GIF fayl turi, grafik almashinuv formati WWW da qo'llab-quvvatlanadigan birinchi fayl turi edi. Keyinchalik JPEG formati fotografiya bo'yicha mutaxassislarning qo'shma guruhi tomonidan ishlab chiqilgan. Bu format katta hajmdagi tasvirlarni taqdim etishda GIF ga qaraganda samaraliroq. PNG formati mashhurlikka erishdi - GIF o'rnini bosadigan shaxsiy tarmoq grafikasi. Saytni nashr qilishda grafik sahifa fayllari saqlanadigan papkada bo'lishi va URL haqiqiy bo'lishi kerak. JPEG chizmalar va fotosuratlar uchun foydali bo'lgan maxsus tasvirni siqish texnikasidan foydalanadi. <img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> - lycos.gif animatsiya fayli ko'rinishidagi grafik tasvirni kiritish. Grafik fayllarni *.jpg (yoki *.jpeg), *.bmp formatida ham ishlatishingiz mumkin. <img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> - agar rasm qo'yishda kenglik (pikseldagi kenglik) va balandlik (pikseldagi balandlik) atributlari ishlatilsa, tasvirni yuklashda brauzer avval rasm bo'lishi kerak bo'lgan ramkani, so'ngra tasvirning o'zini ko'rsatadi, chunki yuklash uchun ko'proq vaqt ketadi. Shunday qilib, ekranda bo'sh joy tasvir uchun ajratilgan. <img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> - to'liq yo'l ko'rsatilgan holda iexplor.gif fayli ko'rinishidagi grafik tasvirni kiritish <a href="https://whatsappss.ru/uz/programming/obmen-failami-mezhdu-graficheskimi-programmami-graficheskie-faily-osnovnye.html">grafik fayl</a> diskda: c:\html\animat\iexplor.gif ( <a href="https://whatsappss.ru/uz/multimedia/polnyi-spisok-stop-slov-dlya-instagram-stop-slova-skachaite-odin-iz-samyh-moshchnyh.html">bu daqiqa</a> Buni oldindan o'ylab ko'rishingiz kerak, aks holda boshqa kompyuterga o'tishda displey muammolari paydo bo'ladi). <img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> - xususiyat chegara tasvirning perimetri bo'ylab qalinligi 3 piksel bo'lgan ramka o'rnatadi. Xususiyat Alt tasvir bo'lmasa, ramka o'rniga matn beradi. Xususiyat chegara = 0 chizma atrofidagi chegarani olib tashlash uchun ishlatiladi. Bu, masalan, jonlantirilgan GIF tasvirlarini shaffof asosda ishlatganda kerak. <img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> Bu erda atribut hspace=5 matnning rasm atrofida silliq oqishini ta'minlaydi. U chizmaning o'ng va chap tomonidagi to'ldirilmagan bo'shliqning kengligini piksellarda belgilaydi. Xususiyat align = "chapga" rasmning chap tomonga joylashtirilishini ta'minlaydi. JUMP TAG <а href=«excite.htm»>excite.htm</a> - excite.htm fayliga gipermatnli havola. <а href=«C:\book\book.inf»>book.inf</a> - gipermatnli havola, book.inf fayliga o'tish. Brauzerni ishga tushirganda, ko'rish uchun dasturni ko'rsatishingiz kerak <a href="https://whatsappss.ru/uz/multimedia/kak-sravnit-2-tekstovyh-faila-v-notepad-sravnenie-shozhesti-dvuh-tekstov.html">matn fayli</a> book.inf, masalan edit.com. Internetda ishlayotganda, nomi va kengaytmasi katta va kichik harflar bilan yozilgan fayllarni farqlash kerak. Giperhavolada ko'rsatilgan va serverda joylashgan nom va kengaytmadagi har bir harfning o'lchami bo'yicha fayl nomlari o'rtasida to'liq muvofiqlik bo'lishi kerak, aks holda giperhavolalar ishlamaydi. Ishingizni osonlashtirish uchun siz raqamli fayl nomlarini belgilashingiz mumkin (raqamlar har doim bir xil o'lchamda). BOSHQA WEB-SAHIFAGA O‘TISH TEGI <а href=«http://www.da.ru»>http://www.da.ru</a> - matn ko'rinishidagi gipermatnli havola, Internetda http://www.da.ru veb-sahifasiga o'tish. <а href=«zinn.gif»><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy></a > - globe.gif tasviri ko'rinishidagi gipermatnli havola, zinn.gif tasvirini ko'rishga o'tish. E-Pochta MANZILIGA TEGI QO'SHISH <а href=«mailto: krilenka@ya.ru»>krilenka@ya.ru</a> - manzilga giperhavola <a href="https://whatsappss.ru/uz/security/kak-otpravit-veb-stranicu-na-elektronnuyu-pochtu-prosteishaya-forma.html">Elektron pochta</a>. Bosilganda qo'ng'iroq qilinadi <a href="https://whatsappss.ru/uz/tools/sborshchik-pochty-thunderbird-besplatnaya-pochtovaya-programma-mazila.html">pochta dasturi</a> va belgilangan <a href="https://whatsappss.ru/uz/multimedia/add-board-php-dobavit-obyavlenie-rabota-razmestit-obyavlenie-vveden.html">E-pochta manzili</a>: krilenka@ya.ru xatboshiga kiritilgan Kimga . HUJJATLARNI QO'SHISH TEGI <embed src=«Welcome.avi» Width=280 Height=140 autostart=true> - ob'ektni HTML hujjatiga kiritish. Bunday holda, bu multimedia fayli *.avi va sahifa yuklanganda, bu fayl avtomatik ravishda ishga tushadi, uning o'lchamlari ekranda atributlar bilan belgilanadi. Kengligi Va Balandligi. Agar HTML hujjati katta bo'lsa, uning ichida ular (U01) yorlig'i yordamida o'tishlarni amalga oshiradilar: <Р> <а href=«#U01>Kirish</а> </Р> <а name=«U01»>Kirish</а> YARATGAN MATN TIRINI YARATISH UCHUN TEGILAR (FAQAT INTERNET EXPLORER UCHUN): <marquee behavior=«scroll» direction=«right» loop=«-l»>Internet - bu dunyoga ochiladigan oyna!</marquee> Agar matn qatori chapga o'tishi kerak bo'lsa, uning o'rniga to'g'ri so'z bo'lishi kerak chap. Ishlayotgan matn qatorini yanada soddaroq yaratishingiz mumkin (ya'ni, atributlarsiz va u chap tomonga ishlaydi): <marquee>Xush kelibsiz!</marquee> Agar matn satri chap va o'ngda ishlashi kerak bo'lsa, u holda tegda <marquee>atribut ishlatiladi xatti-harakatlar = "alternativ". HTML RAMZI RANGLARI RO'YXATI Jami 16 ta asosiy rang: Ushbu atamalar o'rniga siz foydalanishingiz mumkin RGB kodlari(R ed, G reen, B lue), masalan: #FFFFFF- oq (oq), #FF0000- qizil. O'zgartirish RGB kodlari, Matn va fon uchun kerakli ranglarni tanlashingiz mumkin. AUDIO ULANISH TEGI HTML hujjatini yuklagandan so'ng audioni (*.mid fayl) ijro etish uchun <a href="https://whatsappss.ru/uz/security/chto-takoe-privatnyi-prosmotr-v-brauzere-chto-takoe-privatnyi-rezhim-v.html">Internet-brauzer</a> Explorer (ya'ni <a href="https://whatsappss.ru/uz/what-to-do/komanda-zapuska-v-fonovom-rezhime-linux-kak-zapustit-programmu-na-linux-udalenie.html">fon</a>), siz quyidagi buyruqni yozishingiz kerak, masalan: <bgsound src=«\windows\canyon.mid» lоор=1> Siz *.wav faylidan ham foydalanishingiz mumkin. O'yinlar soni halqa 1 dan p gacha oshirilishi mumkin. RAMA teglari <frameset></frameset> - hujjatning ramka (oyna) strukturasini aniqlash: o'lchamlari va sahifadagi freymlarning joylashishi. Hujjatdagi BODY tegini ramkalar bilan almashtiradi; boshqa ramkalar to'plamiga joylashtirilishi mumkin. <frameset rows=«value,vaIue»> - brauzer oynasidagi gorizontal kadrlar (chiziqli ramkalar) soni va hajmini aniqlash (piksellar, kenglik foizlari). <frameset cols=«value,value»> - brauzer oynasidagi vertikal freymlarning (ustunli ramkalar) soni va hajmini aniqlash (piksellar, kenglik foizlari). <frame> - FRAMESET strukturasi ichidagi ramka va uning xossalarini aniqlash. <noframes> </noframes> - agar brauzer ramkalarni qo'llab-quvvatlamasa, nimani ko'rsatish kerakligini aniqlaydi. Ramka atributlari: <frame src=«URL»> - ushbu ramkada ko'rsatilgan HTML faylning manzilini (URL) ko'rsatadi. <firame name=«name»> - kelajakda parametr yordamida boshqa hujjatlardan unga murojaat qilish uchun foydalaniladigan ushbu ramka nomini aniqlash maqsad. <frame marginwidth=#> - ramkaning chap va o'ng chetlarining kengligini (piksellarda) aniqlash; 1 ga teng yoki undan katta bo'lishi kerak. <frame marginheight=#> - ramkaning yuqori va pastki maydonlarining kengligini (piksellarda) aniqlash; 1 ga teng yoki undan katta bo'lishi kerak. <frame scrolling=VALUE> - ramka mazmuni uchun aylantirish paneli mavjudligini aniqlash; qiymatlar bo'lishi mumkin: "ha", "yo'q" yoki "avtomatik". Standart avtomatik hisoblanadi. <frame noresize> - ramka hajmini o'zgartirishni oldini olish. FORM TEGI Shakl ishlashi uchun siz yozishingiz kerak bo'ladi CGI skript. HTML shunchaki shaklning ko'rinishini yaratadi. <table><tr><td> <form></form> </td> <td>To'ldiriladigan shakl yarating</td> </tr><tr><td> <select multiple name=«NAME» size=?></select> </td> <td>Tanlash elementi to'ldiriladigan shaklda "Ko'pchilikdan bitta elementni tanlash" yoki "Ko'pchilikdan bir nechta narsalarni tanlash" turidagi menyuni yaratadi. Hajmi aylantirmasdan ko'rinadigan elementlar sonini aniqlaydi.</td> </tr><tr><td> < Option > </td> <td>Variant elementi alohida menyu elementlarini tavsiflaydi. Yakuniy teg yo'q.</td> </tr><tr><td> <textarea name=«NAME» cols=40 rows=8> </textarea> </td> <td>Ko'p qatorli matn kiritish uchun maydon yarating. Cols kenglikni bildiradi; qatorlar balandlikni bildiradi.</td> </tr><tr><td> <input type=«checkbox» name=«NAME»> </td> <td>Ha/yo‘q atributlari yoki bir vaqtning o‘zida bir nechta qiymatlarni qabul qila oladigan atributlar uchun kiritish maydonini yarating. Tegdan keyin darhol matn keladi.</td> </tr><tr><td> <input type=«radio» name=«NAME» value=«x»> </td> <td>Bir nechta mumkin bo'lgan qiymatlardan bitta qiymatni oladigan atributlar uchun kiritish maydonini yaratish. Matn darhol tegdan keyin keladi.</td> </tr><tr><td> <input type=text name=«foo» size=20> </td> <td>Matnning bir qatori uchun kiritish maydonini yaratish. Hajmi belgilar uzunligini belgilaydi.</td> </tr><tr><td> < input type=«submit» value=«NAME»> </td> <td>Bosilganda, to'ldirilgan shaklni serverga yuboradigan tugma yaratish.</td> </tr><tr><td> <input type=«image» border=0 name=«NAME» src=«name.gif»> <input type=«reset»> </td> <td>Serverga ma'lumotlarni uzatishni boshlaydigan tugma uchun grafik tasvirni yaratish.</td> </tr></table>HTML DA JADVALLAR YARATISH Jadvallar HTML-da ma'lumotlarni formatlashning qulay usulidir. Jadval aniqlanadi va uning umumiy xususiyatlari teg bilan belgilanadi <table></table>. Jadvalni gorizontal ravishda, masalan, markazda teg yordamida tekislash mumkin <р align=«center»>, oldiga qo'yilgan <table>. teg <table> atributlarga ega bo'lishi mumkin: <table border=«5» width=«100» cellpadding=« 10» cellspacing=«10»>, chegara = "5"- yon qirrasining kengligi piksellarda. Nolga o'rnatilganda, ramka yo'qoladi; kengligi = "100"- jadval kengligi piksel yoki kengligi = "50%"- oynadagi sahifa kengligiga nisbatan % da jadval kengligi; hujayra oralig'i = "10"- old qirraning piksellardagi kengligi; cellpadding = "10"- katakdagi ma'lumotlarni o'rab turgan piksellardagi bo'sh joy hajmini belgilaydi. teg <caption></caption> jadval sarlavhasini belgilaydi. teg <tr> jadval qatorini belgilaydi. Keyingi teg <tr> jadvalning keyingi qatorini belgilaydi. Yakuniy teg ixtiyoriy. teg <td> jadval katakchasini belgilaydi. Keyingi teg <td> to'plamlar <a href="https://whatsappss.ru/uz/administrator/excel-poisk-v-sleduyushchei-yacheike-kak-naiti-tekst-slova-i-simvoly-v-excel.html">keyingi hujayra</a> jadvallar. Yakuniy teg ixtiyoriy. Hujayra fon rangi tegda o'rnatiladi <td> : <td bgcolor=«yellow»> Ulanmagan teg <th> - jadval sarlavhasi bo'lgan hujayra elementini belgilaydi. Bu teg teg ichida bo'lishi kerak <tr>. Sarlavha yacheykasi oddiy katakchadan uning ichidagi matn qalin shriftda ko'rinishi bilan farq qiladi. Sarlavhaning fon rangi o'rnatiladi: <tr><th bgcolor=«yellow»> Zarolovok 1. SCRIPT Veb-saytni amalga oshirish uchun dastur ishlatiladi Dvigatel , bu shunchaki tayyor veb-sahifalarni ko'rsatishdan tashqari funksionallikni amalga oshiradi. Masalan, onlayn-do'kon katalogini ko'rish (mahsulotlar ro'yxati do'kon ma'lumotlar bazasidan olinadi), Internetda qidirish (javoblari bo'lgan sahifalar) <a href="https://whatsappss.ru/uz/tools/sushchestvuyushchie-poiskovye-sistemy-interneta-anonimnost-poiskovyh-sistem.html">qidiruv tizimi</a> dinamik ravishda shakllantiriladi), bannerlarni ko'rsatadi (dvigatel ma'lum bir algoritmga muvofiq sayt sahifalariga u yoki bu bannerni "beradi"). Skript - bu vosita komponenti bo'lgan "skript" dasturlash tilida (Perl, Php, Javascript) oddiy dastur. Haddan tashqari holatlarda, sayt mexanizmi bitta skriptdan iborat bo'lishi mumkin. Tarixan Cgi-bin serverda skriptlar va sayt mexanizmining boshqa komponentlari joylashgan pastki katalog bo'lgan. Ba'zi xosting xizmatlari (birovning veb-saytini o'z veb-serverida yoki boshqa birovning veb-serverida joylashtirish xizmatlari) o'z mijozlariga skriptlarni joylashtirish uchun shaxsiy cgi-bin kataloglarini taqdim etadi. Til HTML(Hyper Text Markup Language) - veb-saytlarni yozish uchun ishlatiladigan gipermatnli hujjatlarni belgilash tili. HTML tili sizga quyidagilarga imkon beradi:<ul>veb-saytlarni, shu jumladan, Internetga joylashtiriladigan uy veb-sahifasini yaratish va tahrirlash;Internetdan olingan HTML hujjatlarini hujjatga kiritilgan barcha ob'ektlar (rasmlar, animatsiyalar va boshqalar) ishlashi uchun tahrirlash;HTML hujjatiga gipermatnli havolalar va chizmalar, diagrammalar, animatsiyalar, videokliplar, musiqa va nutq hamrohligi, matnli maxsus effektlarni (masalan, o'rmalovchi chiziq) kiritish imkoniyati tufayli multimedia taqdimotlari, slayd-shoular, namoyish loyihalarini yaratish. </ul><h2>Html tilining asosiy tushunchalari</h2>Element HTML tili konstruktsiyasi yoki ma'lumotlarni o'z ichiga olgan konteynerdir.Veb-sahifa elementlar to‘plamidir.teg(Teg) elementning boshlanish va tugatish belgilaridir. Teglar elementlarning harakat chegaralarini belgilaydi va elementlarni bir-biridan ajratib turadi. Teglar burchakli qavslar ichiga olinadi, masalan: < HTML>. Yakuniy teg, agar til sintaksisi talab qilsa, oldinga qiyshiq chiziq qo'yiladi: </ HTML> .Ramka(Frame) - gipermatnli hujjatning o'ziga xos aylantirish paneli bo'lgan maydoni. Ramkalar sahifalarni har biri o'z sahifasini ko'rsatadigan Hi to'rtburchaklar maydonlarga bo'lish imkonini beradi. Siz bir yoki bir nechta joylashtirishingiz mumkinsahifadagi ramkalar (bu sahifa ramka sahifasi yoki ramkalar to'plami deb ataladi).Shakl(Forma) - bu saytga tashrif buyuruvchilarning fikr-mulohazalarini tashkil qilish uchun zarur bo'lgan gipermatnli hujjat maydoni.Applet(Applet) - bu mijozning kompyuteriga alohida fayl sifatida uzatiladigan va veb-sahifani ko'rishda ishga tushiriladigan kichik amaliy dastur.Skript(Skript) - Web-sahifaga uning imkoniyatlarini kengaytirish uchun kiritilgan dastur.Turar joy(Yuklash) - hujjatni mijozning kompyuteridan veb-serverga nusxalash - o'z veb-sahifangizni yaratishda (ya'ni, uni nashr qilishda) foydalaniladi.Piksel(Piksel) - monitor ekranidagi eng kichik rang nuqtasi.<h2>Oddiy html hujjatning umumiy tuzilishi</h2>Oddiy HTML hujjatning umumiy tuzilishi quyidagicha:<Izoh> Izoh </COMMENT ><HTML> <HEAD> < TITLE> Hujjat nomi </ТП LE></ BOSH> < TANI> Bu yerda HTML hujjatining matni joylashgan.</ TANI> </ HTML> Keling, HTML hujjatining belgilangan teglarini tushuntiramiz.< Izoh> - hujjatga sharh. Majburiy emas.< HTML> - HTML buyruqlar blokining identifikatori.< BOSH> - hujjat nomi identifikatori HTML. < TITLE> - ko'rish maydoni sarlavhasi identifikatori.< TANI> - identifikator HTML-buyruqlar ko'rish uchun hujjat.Uch asosiy teg < HTML>, < BOSH> Va < TANI> asosiy identifikatsiya ma'lumotlarini brauzerga o'tkazish va tashkilotlar hujjat.Barcha ko'rsatilgan teglar juftlangan, ya'ni. har biri qiyshiq chiziqli end teg bilan tugaydi. Barcha buyruqlar kichik va katta harflar bilan yozilishi mumkin.<МЕТА> - hujjat haqida batafsil ma'lumotni ko'rsatish uchun ajratilmagan teg ishlatiladi. HTML (HyperText Markup Language) atamasi "gipermatnni belgilash tili" degan ma'noni anglatadi. HTMLning birinchi versiyasini Yevropa zarrachalar fizikasi laboratoriyasi xodimi Tim Berners-Li ishlab chiqqan. HTML birinchi versiyasi yaratilganidan beri ba'zi o'zgarishlarga duch keldi. Kompyuter dunyosidagi ko'p narsalar singari, HTML versiyalari yoki texnik xususiyatlari ham raqamlangan bo'lib chiqdi. 2.0, 3.0 va 3.2 spetsifikatsiyalari ma'lum. Joriy HTML spetsifikatsiyasini har doim W3C serverida topish mumkin. HyperText Markup Language (HTML) WEB muhitida gipermatnli hujjatlarni yaratish uchun mo‘ljallangan standart tildir. HTML hujjatlarini ko'rish mumkin <a href="https://whatsappss.ru/uz/what-is-it/bluetooth---eto-standart-bezopasnogo-besprovodnogo-perenosa-dannyh-mezhdu.html">har xil turlari</a> WEB-brauzerlar. Hujjat bilan yaratilganda <a href="https://whatsappss.ru/uz/utilities/iframe-i-frame-chto-eto-takoe-i-kak-luchshe-ispolzovat-freimy-v-html.html">HTML yordamida</a>, WEB-brauzer turli hujjat elementlarini ajratib ko'rsatish va avval ularni qayta ishlash uchun HTMLni talqin qilishi mumkin. HTML-dan foydalanish hujjatlarni ularni ko'ruvchi har qanday tizimda shriftlar, chiziqlar va boshqa grafik elementlar yordamida taqdim etish uchun formatlash imkonini beradi. Ko'pgina hujjatlarda sarlavha, paragraflar yoki ro'yxatlar kabi standart elementlar mavjud. HTML teglaridan foydalanib, siz ushbu elementlarni belgilashingiz mumkin, WEB-brauzerlarga ushbu elementlarni ko'rsatish uchun minimal ma'lumotlar bilan ta'minlab, umumiy ma'lumotlarni saqlab qo'yishingiz mumkin. <a href="https://whatsappss.ru/uz/browser/kompyuternye-seti-11---referat-harakteristika-kompyuternyh-setei.html">umumiy tuzilishi</a> va hujjatlarning axborot to'liqligi. HTML-hujjatni o'qish uchun HTML teglarini sharhlovchi va hujjatni muallif bergan shaklda ekranda ko'rsatadigan WEB-brauzer kifoya qiladi. Ko'pgina hollarda, hujjat muallifi qat'iy belgilaydi <a href="https://whatsappss.ru/uz/browser/prikreplennaya-tema-blyutuz-naushniki-dlya-telefona-podklyuchenie-bluetooth.html">tashqi ko'rinish</a> hujjat. HTML misolida, o'quvchi (WEB-brauzer imkoniyatlaridan kelib chiqib, ma'lum darajada, hujjatning ko'rinishini (lekin uning mazmunini emas) boshqarishi mumkin). HTML sarlavha yoki paragraf qayerda bo'lishi kerakligini belgilash imkonini beradi. Hujjatni HTML tegidan foydalanib ko'ring va keyin ushbu teglarni sharhlash uchun WEB-brauzerni taqdim etadi. Masalan, bitta WEB-brauzer paragraf tegining boshlanishini tanib, hujjatni kerakli shaklda taqdim etishi mumkin, boshqasi esa bunday imkoniyatga ega emas va hujjatni bir qatorda taqdim etadi. Ba'zi WEB-brauzerlarning foydalanuvchilari hujjatning ko'rinishiga ta'sir qiluvchi shrift hajmi va turini, rangi va boshqa parametrlarini sozlash imkoniyatiga ega. HTML hujjatlari har qanday matn muharriri yoki maxsus HTML muharrirlari va konvertorlari yordamida yaratilishi mumkin. HTML hujjatlarini yaratishda foydalaniladigan muharrirni tanlash faqat har bir muallifning qulayligi va shaxsiy xohishlariga bog'liq. Masalan, Netscape-dan Netscape Navigator Gold kabi HTML muharrirlari WYSIWYG (What You See Is What You Get) texnologiyasidan foydalangan holda grafik shaklda hujjatlar yaratish imkonini beradi. Boshqa tomondan, ko'pgina an'anaviy hujjat yaratish vositalarida hujjatlarni HTML formatiga aylantirish imkonini beruvchi konvertorlar mavjud. Barcha HTML teglari " bilan boshlanadi<" (левой угловой скобки) и заканчиваются символом ">" (to'g'ri burchakli qavs). Odatda, boshlang'ich teg va tugatish tegi mavjud. Masalan, bu erda sarlavha teglari mavjud bo'lib, ular hujjat sarlavhasini tavsiflovchi bosh va tugatish teglari ichidagi matnni belgilaydi: <TITLE>Hujjat nomi

HTML katta harflarga sezgir emas, shuning uchun yuqoridagi misol quyidagicha ko'rinishi mumkin:

Hujjat nomi

Yakuniy teg boshlang'ich teg bilan bir xil ko'rinadi va burchakli qavslar ichidagi matn oldidan oldinga qiyshiq chiziq bilan undan farq qiladi. IN bu misolda teg WEB-brauzerga sarlavha formatidan foydalanishni aytadi va- sarlavha matnining tugallanganligi haqida.

Ba'zi teglar, masalan
(paragrafni belgilaydigan teg) yakuniy tegni talab qilmaydi, lekin undan foydalanish hujjatning manba matnini yaxshilangan o'qilishi va tuzilishini beradi.

WEB-brauzer hujjatni qabul qilganda, hujjat qanday talqin qilinishi kerakligini aniqlaydi. Hujjatda paydo bo'ladigan birinchi teg teg bo'lishi kerak . Bu teg WEB-brauzerga hujjatingiz HTML yordamida yozilganligini bildiradi. Minimal HTML hujjati quyidagicha ko'rinadi:

...hujjatning asosiy qismi ...

Hujjat sarlavhasi

Hujjat bosh yorlig'i tegdan keyin darhol ishlatilishi kerak va hujjatning boshqa joyida yo'q. Bu teg umumiy tavsif hujjat. Teg ichiga biron bir matn qo'ymang . Boshlash belgisi tegdan oldin darhol joylashtiriladi va hujjatni tavsiflovchi boshqa teglar va yakuniy teg</HEAD> hujjat tavsifi tugagandan so'ng darhol joylashtiriladi. Masalan: <HTML> <HEAD> <TITLE>Xodimlar ro'yxati Hujjat nomi Aksariyat WEB-brauzerlar teg tarkibini ko'rsatadi <TITLE>hujjatni o'z ichiga olgan oynaning sarlavhasida va xatcho'plar faylida, agar u WEB-brauzer tomonidan qo'llab-quvvatlansa. Sarlavha teglar bilan cheklangan <TITLE>Va, ichida joylashgan -teglar, yuqoridagi misolda ko'rsatilganidek. Hujjatning o'zi oynada ko'rsatilganda hujjat sarlavhasi ko'rinmaydi.

Izohlar

Har qanday til singari, HTML ham hujjatning asosiy qismiga sharhlar kiritish imkonini beradi, ular hujjat tarmoq orqali uzatilganda saqlanadi, lekin brauzer tomonidan ko'rsatilmaydi. Sharh sintaksisi:

Sharhlar hujjatning istalgan joyida va istalgan miqdorda paydo bo'lishi mumkin.

Hujjat tanasi teglari oynada ko'rsatilgan HTML hujjatning tarkibiy qismlarini aniqlaydi. Hujjatning asosiy qismida boshqa hujjatlar, matn va boshqa formatlangan ma'lumotlarga havolalar bo'lishi mumkin.

Hujjat tanasi

Hujjatning tanasi teglar orasida bo'lishi kerak Va. Bu hujjatning matn va grafik (semantik) ma'lumotlari sifatida ko'rsatiladigan qismidir.

Paragraf tegi
Ko'pgina so'z protsessorlaridan farqli o'laroq, HTML hujjatida karetani qaytarish odatda e'tiborga olinmaydi. Jismoniy paragraf tanaffusi hujjatning manba matnining istalgan joyida joylashgan bo'lishi mumkin (o'qishni osonlashtirish uchun). Biroq, brauzer faqat teg mavjud bo'lsa, paragraflarni ajratadi
Agar siz paragraflarni teg bilan ajratmasangiz
Hujjatingiz bitta katta paragraf sifatida ko'rinadi.

Gipermatnli havolalar WEBni foydalanuvchilar uchun jozibador qiladigan asosiy komponent hisoblanadi. Gipermatnli havolalarni (keyingi o'rinlarda havolalar deb yuritiladi) qo'shish orqali siz ulangan va tuzilgan hujjatlar to'plamini yaratasiz, bu esa foydalanuvchiga kerakli ma'lumotlarni imkon qadar tez va qulay tarzda olish imkonini beradi.

Bog'lanishlar standart formatga ega bo'lib, u brauzerga ularni sharhlash va havola turiga qarab kerakli funktsiyalarni (chaqiruv usullari) bajarishga imkon beradi. Havolalar boshqa hujjatga, ushbu hujjat ichidagi ma'lum bir joyga ishora qilishi yoki brauzer ko'rsatishi uchun FTP orqali faylni so'rash kabi boshqa funktsiyalarni bajarishi mumkin. URL mutlaq yo'lda ma'lum bir joyni ko'rsatishi mumkin yoki u ko'pincha yirik tuzilgan WEB-saytlarni tashkil qilishda foydalaniladigan joriy yo'ldagi hujjatga ishora qilishi mumkin. Agar harakat hujjat ichida sodir bo'lsa, avvalgi havolaga qayting. Agar siz hujjat ichidagi havolalardan foydalansangiz va keyin Orqaga tugmachasini bossangiz, oldingi havolaga o'tmaysiz, lekin hujjatning avval ko'rayotgan qismiga qaytasiz.

Eng jozibalilaridan biri la'nati veb-HTML hujjatiga grafik va boshqa turdagi ma’lumotlarga havolalarni kiritish imkoniyati. Bu teg yordamida amalga oshiriladi . Ushbu tegdan foydalanish hujjatlarning ko'rinishi va funksionalligini sezilarli darajada yaxshilashi mumkin.

HTML hujjatlarida grafiklardan foydalanishning ikki yo'li mavjud. Birinchisi, grafik tasvirlarni hujjatga joylashtirish bo‘lib, bu foydalanuvchiga tasvirlarni hujjatning boshqa elementlari kontekstida bevosita ko‘rish imkonini beradi.

Bu hujjatni loyihalashda eng ko'p qo'llaniladigan usul bo'lib, ba'zida "inline image" deb ataladi.

Ba'zi WWW brauzerlari foydalanuvchiga olingan qiymatni qaytaradigan maxsus shaklni to'ldirish orqali WWW serveringizda muayyan amallarni bajarishga imkon beradi. Shakl WEB-brauzer tomonidan talqin qilinganda, kiritish maydonlari, belgilash katakchalari, radio tugmalar, ochiladigan menyular, aylantiriladigan ro'yxatlar, tugmalar va boshqalar kabi maxsus GUI ekran elementlari yaratiladi. Foydalanuvchi anketani to‘ldirib, “Yuborish” tugmasini bosganida (yuborish – hujjatni tavsiflashda ko‘rsatiladigan maxsus turdagi tugma), foydalanuvchi shaklga kiritgan ma’lumotlar qayta ishlash va uzatish uchun HTTP serveriga yuboriladi. CGI (Common Gateway Interface) interfeysiga muvofiq server ostida ishlaydigan boshqa dasturlarga.

Shaklni tavsiflaganingizda, har bir ma'lumot kiritish elementi tegga ega . Foydalanuvchi ma'lumotni shakl elementiga joylashtirganda, ma'lumot ushbu elementning VALUE bo'limiga joylashtiriladi. Webning eng jozibali xususiyatlaridan biri bu HTML hujjatiga grafik va boshqa turdagi ma'lumotlarga havolalarni kiritish qobiliyatidir.

Veb-sahifalar kompyuter ekranida formatlangan ko'rinsa-da, HTML hujjatlarni formatlash uchun mo'ljallanmagan, chunki sahifadagi matn elementlarining qattiq dizayni va aniq joylashishi Internetda qabul qilib bo'lmaydigan cheklovlarga olib keladi.

Shunday qilib, masalan, biz matnni formatlashda matn protsessori So'z, biz albatta ushbu matn chop etilganda qanday ko'rinishini aniqlang juda o'ziga xos printer va qog'ozda belgilangan format. Hujjat Internetga joylashtirilganda, uni ko'rish uchun qaysi kompyuter ishlatilishini yoki bu kompyuterda hatto monitor bo'ladimi-yo'qligini oldindan aytib bo'lmaydi.

Ehtimol, matn ishlayotgan kompyuter ekranida paydo bo'ladi Windows tizimi zamonaviy brauzerlardan birining oynasida. Ehtimol, bu MS-DOS da ishlaydigan matn brauzeri (grafiklarni ko'rsatishga qodir emas) bo'ladi. Ehtimol, hujjat matni ekranda umuman ko'rsatilmaydi, lekin nutq sintezatori yordamida baland ovozda ijro etiladi. Ko‘zi ojiz foydalanuvchi uchun hujjat Brayl alifbosida maxsus qurilmada ko‘rsatilishi mumkin.

Bunday turli xil qurilmalar uchun hujjatlarni tayyorlash zarurati tufayli HTML hujjat formatini tavsiflash uchun mo'ljallanmagan. uchun xizmat qiladi funktsional hujjatlarni belgilash, ya'ni aniqlash imkonini beradi tayinlash matn qismlari.

Misol uchun, agar matnda sarlavha mavjud bo'lsa, HTML kodi shunchaki tegishli bo'lakning sarlavha ekanligini bildiradi. Bunday kodni olgandan so'ng, tomoshabin dasturi (brauzer) o'zi sarlavha bilan nima qilishni "hal qiladi". Ehtimol, u buni ko'proq namoyish etadi katta bosma, yoki uni ekran markaziga tekislang. Hujjat matnini takrorlaydigan nutq sintezatori ovoz balandligini oshirish va kerakli intonatsiya pauzasini qilish uchun sarlavha kodidan foydalanishi mumkin.

HTML tilida hali ham ba'zi formatlash buyruqlari mavjud, ammo umumiy kurs ajratishdir mazmuni va hujjatning bajarilishi qat'iy ta'minlanadi. IN oxirgi versiya HTML (4.0) formatlash buyruqlari odatda tavsiya etilmaydi.

Manba matnni belgilash uchun ishlatiladigan HTML til kodlari deyiladi teglar. Teg - bu belgilar to'plami. Barcha teglar kichikroq belgi bilan boshlanadi ( < ) va kattaroq belgi bilan tugaydi (( > ). Bu juft belgilar ba'zan deyiladi burchakli qavslar. Ochilish burchakli qavsdan keyin keladi kalit so'z, belgilovchi teg.

HTML-dagi har bir teg maxsus maqsadga ega. Teg nomlaridagi harflarning katta-kichikligi muhim emas — kichik yoki katta harflardan foydalanish mumkin, ammo teglarni hujjatning oddiy matnidan ajratish uchun katta harflardan foydalanish odatiy holdir.

Qoida tariqasida, bitta HTML teg hujjatning faqat bir qismiga, masalan, paragrafga ta'sir qiladi. Bunday hollarda juft teglar qo'llaniladi: ochilish Va yopilish. Ochilish tegi effekt yaratadi, yopilish tegi esa effektni tugatadi. Teglarni yopish qiyshiq chiziq bilan boshlanadi ( / ).

Ba'zi teglar paydo bo'lgan joyda bir martalik effekt beradi. Bunday holda, yopish tegiga ehtiyoj qolmaydi va u ishlatilmaydi.

Agar xatolik tufayli teg HTMLda topilmagan kalit so'zni o'z ichiga olsa, teg butunlay e'tiborga olinmaydi.

Hujjat brauzerda ko'rsatilganda teglarning o'zi ko'rsatilmaydi, lekin ular hujjatning ko'rsatilishiga ta'sir qiladi.

Teg atributlari

Ochilish teglari ko'pincha o'z ichiga olishi mumkin atributlar, teg tomonidan yaratilgan effektga ta'sir qilish. Atributlar - dan ajratilgan qo'shimcha kalit so'zlar kalit so'z teg va bir-biridan bo'shliqlar bilan ajratilgan.

Ba'zi atributlar spetsifikatsiyani talab qiladi atribut qiymatlari. Bu qiymat kalit so'zdan teng belgisi bilan ajratilgan ( = ). Atribut qiymati qo'shtirnoq ichiga olinishi kerak, lekin ko'p hollarda tirnoq belgilari hech qanday zarar etkazmasdan qoldirilishi mumkin.

Yopiladigan teglar hech qachon atributlarni o'z ichiga olmaydi.

Izohlar

Dasturlash tillarida dastur tarkibiga kirmaydigan, lekin tushuntirish uchun xizmat qiluvchi izohlardan - matn satrlaridan foydalanish keng tarqalgan. HTML tilida ham shunday imkoniyat mavjud.

HTML tilidagi izohlar maxsus teg bilan boshlanadi . Sharh kattaroq belgidan tashqari har qanday belgilarni o'z ichiga olishi mumkin ( > ) va shuning uchun teglarni o'z ichiga olmaydi.

HTML teglariga misollar:

<Body> <TABLE> </A> <img> </Center> Ulangan HTML teglariga misollar: <HTML> </HTML>, , <HEAD> </HEAD>, <H3> </H3>, <ADDRESS> </ADDRESS> , , Bitta HTML teglariga misollar: , <HR>, <META>, <BASEFONT>, <FRAME>, <INPUT>. Atributlarga ega HTML teglariga misollar: <BODY BGCOLOR="#000000” TEXT=”FFFFFF" BACKGROUND="RAIN.GIF"> <OPTION SELECTED> <FRAME SRC="file.html" NORESIZE> HTML hujjat tuzilishi HTML hujjati hujjatning tanasi va belgilash teglaridan iborat bo'lib, biz allaqachon bilganimizdek, oddiy belgilar to'plamidir. Demak, HTML hujjati mohiyatan oddiy matnli fayldir. Uni yaratish uchun siz istalgan matn muharriridan, hatto Windows 9x bilan birga kelgan oddiy Notepad muharriridan ham foydalanishingiz mumkin. 1. Barcha HTML hujjatlari qat'iy belgilangan tuzilishga ega. Hujjat teg bilan boshlanishi kerak <HTML> va tegishli yopish tegi bilan yakunlanadi </HTML> . Bu teglar juftligi brauzerga bu haqiqatan ham HTML hujjati ekanligini bildiradi. 2. HTML hujjati iborat sarlavhalar bo'limidan Va hujjat tanasi, aynan shu tartibda ketmoqda. Sarlavha bo'limi teglar orasiga o'ralgan <HEAD> Va </HEAD> va butun hujjat haqida ma'lumotni o'z ichiga oladi. Xususan, ushbu bo'lim teglarni o'z ichiga olishi kerak <TITLE> Va , ular orasida hujjatning "rasmiy" sarlavhasi joylashtirilgan. Windows operatsion tizimida ishlaydigan ko'pgina brauzerlar brauzer oynasining sarlavha satrini to'ldirish uchun ushbu nomdan foydalanadilar.

3. Hujjat matnining o'zi joylashgan hujjatning asosiy qismi. Hujjatning tanasi teglar orasida joylashgan Va .

Ro'yxatda keltirilgan to'rtta juft teglar HTML hujjatining asosiy tuzilishini belgilaydi. Ular barcha HTML hujjatlarida ko'rinadi (yoki nazarda tutiladi).

Amalda, agar ular yo'q bo'lsa ham, ushbu strukturaviy asosiy teglarning joylashishini aniqlash mumkin. Shuning uchun, teglar bo'lsa , Va , shuningdek, ularning tegishli yopish teglari o'tkazib yuborilgan bo'lsa, brauzer dasturining o'zi ular joylashgan joyni aniqlay oladi. teg Hujjatning sarlavhasini belgilaydigan , majburiy hisoblanadi, ammo uni o'tkazib yuborish zamonaviy brauzerlarda halokatli oqibatlarga olib kelmaydi. Ammo shunga qaramay, veb-sahifalarni yaratishda ushbu teglarning barchasini o'tkazib yuborish tavsiya etilmaydi, chunki o'quvchi kompyuterida o'rnatilgan ma'lum bir brauzer o'zini qanday tutishi oldindan ma'lum emas. To'g'ri tayyorlangan eng oddiy HTML hujjati <HTML> <HEAD> <ТIТLЕ> Hujjatning funktsional bo'limlari </ТIТLЕ> </HEAD> <BODY> </BODY> HTML (gipermatn belgilash tili) matn belgilash tilidir. Uning yordami bilan tuzilgan matn hujjatida nafaqat matnning o'zi, balki matnning turli qismlari - shrift o'lchami, ajratib ko'rsatish, rang haqida ma'lumotni olib yuradigan maxsus belgilar - tavsiflovchilar yoki "teglar" ham mavjud. , va boshqalar. Bu til 80-yillarning oxirida Tim Berners-Li tomonidan ishlab chiqilgan. Uni ishlab chiqish g'oyasi shundan iborat ediki, dasturlash va joylashtirishni bilmagan odamlar turli xil texnik xususiyatlarga va jihozlarga ega bo'lgan qurilmalarda buzilmasdan ko'rsatiladigan texnik ma'lumotlar, matnlar, jadvallar almashishlari mumkin edi. Teglar ingliz tilidagi so'zlarga asoslanganligi sababli, uni o'rganish va ishlatish nisbatan sodda edi va asta-sekin mashhurlikka erishdi. HTML belgilash Internet-brauzerlar deb ataladigan maxsus ilovalar yordamida monitorlar va mobil qurilmalarda to'g'ri qayta ishlanadi va ko'rsatiladi. Dastlab, juda ko'p norasmiy HTML standartlari mavjud edi. Ammo Internetning eksponentsial kengayishi bilan dasturiy ta'minot ishlab chiquvchilari ma'lumot uzatishning umumiy qabul qilingan vositalariga murojaat qilishga majbur bo'lishdi. Asta-sekin HTML tili yangi imkoniyatlarga ega bo'ldi - jadvallar va matematik formulalarni yaratish va ko'rsatish. Nostandart elementlar qo'shildi. HTML 4.0 ning paydo bo'lishi bilan ba'zi elementlar eskirgan va eskirgan deb belgilandi. 1997 yilda HTML 4 standartlashtirildi. HTML 5 hozirda ishlab chiqilmoqda.Ishlab chiquvchilarning xohishi Internet-kontentni tuzish va ko'rsatish uchun yagona sintaktik to'g'ri belgilash tilini guruhlashdir. U hujjatlar va murakkab veb-ilovalar uchun belgilarni kengaytiradi va yaxshilaydi. HTML 5 multimedia ob'ektlarini kiritish va boshqarishni osonlashtiradigan ko'plab xususiyatlar va innovatsiyalarga ega. Videolarni yoqish uchun endi Flash pleerdan foydalanish shart emas. Internetdagi deyarli barcha veb-saytlar HTML belgilash tili yordamida yaratilgan. Ammo bir xil veb-sahifa turli brauzerlarda boshqacha ko'rinishi mumkin. HTML 5 spetsifikatsiyasi brauzerlar va hujjatlar uchun aniq talablarni belgilaydi. Xatolarni tuzatish uchun brauzerlar tomonidan qo'llaniladigan algoritmlar to'g'ri ob'ekt modelini yaratishga yordam beradi. Kelgusida HTML-dan foydalangan holda videolarni tomosha qilishda taglavhalar ko‘rsatish, elektron shakllarni to‘ldirish, imloni tekshirish kabi texnologiyalar paydo bo‘lishi kutilmoqda. Ushbu til bugungi kunda veb-sahifalarni yaratish uchun ishlatiladi va CMS kontentni boshqarish tizimlari uchun kod yozishda ham keng qo'llaniladi. Agar siz veb-sayt yaratishga qaror qilsangiz, ushbu matn belgilash tilini hech bo'lmaganda boshlang'ich darajada o'zlashtirishingiz kerak. Sayt kodiga o'zgartirishlar kiritish yoki hech bo'lmaganda saytning veb-sahifasida nima yozilganligini tushunish uchun. Ajoyib ta'lim video kursini bepul oling <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </article> </section> <section id="sidebar" class="secondary clearfix" role="complementary"> <aside id="nav_menu-3" class="widget widget_nav_menu clearfix"> <h3 class="widgettitle">Kategoriyalar</h3> <div class="menu-menyu1-container"> <ul id="menu-menyu1" class="menu"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/uz/category/security/">Xavfsizlik</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/uz/category/multimedia/">Multimedia</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/uz/category/office-programs/">Ofis dasturlari</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/uz/category/utilities/">Utilitalar</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/uz/category/administrator/">Administrator</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/uz/category/programming/">Dasturlash</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/uz/category/browser/">Brauzer</a></li> </ul> </div> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <h3 class="widgettitle">Oxirgi yozuvlar</h3> <ul> <li> <a href="https://whatsappss.ru/uz/multimedia/mestoraspolozhenie-serverov-world-of-tanks-sekrety-wot-kak-vybrat-server-gde.html">WOT sirlari - serverni qanday tanlash kerak</a> </li> <li> <a href="https://whatsappss.ru/uz/administrator/narusheniya-v-igre-zhaloby-na-narushenie-pravil-napisat-pismo-v-world.html">Qoidalarning buzilishi haqida shikoyatlar Jahon tanklariga xat yozing</a> </li> <li> <a href="https://whatsappss.ru/uz/administrator/kak-izmenit-imya-v-wot-kak-smenit-pochtovyi-yashchik-v-world-of-tanks-pri-smene-nikneima.html">World of Tanks-da pochta qutingizni qanday o'zgartirish mumkin</a> </li> <li> <a href="https://whatsappss.ru/uz/multimedia/kak-ochistit-kesh-v-mozile-kak-pochistit-kesh-v-mozile-i-dlya-chego-eto-nuzhno.html">Mozilla-da keshni qanday tozalash kerak va nima uchun kerak Keshni Firefox va Internetdan tozalash</a> </li> <li> <a href="https://whatsappss.ru/uz/security/kakuyu-versiyu-skaip-ustanovit-na-vindovs-7-skachat-staryi-skaip-vse.html">Eski Skype-ni yuklab oling - Skype-ning barcha eski versiyalari</a> </li> <li> <a href="https://whatsappss.ru/uz/security/kak-ustanovit-prilozhenie-viber-na-telefon-ckachat-viber-dlya-androida-na-russkom.html">Rus tilida Android uchun Viberni yuklab oling Viberni qayerdan yuklab olishingiz mumkin</a> </li> <li> <a href="https://whatsappss.ru/uz/utilities/chto-daet-vklyuchenie-v-brauzere-yandeks-turbo-rezhima-avtomaticheskoe-vklyuchenie.html">Yandex-da turbo rejimini avtomatik ravishda yoqing</a> </li> <li> <a href="https://whatsappss.ru/uz/programming/kak-naznachit-domashnii-ekran-na-androide-perezagruzis-v-bezopasnyi.html">Xavfsiz rejimga qayta yoqing</a> </li> <li> <a href="https://whatsappss.ru/uz/office-programs/obnovlenie-soni-iksperiya-m2-dual-proshivka-ili-pereproshivka-sony.html">Mikrodastur yoki miltillovchi Sony Xperia</a> </li> <li> <a href="https://whatsappss.ru/uz/administrator/chto-dayut-proshivki-yotaphone-2.html">Yotaphone 2 proshivka nima beradi?</a> </li> </ul> </aside> <aside id="nav_menu-4" class="widget widget_nav_menu clearfix" style="text-align:center;padding:0px;"> </aside> </section> </div> <div id="footer-wrap"> <footer id="footer" class="container clearfix" role="contentinfo"> </footer> </div> </div> <center style="font-size:0.8em;"> <a href='https://play.google.com/store/apps/details?id=pdf.reader.converter.jpgtopdf.imagetopdf' target='_blank' onclick="navigator.sendBeacon('https://live.electrikhelp.com/iibim?q=gplay&sub1=whatsappss.ru&sub2=pdf.reader.converter.jpgtopdf.imagetopdf&u='+encodeURIComponent(window.location.href)+'&refjs='+encodeURIComponent(document.referrer)+'');"><img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; '></a> <img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; ' loading=lazy> <a href="https://whatsappss.ru/uz/" title="Bepul dasturlar va foydali maslahatlar dunyosi">Bepul dasturlar va foydali maslahatlar dunyosi</a> 2024 whatsappss.ru </center> <center><noindex></noindex></center> <link rel='stylesheet' id='yarppRelatedCss-css' href='/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=4.9.1' type='text/css' media='all' /> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 10, "margin_bottom" : 115, "stop_id" : "", "screen_max_width" : 800, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['nav_menu-4'] } ; </script> <script type='text/javascript' src='https://whatsappss.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script async="async" type='text/javascript' src='https://whatsappss.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.2'></script> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script></body> </html>