Ushbu blogga xizmat ko'rsatish bilan bog'liq holda, vaqti-vaqti bilan saytga html fragmentlarini kiritishingiz kerak va css kodi... Oddiy echimni amalga oshirish jarayonida, ma'lum sabablarga ko'ra, tayyor echimlarning rus tilida etarli tavsifini topishning iloji bo'lmagani ma'lum bo'ldi, shuning uchun siz bo'shliqni o'zingiz to'ldirishingiz kerak.
Oddiy boshlaylik:
Matnga html-kodni qanday kiritish mumkin?
Saytdagi matnga bitta yoki ikkita teg kiritish uchun html belgilaridan foydalanish mumkin< для вставки < и символ >kiritish uchun> shunday teg
Html kodida shunday yoziladiSaytga katta kod parchalarini kiritish.
HTML kodini saytga kiritish uchun uchta teg mavjud:
VAvaTeg
Oldindan formatlangan matn blokini bildiradi. Ya'ni, barcha bo'shliqlar va defislar allaqachon qo'yilgan matn. Brauzerda sukut bo'yicha tegning mazmuniBir fazali shriftda va so'zlar orasidagi barcha bo'shliqlar bilan ko'rsatiladi. TegdaBarcha bo'shliqlar ko'rsatiladi va barcha satr uzilishlari hisobga olinadi (html sukut bo'yicha bir nechta bo'sh joylarga e'tibor bermaydi, ularni biriga aylantiradi). Idishning ichidaQuyidagilardan boshqa har qanday teglardan foydalanish mumkin: ,,
Keyingi teg
dastur kodini ekranli ko'rsatish uchun maxsus mo'ljallangan. Odatiy bo'lib, brauzerda teg tarkibikichik bir intervalli matnda ko'rsatiladi. Teg qo'shimcha bo'shliqlar va matn tanaffuslarini hisobga olmaydi, buning natijasida teglar qatorlar uchun ishlatilishi kerak.
vaTeg
Nuqtai nazardan haqiqiy emas <a href="https://fighters.ru/uz/sintaksis-html-doctype-standarty-html-validnaya-verstka-elementy-po/">html standarti</a> ammo, da <a href="https://fighters.ru/uz/etc-chto-za-valyuta-kriptovalyuta-ethereum-classic-obzor-perspektivy-analiz/">bu daqiqa</a> barcha brauzerlar tomonidan qo'llab-quvvatlanadi. Teg konteyner tarkibini shunday ko'rsatadi <a href="https://fighters.ru/uz/kak-izmenitsya-sila-gravitacionnogo-prityazheniya-mezhdu-dvumya-telami-esli/">Oddiy matn</a> hamma bo'shliqlar va defislar bilan. Tag "kanonizatsiya" qilinmaguncha, uni ishlatish kosher bo'lmagan va bid'atchi hisoblanadi.</p> <p>Hozirgi vaqtda to'g'ri yechim tegdan foydalanishdir <pre>Unga teglar biriktirilgan holda <code>kerak bo'lgan joylarda. Texnik jihatdan, teg <code>biz u yoki bu sabablarga ko'ra tegdan tushib qolgan kod qismlaridan qochishimiz kerak <h3>HTML kodini Jquery bilan qanday chiroyli bezash kerak?</h3> <p>Biz saytimizda Snippet skriptidan foydalanamiz. Snippet kod misollarining vizual dizaynini soddalashtirish uchun mo'ljallangan. Skript quyidagicha ko'rinadi:</p><p>Div.blog_right h2 (shrift o'lchami: 24 piksel; rang: # ff9933; chekka-pastki: 9 piksel; chiziq balandligi: 44 piksel; shrift oilasi: "arial", "verdana", sans-serif, "Lucida Sans"; shrift -vazni: 100; eng yuqori chegarasi: 0,83em;)</p><h3><b>Kodni formatlash skriptini ulash:</b></h3> <p>2) Biz js va CSS fayllarini o'z ichiga olamiz. Bundan tashqari, sizga ulangan Jquery kutubxonasi kerak bo'ladi.</p><p> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.snippet.js"></script> <link rel="stylesheet" type="text/css" href="js/jquery.snippet.css" /> </p><p>3) Skriptni sozlash:</p><p>$ (hujjat) .ready (funktsiya () ($ ("pre.htmlCode"). parcha ("html", (uslub: "kislota")); // Teglar qidirilmoqda <pre>"HtmlCode" // klassi bilan va kislota uslubi va html ishlov berishni bu elementlarga ulang $ ("pre.styles"). Parcha ("css", (uslub: "kislota")); // teglar qidirilmoqda <pre>"Uslublar" klassi bilan // va kislota uslubi va CSS kodini qayta ishlashni bu elementlarga ulang $ ("pre.js"). Parcha ("javascript", (uslub: "kislota")); // teglar qidirilmoqda <pre>"js" sinfi bilan // va kislota uslubi va qayta ishlash uchun)) ushbu elementlarga ulang;</p><p>4) Skript uchun yanada murakkab hujjatlar ishlab chiquvchilar veb-saytida. Skript dizaynni tezda o'zgartirishi, ramkalardagi kerakli kod qismlarini ajratib ko'rsatishi, axlatni olib tashlashi va ovqat pishirishi mumkin.</p> <p><b><i>Aytgancha, ijobiy yoki hatto salbiy tajribalaringizni o'quvchilaringiz bilan baham ko'rish muvaffaqiyatli blog (lar) ning asosidir.</i> </b></p> <p>Ko'p odamlar muammolarga duch kelishadi, shuning uchun bunday ma'lumotlar talabga ega.</p> <i> </i><h2>Dastur kodini qanday chiqarish kerak</h2> <p>Shunday qilib, siz o'quvchilarga skript yoki html kodining nusxasini berishni xohlaysiz, uni post tanasiga joylashtiring. Bunday emas edi. Uni o'zgartirmasdan qanday chiqarish mumkin?</p> <p>Yaqinda sahifadagi teglarni to'g'ri ko'rsatish uchun belgilarni qo'lda almashtirish taklif qilindi< и >maxsus belgilar uchun< и >.</p> <p>Bugungi kunda WordPress dvigateli ko'pincha bunday o'zgarishlarni o'zi qanday qilishni biladi, lekin u ham ko'p axlat qo'shadi, qayta tuzadi, kodni kesib tashlaydi, uni o'qib bo'lmaydigan yoki nusxa ko'chirmaydigan qilib qo'yadi (bu mening mavzuimda bo'lgan).</p> <p><br><img src='https://i1.wp.com/moi-start.ru/images/ne-kopiruetsa-kod.png' width="100%" loading=lazy loading=lazy></p> <p>Aslida, html kodini chiroyli tarzda bezashning bir necha usullari bor, uni sintaksisi ajratilgan postga qo'shish: plaginsiz va undan foydalanish <a href="https://fighters.ru/uz/forma-obratnoi-svyazi-dlya-wp-wordpress-form-maker-besplatnyi-plagin-dlya/">wordpress plaginlari</a> kod uchun.</p> <p>Men yo'llarni sanab o'taman va siz o'zingiz uchun mos bo'lganini sinab ko'rasiz. Tajribadan shuni bilib oldimki, teglar va plaginlar har bir shablonda bir xil ishlamaydi. To'g'ri kod chiqishi haqida qo'shimcha ma'lumot olish uchun HTML qo'llanmasiga qarang.</p> <h3>Sahifada html kodini matn sifatida ko'rsatish. Teg <pre></h3> <p>Sahifada html kodini matn sifatida ko'rsatish, teglar uni ajratib ko'rsatishga yordam beradi <p>VIZUAL MUHARRIRIDA kodni yozing.</p> <p>HTML MODE -ga o'ting, ochilish va yopilish tegini qo'shing <pre>Mening mavzuimda avtomatik ravishda imzo chekadi< >maxsus belgilarga aylantirildi< и >.</p> <p>SAQLASH. Endi vizual rejimga o'tmang, aks holda o'zgarishlar yo'qoladi.</p> <p>Ko'rsatilganda barcha bo'shliqlar saqlanib qoladi. Shablonimda men quyidagi natijani oldim (sizning displeyingiz boshqacha bo'lishi mumkin). <span><img src='https://i1.wp.com/moi-start.ru/images/otobraghenie-tega-pre.jpg' height="614" width="480" loading=lazy loading=lazy></p> <h4>Html kodini pochta sahifasida matn sifatida qanday ko'rsatish mumkin. Teg <code></h4> <p>Teg <code>shuningdek, dastur kodining bir yoki bir nechta satrini chiqarishga imkon beradi. Bo'shliqlar va defis qo'yish E'tibor bermang, chiziqlarni teglar bilan o'rang <p>Yoki <br>.</p> <p>Hamma narsani teg kiritish kabi qiling <pre>. <span><img src='https://i0.wp.com/moi-start.ru/images/otobraghenie-tega-code.jpg' height="614" width="480" loading=lazy loading=lazy></p> <h4>Sahifada html kodini matn sifatida ko'rsating. Teg <xmp></h4> <p>Agar siz o'quvchilaringizga kamdan -kam kodlarni taklif qilsangiz, siz ushbu tuzilmadan foydalanishingiz mumkin.</p><p> <div style="overflow: auto; height: 80px; width: 450px; padding: 8px; border: 1px solid #ccc;"> <xmp>KODINGIZNI BU YERGA QO'SHING</xmp> </div> </p><p>Bu kod yoki skriptlarni matn shaklida, ramkaga o'ralgan holda, formatlash va barcha defislarni hisobga olgan holda ko'rsatishga yordam beradi. <br><span><img src='https://i0.wp.com/moi-start.ru/images/otobraghenie-tega-xmp.jpg' height="538" width="480" loading=lazy loading=lazy></span><br>Kodning ko'rinishi chiroyli ramkaga aylanadi. Kenglik parametrini, balandlik - balandlikni o'zgartirib, uning kengligini o'zgartiring.</p> <p><b><i>Lekin gap shundaki, bu koddan foydalanish kodlar <xmp>yaroqsiz deb hisoblanadi.</i> </b> <a href="https://fighters.ru/uz/pervye-shagi-v-koddinge-ili-s-chego-nachat-izuchenie-html-pervye/">HTML darslik</a> bu tegni faqat shu shaklga kiritishni taklif qiladi.</p> <h4>Post sahifasida kodni ko'rsatish uchun plaginlar</h4> <p>Ko'pgina bloggerlar html kodlarini post sahifasida chiroyli va izchil ko'rsatish uchun WordPress plaginlaridan foydalanadilar. Shunga qaramay, ko'plab plaginlar bor, lekin men uchun faqat bittasi to'g'ri ishladi.</p> <p>Bu ro'yxat va siz shabloningiz bilan ishlaydigan plaginni topasiz.</p> <p>Shirin juftlik <b>WP sintaksisi</b>- kodni ramka bilan belgilaydi, sintaksisni ajratib ko'rsatish imkonini beradi. Plyus <b>wp-sintaksisi tugmasi</b>- blogning administrator panelidagi tugmani ko'rsatadi, html kod yoki skriptni maxsus oynaga konvertatsiya qilmasdan kiritish imkoniyatini beradi. Kamchilik - barcha harakatlar html rejimida amalga oshiriladi, siz vizual rejimga o'tolmaysiz, aks holda barcha o'zgarishlar yo'qoladi.</p> <p><b>Sintaksisni ajratib ko'rsatish uchun siqish</b>- v <a href="https://fighters.ru/uz/tekstovyi-redaktor-pspad-osmotr-shesti-redaktorov-teksta-s-podsvetkoi-koda/">matn muharriri</a> qo'shimcha tugmachani chiqaradi. Uni bosing, siz kodni kiritishingiz va dasturlash tilini tanlashingiz mumkin bo'lgan oyna ochiladi.</p> <p>Boshqa plaginlar ham xuddi shunday ishlaydi.</p> <ul><li><b>Yaxshiroq WordPress sintaksisi</b></li> <li><b>Wp-ta'kidlash.js</b></li> <li><b>Sintaksis yoritgichi</b></li> <li><b>Avtomatik sintaksis yoritgichi</b>(menda). Va yana ko'plab plaginlar.</li> </ul><p>Men shablonimda ishlaydigan narsani topmagunimcha, hamma narsani birma -bir o'rnatishim va faollashtirishim kerak edi.</p> <h4>Xulosa</h4> <p>Shunday qilib, maqoladan siz teglar yoki plaginlar yordamida pochta sahifasida html kodini qanday ko'rsatishni bilib oldingiz. HTML teglarini o'zgartirmasdan oddiy matnga joylashtirish uchun qanday usuldan foydalanasiz?</p> <p>Aziz do'stlar! Bugun biz bu haqda gaplashamiz <b>HTML kod yorlig'i</b>... Ayniqsa, ushbu maqola yoki boshqa o'quv materiallarini yozayotganda, vaqti -vaqti bilan qismlarni kiritish zarur <b>Html</b>, <b>CSS</b> kod va umuman har qanday dastur kodi.</p> <p>O'ylaymanki, siz allaqachon nima uchun ekanligini taxmin qilgansiz <b>HTML kod yorlig'i</b>... Bu orqali biz brauzerga aytamiz: "Konteyner ichiga joylashtiriladigan hamma narsa <b>"kod"</b>, iltimos, matn sifatida ko'rsating."</p><p> <code>… </code> </p><p>Aks holda, brauzer haqiqiy kod qaerda ekanligini va demo-kod qaerda ekanligini tushunmaydi va hech narsani ko'rsatmaydi. Sahifadagi barcha teglar bo'lgani uchun brauzer tarkibni ko'rsatish uchun buyruqlar sifatida qabul qiladi. Boshqacha aytganda, foydalanish <b><a href="https://fighters.ru/uz/odinarnye-i-parnye-tegi-tegi-v-html-odinarnye-i-parnye-tegi/">HTML yorlig'i</a> kod</b> ko'rsatish uchun brauzer oynasida teglarning o'zi ko'rsatiladi <b>Html</b>-kod.</p> <p>Sahifada teglarni ko'rsatishning quyidagi misolini ko'rib chiqing:</p><p> <!DOCTYPE HTML><br> <html><br> <head><br> <meta charset="utf-8"><br> <title>Sahifada teglarni ko'rsatish</title><br> </head><br> <body><br> <p>HTML kod parchasi</p><br> <p> <code><br> <h1 style="font-size:200%;">Bu sarlavha.</h1><br> <p style="font-size:100%;">Bu paragraf.</p><br> </code><br> </p><br> <br> <br> </body><br> </html><br></p><p>Keling, bu misol natijasini ko'rib chiqaylik:</p> <p><img src='https://i1.wp.com/myrusakov.ru/images/articles/html-tag-code-01.png' height="137" width="340" loading=lazy loading=lazy></p> <p>Burchak qavslar <b>< > </b> bilan almashtirilishi kerak <a href="https://fighters.ru/uz/specsimvoly-na-klaviature-alt-kak-nabrat-specialnye/">Maxsus belgilar</a> <b>&.. </b> va har bir qatorni teglar bilan uzing <b>br</b> yoki <b>p</b>.</p> <p>Odatiy bo'lib, brauzerlar tarkibni ko'rsatadi <b>HTML kod yorlig'i</b> bir bo'shliqli shrift. Bu kichikroq, belgilangan o'lchamdagi shrift.</p><p> <!DOCTYPE html><br> <html><br> <head><br> <style><br> code {<br> font-family: monospace;<br> }<br> </style><br> </head><br> <body><br> <p>Bu oddiy matn:</p><br> <code>Bu dastur kodining bir qismi</code><br> <br> <br> </body><br> </html><br></p><p>Standart brauzerda shunday ko'rinadi:</p> <p><img src='https://i1.wp.com/myrusakov.ru/images/articles/html-tag-code-02.png' height="91" width="260" loading=lazy loading=lazy></p> <p>Endi bekor qilaylik <a href="https://fighters.ru/uz/smartfony-samsung-galaksi-a-5-smartfon-samsung-a5-otzyvy-i-harakteristiki-samsung-galaxy-a5-vn/">tashqi ko'rinish</a> teg ichidagi kod <b>kod</b>... Keling, elementni o'rnatamiz <b>shrift oilasi: verdana;</b> yoki boshqa shrift.</p><p> <!DOCTYPE html><br> <html><br> <head><br> <style><br> code {<br> font-family: verdana;<br> }<br> </style><br> </head><br> <body><br> <p>Bu oddiy matn:</p><br> <code>Bu dastur kodining bir qismi</code><br> <br> <br> </body><br> </html><br></p><p>Brauzerda oldindan o'rnatilgan uslub.</p> <p>Maxsus <a href="https://fighters.ru/uz/kody-simvolov-html-html-programmnyi-kod-tegi-prednaznachennye-dlya/">HTML belgilar</a> </span> Qisqa kodli qismlar ramziy ob'ektlar deb ataladi. Ular HTMLda alohida ma'noga ega bo'lgan belgilarni, shuningdek klaviaturada mavjud bo'lmagan belgilarni ko'rsatish uchun ishlatiladi.</p> <p>HTML maxsus belgilariga ajratilgan belgilar deyiladi. Masalan, chap (<) и правые (>) burchakli qavslar HTML-da boshlang'ich va tugatish teglarini aniqlash uchun ajratilgan.</p> <p>Klaviaturada mavjud bo'lmagan belgilar mualliflik huquqi belgisi (©) va pi ning matematik qiymati kabi belgilarni o'z ichiga oladi.</p> <p>Agar biz ularni hujjatda ishlatmoqchi bo'lsak va ularni brauzerda ko'rsatmoqchi bo'lsak, HTML belgilariga havolalarni ishlatishimiz kerak.</p> <h2>Amaliy misol</h2> <p>Element teglari ko'rsatilishi uchun veb-sahifada HTML kod blokini ko'rsatishni xohlaysiz deylik. Siz buni HTML blokini teglarga joylashtirish orqali qilishingiz mumkin <code>... Ammo siz buni hatto ichida ham topasiz <code>, blok hali ham HTML sifatida qayta ishlanadi va shunga mos ravishda brauzer tomonidan ko'rsatiladi. Bunday holda, brauzer kodni tahlil qilmasligi uchun barcha HTML maxsus belgilarni tegishli ramziy havolalar bilan almashtirishingiz mumkin:</p> <p><!--Тег <code> не делает так, чтобы блок не обрабатывался, как HTML-код--> <code> <p>Bu elementlar ro'yxati.</p> <ul> <li>Ro'yxat A</li> <li>Ro'yxat elementi B</li> <li>Ro'yxat elementi C</li> </ul> </code> <!--Замените специальные символы ссылками на символы-> <code> <p>Bu elementlar ro'yxati.</p> <ul> <li>Ro'yxat A</li> <li>Ro'yxat elementi B</li> <li>Ro'yxat elementi C</li> </ul> </code></p> <p>Keling, ushbu kod brauzerda qanday ko'rsatilishini ko'rib chiqaylik:</p> <p>Bu narsalar ro'yxati. Ro'yxat elementi A ro'yxat elementi B ro'yxat elementi C <p>Bu elementlar ro'yxati.</p> <ul> <li>Ro'yxat A</li> <li>Ro'yxat elementi B</li> <li>Ro'yxat elementi C</li> </ul></p> <p>Birinchi blok atrofidagi kodlar brauzerga HTML kodini ko'rsatishga to'sqinlik qilmadi. Biroq, ikkinchi blokdagi ba'zi belgilarni HTML maxsus belgilar jadvalidagi belgilar bilan almashtirish orqali siz kod blokini belgilash sifatida ko'rsatishingiz mumkin.</p> <h3>Belgi formati</h3> <p>HTMLda belgilar obyektlarini formatlashning uchta usuli mavjud. Siz belgi nomini, Unicode qiymatini yoki raqamni ishlatishingiz mumkin. Masalan, ampersandni quyidagilardan biri yordamida ko'rsatish mumkin: &, &, yoki &.</p> <p>Uchala holatda ham format o'xshash. Har bir ob'ekt ampersand (&) bilan boshlanib, belgi nomi, Unicode yoki mos yozuvlar raqami bilan boshlanadi va nuqta -vergul bilan tugaydi. Agar raqam ishlatilsa, uning oldida funt belgisi bo'lishi kerak ( <span>& raqam</span>) va Unicode qiymati ishlatilsa, undan oldin funt belgisi va x harfi bo'lishi kerak ( <span>&raqam; x</span>).</p> <p>Ko'p odamlar HTML hujjatlarida Unicode qiymatlari yoki raqamlarini emas, balki maxsus belgilar qo'shganda ismlardan foydalanadilar. Ularni eslab qolish ancha oson.</p> <h3>Diakritik belgilar</h3> <p>Alohida ta'kidlash kerak bo'lgan HTML maxsus belgilarning bitta alohida kichik turi mavjud - diakritika. Bular oldingi harfning tepasida paydo bo'ladigan yorliqlar bo'lib, urg'u va tilda belgilarini o'z ichiga oladi. Uchta eng keng tarqalgan diakritiklar:</p> <br>Hozirgi vaqtda urg'u berilgan belgilar nomlarini qo'llab -quvvatlash cheklangan va agar siz raqamli kodlarga rioya qilsangiz, natijalar brauzerlarda mos keladi. <h3>Eng keng tarqalgan belgilar kodlari</h3> <p>Bu erda eng ko'p ishlatiladigan maxsus belgilar bilan tezkor ma'lumotnoma jadvali:</p> <table border="1"><tr><td>Belgi</td> <td>Belgi nomi</td> <td>Raqam</td> <td>Unicode</td> <td>Misol</td> </tr><tr><td>Kichikroq</td> <td>< </td> <td>< </td> <td>< </td> <td>< </td> </tr><tr><td>Ko'proq</td> <td>> </td> <td>> </td> <td>> </td> <td>> </td> </tr><tr><td>Slash</td> <td>/ </td> <td>/ </td> <td>/ </td> <td>/ </td> </tr><tr><td>Iqtibos</td> <td>" </td> <td>« </td> <td>« </td> <td>« </td> </tr><tr><td>Apostrof</td> <td>" </td> <td>‘ </td> <td>‘ </td> <td>‘ </td> </tr><tr><td>Ampersand</td> <td>& </td> <td>& </td> <td>& </td> <td>& </td> </tr><tr><td>Mualliflik huquqi</td> <td> </td> <td> </td> <td> </td> <td> </td> </tr><tr><td>Savdo belgisi</td> <td>® </td> <td>® </td> <td>® </td> <td>® </td> </tr><tr><td>Darajasi</td> <td>° </td> <td>° </td> <td>° </td> <td>° </td> </tr><tr><td>Chap burchakli tirnoq belgilari</td> <td>« </td> <td>« </td> <td>« </td> <td>« </td> </tr><tr><td>To'g'ri burchakli tirnoq belgilari</td> <td>» </td> <td>» </td> <td>» </td> <td>» </td> </tr></table><h3>Zaxiralangan belgilar kodlarining to'liq ro'yxati</h3> <p>World Wide Web Consortium tomonidan yuritiladigan HTML maxsus belgilarning to'liq jadvali rasmiy gipermatn spetsifikatsiyasining bir qismidir.</p> <p>Bir fazali shriftlar teglar yordamida yaratiladi <b><code> </b> , <b><kbd> </b> va <b><samp> </b>... Ushbu teglarning natijalari odatda bir xil bo'ladi: belgilangan belgi va intervalli monospaced shrift.</p> <h2>Teg <b><code> </b> </h2> <p>Teg <b><code> </b>- Inline konteyner elementi unga kichik kod qismlarini kiritish uchun ishlatiladi, masalan, dasturlash bo'yicha qo'llanmani taqdim etadigan veb-hujjatda. Brauzerlar bu kodni bir bo'shliqli shriftda ko'rsatadi (masalan, Courier New). Agar siz element bilan ero dan foydalansangiz <span><b> <p>Teg <b><pre> </b> formatlashsiz, ya'ni barcha bo'shliqlar, yorliqlar va satr uzilishlarini saqlagan holda matn kiritish uchun xizmat qiladi. Matn formatlash elementlarining aksariyati ushbu element ichida qo'llanilishi mumkin.</p> <p><b>Diqqat:</b> HTML -da, chiziqlar, ketma -ket bo'shliqlar va yorliqlar e'tiborga olinmaydi. Bir qatordagi bir nechta bo'shliqlar bitta bo'shliq sifatida qabul qilinadi.</p> <h3>Misol: elementlardan foydalanish <b><pre> </b> va <b><code> </b></h3> <ul><li>O'zingiz sinab ko'ring "</li> </ul><p>Ichki element <pre>Brauzer duch kelgan har bir bo'sh joy yoki qatorni takrorlaydi va asl formatingizni saqlaydi.</p><p>If (document.getElementsByClassName) (x = document.getElementsByClassName ("pagination") if (x.length> y) (x.style.visibility = "maxfiy";)</p> <p>"Pre" elementi ichida brauzer har bir bo'sh joy yoki satrni takrorlaydi, bu sizning asl formatlashni saqlaydi.</p><p> <pre> <code>if (document.getElementsByClassName) (x = document.getElementsByClassName ("pagination") if (x.length> y) (x.style.visibility = "maxfiy";)</code> </pre></p> <h2>Teglar: <b><kbd> </b> va <b><samp> </b> </h2> <p>Teg <b><kbd> </b> foydalanuvchi tomonidan klaviatura kiritilishi sifatida kod qismini belgilaydi. Ba'zi brauzerlar bunday matnni qo'shimcha fon bilan belgilaydilar. <br>Teg <b><samp> </b> boshqaruv skriptini kiritganingizdan so'ng konsol oynasida ko'rsatiladigan matn kabi kompyuter chiqishini yaratish uchun ishlatiladi. Bu kamdan -kam ishlatiladigan element shunchaki o'z tarkibini bir bo'shliqli shriftda ko'rsatadi <b><kbd> </b>, <b><pre> </b>, <b><code> </b>.</p> <h3>Misol: elementlar <b><kbd> </b> va <b><samp> </b></h3> <ul><li>O'zingiz sinab ko'ring "</li> </ul><p> <p>Foydalanuvchi klaviaturadan kiritishi kerak bo'lgan matnni joylashtiring <br>"kbd" konteyner elementi.</p> <p>Matn kiriting: <kbd>Bu klaviaturadan kiritilgan matn</kbd></p> <p><samp>Bu "namuna" konteyneriga joylashtirilgan matn</samp></p></p> <h2>Teg <b><var> </b> </h2> <p>Teg <b><var> </b> dastur kodidagi o'zgaruvchilarni qo'shimcha ravishda ajratib ko'rsatish maqsadida foydalaniladi. U matematik ifoda yoki dastur parametrida o'zgaruvchini belgilaydi va odatda kursiv bilan ko'rsatiladi.</p> <h3>Misol: elementlar <b><var> </b></h3> <ul><li>O'zingiz sinab ko'ring "</li> </ul><p>Tananing kinetik energiyasi:</p> <p> <p>Tananing kinetik energiyasi:</p> <p><var>V</var><sub>Kimga</sub> = <var>m</var><var>v</var><sup>2</sup>/2</p></p> <h2><i> </i> Vazifalar</h2> <h2>Yakuniy vazifa</h2> <p>Ushbu darsda siz o'z mazmunini bir bo'shliqli shriftda aks ettiruvchi teglar, koddagi o'zgaruvchilarni ajratib ko'rsatish va oldindan formatlash tegi haqida bilib oldingiz. Ularning barchasi matematik ifodalar va dastur kodi bilan ishlashda muhim ahamiyatga ega.</p> <p>O'rganganlaringizni takrorlash va uchta oddiy vazifani bajarish vaqti keldi:</p> <h2>O'zgaruvchan</h2> <ul><li>O'zingiz qaror qiling"</li> </ul><p>HTML elementlaridan foydalanib, yuqoridagi tenglamada y ni o'zgarmaydigan qilib belgilang.</p><p> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>O'zgaruvchan</title> </head> <body> <p>Parabola tenglamasi y = Nx <sup>2</sup></p> <br> <br> </body> </html></p> <p> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>O'zgaruvchan</title> </head> <body> <p>Parabola tenglamasi <var>y</var>= Nx <sup>2</sup></p> <br> <br> </body> </html></p> <h2>Oldindan formatlangan matn</h2> <ul><li>O'zingiz qaror qiling"</li> </ul><p>HTML elementidan foydalanib, kod elementiga joylashtirgan matnni brauzerda ko'rsating va barcha bo'shliqlar va qatorlarni o'z holicha saqlang.</p> <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 style="clear:both;"></div> </div> <script type="text/javascript" src="https://fighters.ru/wp-content/themes/cehla_mgomz/js/orphus.js"></script> </article> </div> <aside id="sidebar"> <div id="primary" class="widget-area" role="complementary"> <ul class="xoxo"> <li id="categoryposts-2" class="block widget-container widget_categoryposts"><h3 class="widget-title"><a href="https://fighters.ru/uz/">Oxirgi eslatmalar</a></h3><ul> <li class="cat-post-item"> <a class="post-title" href="https://fighters.ru/uz/naznachenie-i-tehnologiya-raboty-v-microsoft-publisher-chto-takoe-microsoft-publisher/" rel="bookmark">Microsoft Publisher nima</a> </li> <li class="cat-post-item"> <a class="post-title" href="https://fighters.ru/uz/tehnologiya-sozdaniya-videofilma-lineinyi-i-nelineinyi-montazh/" rel="bookmark">Chiziqli va chiziqli bo'lmagan tahrir</a> </li> <li class="cat-post-item"> <a class="post-title" href="https://fighters.ru/uz/lineinyi-montazh-i-nelineinyi-montazh-lineinyi-ili-nelineinyi/" rel="bookmark">Chiziqli tahrir va chiziqli bo'lmagan tahrir</a> </li> <li class="cat-post-item"> <a class="post-title" href="https://fighters.ru/uz/osnovnye-sredstva-i-metody-obrabotki-zvuka-fundamentalnye-issledovaniya/" rel="bookmark">Asosiy tadqiqot</a> </li> <li class="cat-post-item"> <a class="post-title" href="https://fighters.ru/uz/gde-nahoditsya-avtozagruzka-v-reestre-avtozagruzka-cherez-sistemnyi/" rel="bookmark">Windows ro'yxatga olish kitobi orqali ishga tushirish</a> </li> <li class="cat-post-item"> <a class="post-title" href="https://fighters.ru/uz/kak-polzovatsya-telnet-v-komandnoi-stroke-metody-podklyucheniya-k-udalennym/" rel="bookmark">Telnet buyrug'i yordamida masofali qurilmalarga ulanish usullari</a> </li> <li class="cat-post-item"> <a class="post-title" href="https://fighters.ru/uz/shema-podklyucheniya-dvd-privoda-k-kompyuteru-avtomagnitola-iz/" rel="bookmark">Kompyuter CD-ROMidan avtomobil radiosi</a> </li> <li class="cat-post-item"> <a class="post-title" href="https://fighters.ru/uz/znakomstvo-s-programmirovaniem-v-excel-yazyk-programmirovaniya-visual-basic-for/" rel="bookmark">Visual Basic for Applications dasturlash tili - Xulosa</a> </li> <li class="cat-post-item"> <a class="post-title" href="https://fighters.ru/uz/fraktalnoe-uvelichenie-izobrazhenii-uvelichit-izobrazhenie/" rel="bookmark">Rasmlarning fraktal kengayishi</a> </li> <li class="cat-post-item"> <a class="post-title" href="https://fighters.ru/uz/iops-bystryi-raschet-shd-dlya-virtualnoi-infrastruktury-chto-takoe-iops-i/" rel="bookmark">IOPS nima va uni qanday hisoblash kerak</a> </li> </ul> </li> </ul> </div> <div id="secondary" class="widget-area" role="complementary"> </div> </aside> </div> <div style="clear:both;"></div> </div> <br> <footer id="footer" role="contentinfo" class="clearfix"> <div id="footer-in"> <div id="colophon"> <div id="footer-widget-area" role="complementary"> <div id="first" class="widget-area"> </div> <div id="second" class="widget-area"> <ul class="xoxo"> <li id="linkcat-58" class="block widget-container widget_links"> <h3 class="widget-title">Biz ijtimoiy tarmoqlardamiz</h3> <ul class='xoxo blogroll'> <li><a href="https://facebook.com/" title="" target="_blank">Facebook</a></li> <li><a href="" title="Instagram">Instagram</a></li> <li><a href="https://twitter.com/" title="Twitter" target="_blank">Twitter</a></li> <li><a href="" target="_blank">Bilan aloqada</a></li> </ul> </li> </ul> </div> <div id="third" class="widget-area"> <ul class="xoxo"> <li id="linkcat-2" class="block widget-container widget_links"> <h3 class="widget-title">Kategoriyalar</h3> <ul class='xoxo blogroll'> <li><a href="https://fighters.ru/uz/category/internet/">Internet</a></li> <li><a href="https://fighters.ru/uz/category/programs/">Dasturlar</a></li> <li><a href="https://fighters.ru/uz/category/instructions/">Ko'rsatmalar</a></li> <li><a href="https://fighters.ru/uz/category/windows/">Windows</a></li> <li><a href="https://fighters.ru/uz/category/computers/">Kompyuterlar</a></li> </ul> </li> </ul> </div> </div> </div> <div id="site-info">Mualliflik huquqi fighters.ru</div> </div> </footer> <script type='text/javascript' src='https://fighters.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.8'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.4'></script> <br> <br> </body> </html>