Endi biz sizga HTML fayli yaratish haqida xabar beramiz, chunki bu sayt boshi. Bunday hujjatni olish uchun matn muharriri yoki maxsus dasturlardan foydalanishingiz mumkin. Brauzerda faylning to'g'ri ko'rinishini ta'minlash uchun kod yaratishda ma'lum qoidalarga amal qilishingiz kerak bo'ladi.
Ta'rif
HTML faylini yaratish haqida savolga javob berish uchun, ta'rif bilan boshlaylik. Bunday material oddiy matnli hujjatdir, lekin maxsus identifikatorlardan foydalangan holda, sahifadagi tarkibiy elementlarning joylashuvini individual ob'ektlarga yoki brauzer oynasiga nisbatan belgilash mumkin. Natijani Internet brauzerida ko'rishingiz mumkin.
HTML-kodni tahrir qilish uchun siz matn muharriri yoki avtomatik kirish va sintaksikni ta'kidlash funktsiyalariga ega bo'lgan maxsus dasturlarni tanlashingiz mumkin. Yuqori matn, ko'rsatilgan hujjatlarni samarali ishlashi uchun qulay bo'lgan dastur namunasiga aylanganini unutmang.
Kod muharriridan foydalanganda, asosiy dastur menyusidagi "Fayl" bandini tanlang, so'ngra "As saqlash ...". Keyin paydo bo`ladigan muloqot oynasida, HTML fayli saqlanadigan katalog, shuningdek uning nomi va aniq kengaytmasi ko'rsatilgan katalogni tanlang. Shunday qilib, format o'zgarishi oson.
Matn hujjatini konvertatsiya qilib, uni HTML-sahifaga aylantirishi va sarlavha oxiridagi .html kengaytmasini qo'shib qo'yishingiz mumkin. Shuni esda tutish kerakki, to'g'ri formatga ega bo'lgan faylni brauzerda ochib bo'lmaydigan aniq holatlar mavjud. Buning sababi HTML-kod strukturasining noto'g'ri dizayni bo'lishi mumkin.
Qoidalar
Internet sahifasining noto'g'ri ko'rsatilishi yoki umuman ochilmasligi aniq ko'rsatilmagan holda qator qoidalar mavjud. Agar HTML-faylni xatosiz qanday yaratishni bilmoqchi bo'lsangiz, bir nechta tavsiyalarni eslab ko'ring. Yorlig'i ixtiyoriy, ammo uning mavjudligi brauzer kodini to'g'ri talqin qilishiga yordam beradi va shuningdek, ko'rsatilgan hujjat tuzilishini taniydi.
Ba'zi hollarda, veb-sahifani noto'g'ri ko'rsatish sababi ushbu yorlig'i yo'qligi yoki noto'g'ri yozishdir. juft kodi identifikatordir. Barcha veb-sahifaning mazmunini o'z ichiga oladi. Bunday holda, ushbu tegdan tashqarida joylashgan moddiy elementlar tekis matn sifatida ko'rsatiladi yoki brauzer tomonidan bloklanadi.
Istisno - . Agar siz HTML fayli yaratish haqida gapiradigan bo'lsangiz, shu turdagi materiallar uchun bir xil identifikatorning majburiy bo'lishi kerakligini bilish muhimdir. Bunday holatda, ushbu belgi sahifada bir martadan ko'proq vaqt davomida ishlatilishi mumkin emas. va maxsus qaydlar yordamida hujjat haqidagi ma'lumot ko'rsatiladi.
Ushbu teglar orasida
va </ title> identifikatorlarini ishlatib, veb-sahifaning sarlavhasini ko'rsatish kerakligini unutmang. O'z navbatida siz JavaScript yoki CSS fayllarini <link> orqali ulashingiz mumkin. </p>
<p> Xuddi shunday, <head> parametrida turli xil brauzerlarda hujjat turi, kodlash, uslublar, dizayn versiyalari va bir qator boshqa parametrlar berilgan. Tegning mazmuni brauzer tomonidan ko'rsatilmagan bo'lsa-da, bu identifikator talab qilinadi. </p>
<h2> Asos </h2><p><amp-img src="https://images.birmiss.com/image/fbf6aa7970090e9e.jpg" alt="HTML fayli" width="700" height="460" layout="intrinsic"></amp-img> <Body> yorlig'i </ body> bilan birga saytning tanasini qamrab oladi - foydalanuvchining ekranida ko'rsatiladigan ma'lumotlar. Bu satrlar, taglavhalar, paragraflar va matnlar, tasvirlar, videolar yoki boshqa multimedia moslamalari haqida bo'lishi mumkin. Belgilangan identifikator talab qilinadi. </p>
<p> Ichkarida boshqa elementlar qo'llanilishi mumkin: <footer>, <article> or <header>. Ular brauzerda ko'rsatilgan natijaga to'g'ridan-to'g'ri ta'sir qilmasalar ham, HTML-kod tuzilishini yaratadilar, u veb-ishlab chiquvchilari va tartibni yaratuvchilar orasida yaxshi shakl hisoblanadi. </p>
<h2> Qo'lingdagi notepad </h2><p> <amp-img src="https://images.birmiss.com/image/7072baa66fe20e96.jpg" alt="Notepadda HTML fayli yaratish" width="700" height="460" layout="intrinsic"></amp-img> Endi biz Notepadda qanday qilib HTML fayli yaratish kerakligini ko'rib chiqamiz. Ushbu veb-dasturlarni ishlab chiqishda veb-dasturchilarni tayyorlashni boshlagan HTML-sahifalar ishlab chiqilgan. Siz ham bunday oddiy fanni o'zlashtirishingiz mumkin. "Notepad" ma'lumotlarini quyida keltirilgan maslahatga asosan, ya'ni teglar mazmunini o'rganish, ularni to'g'ri joylarga joylashtirish, kontent bilan to'ldirish kerak. </p>
<p> "Notepad" ni HTML-sahifaga aylantirish juda oddiy, buni qanday qilish kerakligini, biz allaqachon tasvirlab berdik. Shunday qilib, siz jarayonning asoslari bilan tanishib chiqdingiz va ehtimol siz HTML fayli yaratish qiyin emas deb hisoblaysiz. </p>
</div>
<!--mvp-content-main-->
</div>
<!--mvp-content-body-top-->
</div>
<!--mvp-content-body-->
</div>
<!--mvp-content-wrap-->
</div>
<!--mvp-post-content-->
</div>
<!--mvp-post-main-->
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header">
<span class="mvp-post-header">Similar articles</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/qanday-yashirin-papkani-topish-uchun/">
<p>Qanday yashirin papkani topish uchun?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/cookies-nima/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/976a05876fe50e94-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/976a05876fe50e94-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/cookies-nima/">
<p>Cookies nima?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/qanday-slayd-uchun-fon-qilish/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/acb1debd7e2a0ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/acb1debd7e2a0ed0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/qanday-slayd-uchun-fon-qilish/">
<p>Qanday slayd uchun fon qilish?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/asosiy-tushunchalar-kompyuteringizda-bir-papka-nima/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/3ef0fca970120e9c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/3ef0fca970120e9c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/asosiy-tushunchalar-kompyuteringizda-bir-papka-nima/">
<p>Asosiy tushunchalar: kompyuteringizda bir papka nima</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/xatolar-tuzatish-uchun-qanday-d3d11-dll-topilmadi/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/5ced079470410ea3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/5ced079470410ea3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/xatolar-tuzatish-uchun-qanday-d3d11-dll-topilmadi/">
<p>Xatolar tuzatish uchun qanday «d3d11 DLL" topilmadi</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/word-va-aksincha-ham-excel-aylantirish-uchun-qanday/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/9f1b3c227e530ed7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/9f1b3c227e530ed7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/word-va-aksincha-ham-excel-aylantirish-uchun-qanday/">
<p>"Word" va aksincha ham "Excel" aylantirish uchun qanday</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
<p> </p><p> </p><p> </p><p> </p>
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header">
<span class="mvp-post-header">Trending Now</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/birch-kvass-juda-foydali-qayta/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/a956375c61c80e65-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/a956375c61c80e65-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/birch-kvass-juda-foydali-qayta/">
<p>Birch kvass - juda foydali qayta</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Oziq-ovqat va ichimliklar</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/yaqin-sinf-mfp-hp-laserjet-pro-m1536dnf-narx-va-sifat-mukammal-muvozanat/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/26304f6c7e370ed3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/26304f6c7e370ed3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/yaqin-sinf-mfp-hp-laserjet-pro-m1536dnf-narx-va-sifat-mukammal-muvozanat/">
<p>Yaqin-sinf MFP HP LaserJet Pro M1536DNF: narx va sifat mukammal muvozanat</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/prostatit-massaj/">
<p>Prostatit massaj</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sog'lik</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/uyda-sharob-qilish-uchun-qanday/">
<p>Uyda sharob qilish uchun qanday</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Oziq-ovqat va ichimliklar</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/parallaks-bu-parallaks-tasiri-misollar/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/8e9ac05e7e930ed5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/8e9ac05e7e930ed5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/parallaks-bu-parallaks-tasiri-misollar/">
<p>Parallaks - bu ... parallaks ta'siri: misollar</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/kim-lawrence-qisqa-biografiya/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/5af8c2ff7e780ed8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/5af8c2ff7e780ed8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/kim-lawrence-qisqa-biografiya/">
<p>Kim Lawrence: Qisqa biografiya</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">San'at va o'yin-kulgi</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
<p> </p><p> </p><p> </p><p> </p>
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header" style="margin-top:40px;">
<span class="mvp-post-header">Newest</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/uyda-internetdagi-xurofiy-yuzma-tariflari-va-maslahat/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/2d3d388570160ea0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/2d3d388570160ea0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/uyda-internetdagi-xurofiy-yuzma-tariflari-va-maslahat/">
<p>Uyda Internetdagi xurofiy, yuzma: ta'riflari va maslahat</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Go'zallik</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/qanday-qilib-va-qachon-viktor-kochirib-uchun/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/8b3440856fb40e93-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/8b3440856fb40e93-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/qanday-qilib-va-qachon-viktor-kochirib-uchun/">
<p>Qanday qilib va qachon Viktor ko'chirib uchun?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ish</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/tartous-suriya-mashhur-shahar/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/dfbe598a7ef20ee3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/dfbe598a7ef20ee3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/tartous-suriya-mashhur-shahar/">
<p>Tartous (Suriya) mashhur shahar?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ish</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/quvurlar-qisqichlari-bu-nima/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/72a9a7f261b10e60-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/72a9a7f261b10e60-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/quvurlar-qisqichlari-bu-nima/">
<p>Quvurlar qisqichlari: bu nima?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Homililik</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/yumi-lashes-usuli-yumi-lashes-eyelash-laminatsiyasi-haqidagi-izohlari/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/752cc76362580e71-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/752cc76362580e71-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/yumi-lashes-usuli-yumi-lashes-eyelash-laminatsiyasi-haqidagi-izohlari/">
<p>Yumi Lashes usuli. Yumi Lashes (Eyelash Laminatsiyasi) haqidagi izohlari</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Go'zallik</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://uz.birmiss.com/gruziya-gozallik-daryal-darasi/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/2e7cd7336f810e95-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/2e7cd7336f810e95-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://uz.birmiss.com/gruziya-gozallik-daryal-darasi/">
<p>Gruziya Go'zallik. Daryal darasi</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Yangiliklar va jamiyat</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
</div>
<!--mvp-main-box-->
</div>
<!--mvp-article-cont-->
</article>
<!--mvp-article-wrap-->
</div>
<!--mvp-main-body-wrap-->
<footer id="mvp-foot-wrap" class="left relative">
<div id="mvp-foot-bot" class="left relative">
<div class="mvp-main-box">
<div id="mvp-foot-copy" class="left relative">
<p>Copyright © 2018 uz.birmiss.com. Theme powered by WordPress.</p>
</div>
<!--mvp-foot-copy-->
</div>
<!--mvp-main-box-->
</div>
<!--mvp-foot-bot-->
</footer>
</div>
<!--mvp-site-main-->
</div>
<!--mvp-site-wall-->
</div>
<!--mvp-site-->
<div id="statcounter">
<amp-pixel src="https://c.statcounter.com/11999666/0/ec2c5c75/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.207 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 09:58:31 -->
<!-- 0.002 -->