Tugmalar yordamida sahifa kodini qanday ochish mumkin. Google Chrome brauzerida sahifa kodini qanday o'zgartirish mumkin

Uzoq vaqt davomida "sahifa manbasini ko'rsatish" opsiyasi men uchun foydasiz va qiziq emas edi. Hozircha Codecademy’da HTML tilini o‘rganish va o‘z veb-saytlarimni loyihalash mening yangi hobbimga aylangani yo‘q. Bu erda savol tug'ildi: haqiqiy holatlarni qaerdan topish va "cho'chqachilik bankingiz" uchun qiziqarli echimlarni olish kerak? Javob kutilmaganda oddiy edi, xuddi barcha mohir narsalar kabi: Google Chrome-dagi sahifaning manba kodiga qarang! Men siz bilan kamtarona topilmalarimni baham ko'raman.

Sahifa manba kodi nima

Agar siz ham men kabi HTML dasturlashda ilk qadamlaringizni endigina qo'yayotgan bo'lsangiz, sahifaning manba kodi nima ekanligini bilib olishingiz ma'qul bo'lardi.

HTML sahifa kodi sifatida ham tanilgan manba kodi Hyper Text Markup Language (HTML)dagi matndir. U haqiqiy sahifa mazmunini (matn, jadvallar) va teglarni o'z ichiga oladi. Ikkinchisi brauzer uchun ko'rsatmalar sifatida ishlaydi: tarkibni qanday ko'rsatish, qanday formatlashdan foydalanish, giperhavola yoki media faylni qaerga qo'shish. Xo'sh, biz, boshlang'ich dasturchilar uchun, manba kodi eng yaxshi o'quv maydonchasidir: biz qiziqarli sayt topamiz va unga josuslik qilamiz, uni saqlaymiz va muvaffaqiyatli bo'laklardan foydalanamiz. Qanaqasiga?

Google Chrome brauzeri sahifasida manba kodini qanday ko'rish mumkin

O'zingizga yoqqan sahifani toping. Misol uchun, meni sayt menyusi dizayni qiziqtirdi. Google Chrome brauzerida manba kodini ochishning uchta usuli mavjud:

  1. Belgini bosing menyu brauzerning yuqori o'ng burchagida va "Qo'shimcha vositalar" ni tanlang. Boshqalar qatorida "Manba kodini ko'rish" opsiyasi mavjud. Ochig'i, men bu usulni kamdan-kam ishlataman: keraksiz harakatlar juda ko'p. Buni yanada soddalashtirish mumkin.
  2. Tugmalar birikmasini bosing Ctrl+U– manba kodi bilan yangi oyna ochiladi;
  3. Kontekst menyusi muxlislari uchun: sahifani o'ng tugmasini bosing va "Sahifa kodini ko'rish" variantini tanlang.

Biz brauzerda sahifaning HTML kodini ko'rish vazifasini bajardik. Keling, eng qiziqarli bosqichga o'tamiz.

Manba kodini qanday tahrirlash va saqlash

Veb-saytlar yaratishni o'rganish uchun boshqa birovning HTML kodini o'qishning o'zi etarli emas. Siz u bilan o'ynashingiz, tajriba qilishingiz, o'zgartirishlar kiritishingiz va natijani tekshirishingiz kerak. Siz hatto bir nechta muvaffaqiyatli namunalarni to'plashdan boshlashingiz mumkin. Manba kodini qanday tahrirlash va saqlash kerak?

Variant 1. "Qo'lda"

Sahifaning manba kodini ochganimizdan so'ng, kontekst menyusiga qo'ng'iroq qiling va "Boshqacha saqlash" opsiyasini tanlang va faylni qattiq diskingizga saqlang. Biz faylni Notepad yoki Notepad-da tahrirlaymiz, o'zgarishlarni saqlaymiz va brauzer orqali ochamiz. Bizning o'zgarishlarimiz natijalari (muvaffaqiyatli va unchalik muvaffaqiyatli emas) brauzer oynasida aks etadi.

Variant 2. Professionallar uchun

Har kuni manba kod bilan "o'ynaganingizda" "saqlash - ochish - o'zgartirish - saqlash - tekshirish" jarayoni charchagan bo'ladi. Men o'zim uchun Google Chrome - Firebug Lite plaginini o'rnatish shaklida yechim topdim. Bu brauzer oynasidan chiqmasdan manba kodini tahrirlash va saqlash imkonini beradi.

Ko'rsatmalar

Htmlni ochishning eng oson yo'li kod o'rnatilgan brauzer imkoniyatlaridan foydalanish bilan bog'liq. Ularning har birida ko'rish imkoniyati mavjud kod sahifalar. Shunday qilib, ko'rish uchun Internet Explorer brauzerida kod uni menyuda ochishingiz kerak: "Ko'rish" - "html-ni ko'rish" kod».

Opera brauzeri bilan ishlaydiganlar uchun, ko'rish uchun kod ochishingiz kerak: "Ko'rish" - "Manba kodi" yoki Ctrl + F3 tugmalar birikmasini bosing. Mozilla Firefox foydalanuvchilari sahifani o'ng tugmasini bosib, kontekst menyusidan "Sahifa manba kodi" ni tanlash orqali HTML kodini ko'rishlari mumkin.

Google Chrome bilan ishlaydigan foydalanuvchilar, shuningdek, ko'rilayotgan sahifani o'ng tugmasini bosish orqali chaqiriladigan kontekst menyusidan foydalanishlari va "Ko'rish" ni tanlashlari kerak. kod sahifalar".

Opera-da ochiq manba kodini saqlash uchun ochiq html sahifasida oynaning yuqori chap qismidagi “Saqlash” tugmasini bosing. Mozilla Firefox-da "Fayl" - "Sahifani saqlash ..." -ni tanlang. HTML kodi xuddi shu tarzda IEda saqlanadi. Google Chrome brauzerida ochiq manba kodini sichqonchaning o'ng tugmasi bilan bosing va kontekst menyusidan "Boshqa saqlash" -ni tanlang.

Agar siz saqlangan kod bilan ishlashingiz kerak bo'lsa, buning uchun maxsus dasturlardan foydalaning. HTML tilini o'zlashtirish uchun CuteHTML sintaksisini ajratib ko'rsatadigan muharrir mukammal, u juda sodda va ishlatish uchun qulay. Uning yordami bilan siz juda murakkab sahifalarni yaratishingiz mumkin.

HTML bilan professional tarzda ishlash va murakkab veb-saytlar yaratish uchun Dreamweaver-dan foydalaning. Bu juda murakkab loyihalarni tezda yaratishga imkon beruvchi vizual veb-sayt yaratuvchisi. Ushbu dasturda ishlashda siz tayyor veb-sayt shablonlaridan foydalanishingiz mumkin, bu Internet-resursni yaratishni sezilarli darajada tezlashtiradi va soddalashtiradi.

Internetda juda chiroyli veb-saytlarni yaratishingiz mumkin bo'lgan ko'plab bepul andozalar mavjud. O'zingizga yoqqan shablonni yuklab oling, Dreamweaver-da oching va uni o'zingiz xohlagan tarzda o'zgartiring. Tayyor shablonlarni bu yerdan yuklab olishingiz mumkin: http://www.internet-technologies.ru/templates/.

Internet veb-sahifasida Word hujjatiga havola bo'lishi mumkin. Havolani bosganingizda, u brauzerda yoki matn muharririda ko'rsatilishi mumkin. Matn faylini ochishning eng yaxshi usuli qanday?

Word muharriri hujjatning brauzerdan yuborilganligi haqida mustaqil sozlamalarga ega emas. Barcha sozlamalar to'g'ridan-to'g'ri Windows-da sozlangan.

Quyidagilardan birini bajarib, Fayl turlari dialog oynasini oching:

Windows tugmachasini bosing va ushlab turing (u OS logotipini o'z ichiga oladi va klaviaturaning pastki qismida, Ctrl va Alt tugmalari orasida joylashgan).
- Ish stolida Mening kompyuterim belgisini ikki marta bosing.

Endi paydo bo'lgan menyudan Asboblar > Papka parametrlari-ni tanlang va Fayl turlari yorlig'iga o'ting. Windows har xil fayl turlari haqida ma'lumot to'plashda siz bir necha daqiqa kutishingiz kerak bo'ladi.

Ro'yxat paydo bo'lganda, ro'yxatda DOC kengaytmasini topishingiz kerak. Uni ta'kidlash uchun ustiga bosing va keyin "Kengaytirilgan" tugmasini bosing. Endi siz Fayl turi xususiyatlarini tahrirlash dialog oynasini ko'rishingiz mumkin. Tahrirlash brauzerda Word hujjatlarini ko'rsatish uchun 2 variantni taklif qiladi.

Hujjatni matn muharririda ochish

Bu standart sozlamalar. Agar siz uni saqlashga qaror qilsangiz, faqat ba'zi sozlamalarni sozlashingiz kerak. Hujjatni ochish yoki saqlashni tanlash imkoniyatiga ega bo'lishni istasangiz, "Yuklab olingandan keyin ochilishni tasdiqlash" yonidagi katakchani belgilashingiz kerak. E'tibor bering, agar siz "Ushbu fayl turini ochganda har doim so'rash" katagiga belgini olib tashlasangiz, yuqoridagi katakchani belgilay olmaysiz.

Internet Explorer-da hujjatni ochish

Fayl turini o'zgartirish xususiyatlari dialog oynasida, xuddi shu oynada ko'rib chiqish yorlig'i yonidagi katakchani belgilang. Ushbu sozlama Word hujjati sukut bo'yicha Internet Explorer-da ochilishini bildiradi. Brauzer mos keladigan plagindan foydalanadi, uning asboblar paneli Word va Internet Explorer asosiy menyusining kombinatsiyasi. Hujjatingizni xuddi matn protsessorida bo'lgani kabi tahrirlashingiz va formatlashingiz mumkin, lekin ba'zi variantlar mavjud bo'lmasligi mumkin.

Ushbu sozlamani olib tashlash qiyin emas. Shunchaki "Fayl turi xususiyatlarini o'zgartirish" dialog oynasini oching va "Bir xil oynada ko'rib chiqish" belgisini olib tashlang. Shundan so'ng, hujjat sukut bo'yicha Word-ga yuklanadi.

Hujjatni boshqa brauzerlarda ochish

Hujjatni boshqa brauzerlarda faqat maxsus plaginlarni o'rnatgandan so'ng ochish mumkin. Masalan, View Docs Opera uchun ishlab chiqilgan, Google Docs Viewer Firefox uchun mavjud va hokazo. Bundan tashqari, kompyuteringizda hech qanday yuklab olish yoki o'rnatishni talab qilmaydigan onlayn vositalarning katta tanlovi mavjud.

Ko'rsatmalar

Brauzerdan foydalanib, HTML-ni o'zgartirmoqchi bo'lgan saytga o'ting kod. Buning uchun brauzeringizning manzil satriga manba manzilini kiriting yoki Internet qidiruv tizimlaridan birini ishlating.

Ochiq kod ko'rish uchun sahifalar. Foydalanadigan brauzerga qarab, tegishli menyu bandini tanlashingiz kerak. Asl nusxasini ko'rish uchun Operada kod va "Ko'rish" - "Taraqqiyot vositalari" - "Manba" dan foydalaning. kod" Google Chrome-da bu xususiyat "Asboblar" - "Manbani ko'rish" bo'limida mavjud. kod" Agar siz Mozilla Firefox-dan foydalanayotgan bo'lsangiz, "Menyu" tugmachasini bosing - "Veb ishlab chiqish" - "Manba" kod sahifalar". Brauzeringiz sozlamalariga qarab, HTML kod yangi tab yoki oynada ochiladi.

Ko'rsatilganni tahrirlang kod. Firefox va Chrome-da hujjatni tahrirlash uchun avvalo uni qattiq diskingizga saqlashingiz kerak (Fayl - Sahifani boshqa kabi saqlash).

Barcha o'zgarishlarni amalga oshirgandan so'ng, "Saqlash" tugmasi yordamida sahifani saqlang. Hujjat yuklandi. Har qanday matn muharriri yordamida uni o'zingiz o'zgartirishingiz mumkin.

Sahifaning to'liq nusxasini barcha rasmlar bilan saqlash uchun kerakli manbaga o'ting va "Fayl" - "Boshqacha saqlash" menyusini tanlang. Ko'rsatilgan oynada "Tasvirli HTML fayli" hujjat turini tanlang.

Foydali maslahat

HTMLni vizual tahrirlash uchun sintaksisni ajratib ko'rsatishni ta'minlaydigan va etishmayotgan deskriptorlarni avtomatik ravishda almashtiradigan ko'plab muharrirlar mavjud. Veb-ishlab chiquvchilarning eng kuchli vositalaridan biri bu Macromedia Dreamweaver. Shu bilan bir qatorda, engilroq Front Page mavjud. Agar sizga vizual disk raskadrovka kerak bo'lmasa va sintaksisning tagiga chizish va rang berish kerak bo'lsa, siz engilroq, ammo kuchliroq Notepad++ muharriridan foydalanishingiz mumkin.

Manbalar:

  • manba kodini qanday o'zgartirish mumkin

"Maqolani nima deb atashim kerak?" Degan savolga javobdan. Bu nafaqat uni o'qiganlar soniga, balki mubolag'asiz, u joylashtirilgan butun saytning obro'siga ham bog'liq. Axir, har bir maqola resursning umumiy rasmidagi kichik zarba bo'lib, ko'plab individual zarbalarning kombinatsiyasi butun saytning o'ziga xos qiyofasini yaratadi.

Ko'rsatmalar

Sarlavhani keyinroq, matn tayyor bo'lganda qoldirgan ma'qul. Yozayotganda, bu sarlavhada belgilangan doirada fikrning parvozini cheklamaslikka imkon beradi. Ko'z oldingizda tayyor matnga ega bo'lsangiz, maqolaning barcha nuanslarini eng yaxshi aks ettiradigan sarlavhani aniqlash osonroq. Tayyor matnni qayta o'qing, matnning mohiyatini bir nechta qisqa iboralarda aqliy shakllantiring.

Sayt auditoriyasiga qarab, biz maqola shablonini tanlaymiz. Shubhasiz, yorqin sarlavhalar, masalan, huquqiy mavzulardagi maqolalar uchun mos emas. Aksincha, engil material uchun jiddiy sarlavha potentsial o'quvchilarning bir qismini qo'rqitadi. Maqola sarlavhalari uchun ko'plab andozalar mavjud, masalan:

Qiziqarli savol ("Siz buni bilasizmi ...?")

"Qanday qilib?" so'zi bilan boshlangan savol. ("Maqolani nima deb atashim kerak?")

Tomoshabinlarga murojaat (“Faqat talabalar…”)

Hukm-ibora ("Dachadagi hovuz - xotirjamlik")

Taklif-kafolat (“Kafolatlangan usul...”)

Harakatga rag'bat ("Chegirmaga ega bo'ling ...")

Albatta, maqola sarlavhalari shablonlarning ushbu ro'yxati bilan cheklanmaydi.

Tanlangan shablonlardan foydalanib, nomlarning bir nechta variantini yaratamiz. Keyin biz muvaffaqiyatsiz bo'lganlarni kesib tashlaymiz va quyidagilarni qoldiramiz:

Maqolaning mohiyatini eng aniq aks ettiradi

Tomoshabinlar manfaatlariga mos

Manbalar:

  • Denis Kaplunov. Sarlavhalarni yozish bo'yicha bepul master-klass
  • maqola sarlavhasi

HTML (HyperText Markup Language) ko'rsatmalari veb-server tomonidan sayt sahifasiga tashrif buyuruvchi brauzer talabiga binoan yuboriladi va brauzer ushbu sahifaga tashrif buyuruvchiga nimani va qanday ko'rsatishi kerakligi haqida to'liq ma'lumotni o'z ichiga oladi. Bugungi kunda ushbu ko'rsatmalar ko'pincha fayllarda tayyor holda saqlangan emas, balki server tomonidagi skriptlar tomonidan ishlab chiqariladi. Agar baribir uni tashkil etuvchi skriptlarni emas, balki HTML kodini tahrirlash zarurati tug'ilsa, bu turli vositalar yordamida amalga oshirilishi mumkin.

Ko'rsatmalar

Manba HTML kodini tahrirlash uchun kontentni boshqarish tizimi muharriridan foydalaning. Buning uchun muharrirga keraklisini yuklagandan so'ng uni vizual rejimdan (ba'zan WYSIWYG rejimi deb ataladi) HTML tahrirlash rejimiga o'tkazish kerak. Buni amalga oshirish orqali siz to'g'ridan-to'g'ri belgilash tilining ko'rsatmalariga ("teglar") kirasiz. Biroq, vizual rejimdan foydalanib, siz HTML teglarini ham o'zgartirasiz, buni "" sahifa muharririda qilasiz.

Agar sizda boshqaruv tizimi o'rnatilmagan bo'lsa, sahifalarning HTML kodiga o'zgartirish kiritish uchun istalgan matn muharriridan foydalaning. Ushbu kodni saqlaydigan fayllar oddiy matnli fayllardan faqat kengaytmada farq qiladi va yozish formati txt kengaytmali fayllar formatiga to'liq mos keladi. Shuning uchun HTML kodini tahrirlash uchun txt fayllari bilan ishlay oladigan har qanday matn muharriridan ham foydalanish mumkin.

Agar sahifa tartibini muntazam ravishda bajarishni rejalashtirmoqchi bo'lsangiz, maxsus HTML kod muharririni o'rnating. Bunday dasturlar oddiy matn muharrirlaridan va boshqaruv elementlariga o'rnatilgan muharrirlardan sezilarli darajada farq qiladi. Masalan, ularda "kontekstli maslahat" funktsiyalari mavjud, ya'ni HTML tegini yozishni boshlaganingizda, muharrir sizga eng mos variantlarni taklif qiladi, bu esa yozishni sezilarli darajada tezlashtiradi, xatolar sonini kamaytiradi va matn sintaksisini tezda o'zlashtirishga yordam beradi. til. Bundan tashqari, bunday dasturlar kiritilgan kodni formatlashi va rang berishi, sintaksisdagi xatolarni izlashi va belgilangan standartlarga muvofiqligini tekshirishi mumkin. Ushbu turdagi ko'plab ixtisoslashtirilgan ilovalar vizual tahrirlash va sahifani oldindan ko'rish rejimiga ega, yaratilgan sahifalarni ga yuklashi, HTML sahifalarining mahalliy va masofaviy versiyalarini sinxronlashtirishi va boshqalar.

Manbalar:

  • veb-sayt sahifasini qanday tahrirlash

Sayt uchun yaxshi maqola yozishning o'zi etarli emas, siz ham to'g'ri maqolani topishingiz kerak sarlavha. U bir vaqtning o'zida maqolaning ma'nosini aks ettirishi va foydalanuvchi uni qidiruv tizimida tezda topishini ta'minlashi kerak. Qaysi sarlavha muvaffaqiyatli bo'lishini bilish uchun qidiruv tizimi statistikasiga qarang.

Sizga kerak bo'ladi

  • - kompyuter
  • - Internetga ulanish

Ko'rsatmalar

Qidiruv tizimini optimallashtirish nuqtai nazaridan sarlavhani muvaffaqiyatli qiling, unga kalit so'zlarni kiritsin. Foydalanuvchilar qidiruv tizimlarida qanday so'z va iboralarni qidirayotganini bilib oling. Buning uchun so'rov statistikasini ko'ring. Misol uchun, Yandex-da bu wordstat.yandex.ru sahifasida amalga oshirilishi mumkin. Misol uchun, siz "pul" so'zining statistikasiga qaraysiz va oyiga 3 613 993 ta taassurot borligini ko'rasiz. Bu shuni anglatadiki, u Yandex qidiruv natijalarida, shu jumladan turli iboralarda ko'p marta paydo bo'lgan. Agar odamlar "pul" so'zini o'zi necha marta qidirganiga qiziqsangiz, uni tirnoq ichida va boshida undov belgisi bilan yozing: "!money".

Agar sizda SEO va veb-sayt kontentida kam tajribangiz bo'lsa, past chastotali so'rovlar uchun maqolalarni targ'ib qiling. Yuqori chastotalilarga, masalan, bu: "Qanday qilib pul topish mumkin". Ushbu ibora oy davomida ko'p marta qidirildi va sizga raqobat bilan kurashish qiyin bo'ladi, chunki... TOP haqida gapirmasa ham, qidiruvning birinchi sahifalarida paydo bo'lishingiz dargumon. Shu bilan birga, "Qanday qilib kvartiraga pul topish mumkin" iborasi bir oyda atigi 146 marta terilgan, shuning uchun agar siz ushbu mavzu haqida yozsangiz, qidiruvda munosib o'rin egallash uchun yaxshi imkoniyatga ega bo'lasiz.

Hajmi juda past bo'lgan so'rovlar uchun sarlavha yaratmang. Agar siz oyiga ikki marta qidirgan iboraning yuqori qismida bo'lsangiz ham, siz hali ham ko'p tashrif buyuruvchilarni topa olmaysiz. Ammo agar siz mavzuni istiqbolli deb hisoblasangiz (masalan, bu yangi gadjetga tegishli), uni sinab ko'rishingiz mumkin. Kalit so'z yoki iborani (u bilan boshlanadigan) o'z ichiga olgan, lekin noyob bo'lgan sarlavhalardan foydalanish ham yaxshi.

Sayt sarlavhasini qiziqarli qiling. Agar u muammoni hal qilishni o'z ichiga olsa va qisqa va ixcham bo'lsa yaxshi. Minimal so'zlarga maksimal ma'no qo'yishni o'rganing. Foydalanuvchiga maqolangizda foydali ma'lumotlar borligini bildiring.

Sarlavhaga fitna qo'shishga harakat qiling, masalan, an'anaviy donolikka shubha qilish, kontrastlar ustida o'ynash va hokazo. "qanday", "nima uchun", "nima uchun" so'zlari ham e'tiborni tortadi.

Mavzu bo'yicha video

Foydali maslahat

Sarlavhalaringizni aniqroq qiling; agar siz ma'lum bir hodisa yoki brend haqida yozayotgan bo'lsangiz, uni eslatib o'ting. Bu sizning maqsadli auditoriyangiz veb-sahifangizga kirish ehtimolini oshiradi.

Ko'rsatmalar

Boshqa manbada joylashgan matnda saytni eslatganda, HTML-da quyidagi konstruktsiyadan foydalaning: Cat Photography Tutorial. Bunday holda, sayt nomi rang bilan ta'kidlanadi va ba'zi brauzerlarda uning tagiga ham chiziladi. Sichqoncha o'qini unga olib borganingizda, manzil brauzerning pastki chap burchagida ko'rsatiladi va agar siz havolani bossangiz, u kuzatiladi - brauzer sozlamalariga qarab, xuddi shu yoki boshqa yorliqda.

Shuningdek, sichqoncha o'qi olib kelmagan bo'lsa ham, matnda sayt nomidan tashqari uning URL manzili ham ko'rsatilishiga ishonch hosil qilishingiz mumkin. Buning uchun boshqa qurilishdan foydalaning:

Mushuklarni suratga olish bo'yicha qo'llanma: http://site.domain

Agar siz havolani bosishni xohlamasangiz, HTML teglarini umuman ishlatmasdan bajaring, masalan:

Mushuklarni suratga olish bo'yicha qo'llanma: http://site.domain

HTML kod - bu Internet sahifasida elementlarning (matn, rasmlar, videolar va boshqalar) qanday joylashishini belgilovchi dastur kodi. HTML tilini tushunish juda oson, lekin u doimo takomillashtirilib, yangi xususiyatlar bilan to'ldirilib boriladi.

HTML kodi nima?

HTML qisqartmasi "gipermatnni belgilash tili" deb tarjima qilingan. Gipermatn - bu gipermatnli havolalar ko'rinishida amalga oshirilgan Internet sahifalarida harakatlanishning maxsus usuli. Ushbu havolalarni bosish orqali siz sayt tuzilishiga osongina o'tishingiz mumkin. Bu holatda o'tishlar chiziqli ravishda sodir bo'lmaydi, ya'ni. siz har doim saytning istalgan sahifasiga o'tish imkoniyatiga egasiz, unga havola hozirda ko'rinadi.

Belgilash sahifa elementlariga tayinlangan muayyan qoidalar va xususiyatlarni anglatadi. Ular teglar deb ataladigan shaklda amalga oshiriladi. Misol uchun, sahifadagi ma'lum bir matn markazlashtirilgan bo'lishi kerakligini ko'rsatish uchun uni markaziy teg bilan belgilashingiz mumkin. Muayyan sahifaning HTML kodini uning kontekst menyusi orqali ko'rishingiz mumkin. Masalan, Firefox brauzerida ushbu kodga kirish uchun sahifani o'ng tugmasini bosib, "Sahifa manba kodi" ni tanlashingiz kerak.

HTML kodi qanday ishlaydi?

HTML kodi sahifa elementlarini o'z ichiga olgan qisqa teglar to'plamidir. Bu kodlarning barchasi .html yoki .htm kengaytmali faylda saqlanadi. Bunday faylni brauzerda ochganingizda, kod u tomonidan talqin qilinadi va dastur oynasida tugallangan sahifa ko'rsatiladi. HTML belgilash tilini bilgan holda, deyarli har bir kishi o'z sahifasini yaratishi mumkin.

Teglarning qanday turlari bor?

Teglar HTML kodidagi alohida konstruksiyalardir. Bu "" burchakli qavslar ichiga olingan oddiy matn. Deyarli har qanday sahifaning HTML kodida teglarni ko'rishingiz mumkin. Teglarning o'zi sahifalarda ko'rsatilmaydi, ular teglar yordamida kodlangan ma'lum bir elementni ko'rsatadi. Misol uchun, agar sahifada rasm bo'lsa, uning HTML kodi img tegini o'z ichiga oladi.

HTML cheklovlari

HTML kodi juda yuqori sifatli gipermatnli sahifani yaratishga imkon berishiga qaramay, uning cheklovlari mavjud. Faqatgina shunday kodni o'z ichiga olgan sahifalar statik, ya'ni. ularda dinamika, maxsus effektlar va boshqa xususiyatlar yo'q. Lekin ular Java Script kabi boshqa tillar yordamida kiritilishi mumkin. Zamonaviy veb-saytlarning aksariyati ularni yanada jonli va interaktiv qiladigan qo'shimcha tillar yordamida yaratilgan.

Bosma yoki onlayn nashr sahifasida o'quvchi (foydalanuvchi) e'tiborini nima tortadi?


  • Rasm

  • Sarlavha

  • Subtitr

  • Rasm yoki fotosurat ostida imzo

Qanchalik achinarli bo'lmasin, odamlar o'qishni xohlamaydilar, vaqtlari yo'q, chunki ular bir joyga borishga cheksiz shoshilishadi. Ammo agar siz muallif (jurnalist, blogger, frilanser, yangiliklar muallifi, yozuvchi) bo'lsangiz, o'quvchiga o'z fikrlaringizni, xulosalaringizni, muammoni ko'rishni va hokazolarni etkazishni xohlaysiz. O'quvchi sizning eslatmangizni o'tkazib yubormasligiga qanday ishonch hosil qilish kerak? Qanday qilib sarlavhani jozibali qilish kerak, shunda siz maqolani chuqurroq o'rganishni xohlaysizmi?


1. Sarlavhalaringizda fe'l shakllaridan foydalaning.


Masalan: "Pulni qaerga investitsiya qilish kerak", "Uyda birinchi yordam to'plamini qanday qilish kerak", "Putinning yangi farmoni".


2. Yangilik tamoyili.


"Bahor - tashvish vaqti" kabi sarlavhalar ma'naviy jihatdan eskirgan. “Byurokratik” gazeta va jurnallar ulardan foydalansin. Sarlavha yangi, noma'lum bo'lgan va eslatma matnida batafsilroq ochiladigan narsani bildirishi kerak. Misol uchun, yaxshiroq sarlavha: "Bahor tashvishlari fermerlarga dam olishga imkon bermaydi".


3. Sarlavhadagi metafora, obrazlilik, oksimoron, noodatiylik maqolani o‘qish imkoniyatini beradi. Ba'zi harflarni keskin taqqoslash, epithets va semantik urg'ulardan foydalaning. Asosiysi, ifoda vositalari bilan haddan oshib ketmaslikdir. Hamma narsa me'yorida bo'lishi kerak.


4. O'quvchi (foydalanuvchi) uchun amaliylik muhim. Noaniq, mazmunli bo'lmagan yoki juda umumiy sarlavhalar maqolani e'tiborsiz qoldiradi. Nega matnni o'qishim kerak? Bu menga amaliy jihatdan nima beradi? Undan nimani olib ketaman? Bu tajriba men uchun foydali bo'ladimi? Agar o'quvchi ushbu savollarga matn emas, balki sarlavha darajasida javob topsa, maqola o'qiladi.



Ko'rsatmalar

Mozilla FireFox-da menyudagi "Ko'rish" bo'limini kengaytiring va "Original" ni bosing. kod" Xuddi shu element kontekst menyusida ham mavjud, agar siz matnni o'ng tugmasini bossangiz sahifalar. CTRL + U klaviatura yorlig'idan ham foydalanishingiz mumkin. Mozilla FireFox tashqi dasturlardan foydalanmaydi - original kod sahifalar sintaksisini ajratib ko'rsatish bilan alohida brauzer oynasida ochiladi.

Internet Explorer-da Fayl menyusini bosing va Notepad-da Tahrirlash-ni tanlang. Notepad nomi o'rniga boshqa nom yozilishi mumkin, siz uni asl nusxasini ko'rish uchun brauzer sozlamalarida tayinlagansiz. kod A. Bosishda sahifalar sichqonchaning o'ng tugmasi bilan kontekst menyusi paydo bo'ladi, unda manbani ochishga imkon beruvchi element ham mavjud kod sahifalar tashqi dasturda - "HTML-ni ko'rish- kod A".

Opera brauzerida menyuni oching, "Sahifa" bo'limiga o'ting va "Ishlab chiqish vositalari" bo'limida "Manba" ni tanlash imkoniyatiga ega bo'lasiz. kod"yoki "Asl kod ramka." Ushbu tanlovlarga mos ravishda CTRL + U va CTRL + SHIFT + U tezkor tugmalari beriladi. Bosish bilan bog'langan kontekst menyusida sahifalar sichqonchaning o'ng tugmachasini bosing, "Boshlang'ich" bandi ham mavjud kod" Opera manba sahifalar OTda yoki HTML fayllarini tahrirlash uchun brauzer sozlamalarida tayinlangan tashqi dasturda.

Google Chrome brauzeri, shubhasiz, asl nusxani ko'rish uchun eng yaxshi tashkilotga ega kod A. Sichqonchaning o'ng tugmachasini bosish orqali siz Ko'rishni tanlashingiz mumkin kod A sahifalar"va keyin sintaksis ta'kidlangan manba kodi alohida yorliqda ochiladi. Yoki xuddi shu menyuda "Ko'rish" qatorini tanlashingiz mumkin kod element" va xuddi shu yorliqda HTML va CSS-ni tekshirishingiz mumkin bo'lgan ikkita qo'shimcha ramka ochiladi kod element sahifalar. Brauzer kursor satrlar bo'ylab harakatlanishiga javob beradi kod va HTMLning ushbu bo'limiga mos keladigan sahifadagi elementlarni ajratib ko'rsatish kod A.

Apple Safari brauzerida Ko'rish bo'limini kengaytiring va HTMLni ko'rish-ni tanlang kod A". Ochish tugmachasini o'ng tugmasini bosganingizda paydo bo'ladigan menyuda sahifalar, mos keladigan element "Manbani ko'rish" deb nomlanadi. Ushbu amal uchun tayinlangan tezkor tugmalar CTRL + ALT + U. Original kod alohida brauzer oynasida.

Manbalar:

  • Firefox-da tayinlangan kalitlarni qanday o'zgartirish mumkin

Ko'p odamlar kompyuter o'yinlarida o'zlari yengib bo'lmaydigan qiyinchiliklarga duch kelib, u yoki bu muammoni hal qilish yoki o'yinni soddalashtirish uchun maxsus kodlardan foydalanadilar. Cheat kod - bu kompyuter o'yiniga uning ishlash jarayonini o'zgartirish uchun kiritilishi mumkin bo'lgan kod. Bunday kodlarni kiritish klaviaturada ma'lum bir matnni (harflar yoki raqamlardan iborat) takrorlash orqali amalga oshiriladi. Matnni maxsus ajratilgan joylarga ham kiritishingiz mumkin (o'yin menyusi yoki konsol). O'yin kodini qanday topish mumkin?

Sizga kerak bo'ladi

  • Internet

Ko'rsatmalar

Keling, mashhur misol yordamida birinchi usulni ko'rib chiqaylik http://chemax.ru. Muayyan o'yin uchun kodni topish uchun "Cheat Codes" yorlig'ini bosing va keyin "For" ni tanlang. Ochilgan oynada siz o'yin nomini maxsus nomga kiritishingiz mumkin (bu qidiruv jarayonini osonlashtiradi) yoki o'yin nomi boshlangan ingliz yoki ruscha harfni bosing. O'yinni tanlaganingizdan so'ng, siz barcha mumkin bo'lgan kodlar ro'yxatini ko'rasiz.

Cheat kodlari ma'lumotlar bazasini yuklab olish uchun siz veb-saytga kirishingiz kerak http://chemax.ru va "CheMax" - "CheMax Rus" yorlig'ini tanlang. Cheat kodlarining ushbu ma'lumotlar bazasi ham rus tilida bo'lib, juda ko'p sonli o'yinlarga ega. O'rnatishda siz rus tilini va dasturning joylashuvini tanlashingiz kerak. Dasturni ishga tushirgandan so'ng, o'yin nomini maxsus qatorga kiritishingiz kerak, buning natijasida siz barcha kerakli cheat kodlarini olasiz.

Mavzu bo'yicha video

Eslatma

To'liq kod bazasiga ega bo'lish uchun ushbu dasturni zudlik bilan yangilashni unutmang.

Foydali maslahat

Cheat kodlaridan foydalanmasdan o'yinni yakunlashga harakat qiling, chunki o'yinni halol bajarish sizga ko'proq zavq bag'ishlaydi.

Keling, boshlang'ichni qanday aniqlashni ko'rib chiqaylik kod sahifalar, chunki bu parametr Internetda ishlashda juda muhimdir. Agar sizga biron bir yangilik, teg yoki rasm kerak bo'lsa, lekin uni qanday yozishni bilmasangiz, asl nusxasini topganingizdan so'ng har doim boshqa saytdan ma'lumotlarni nusxalashingiz mumkin. kod sahifalar agar u uchun bo'lmasa kod sayt ishlab chiquvchilari tomonidan yaratilgan. Asl muhim kod manbadan foydalanib, dastur bo'lmagan sahifali fayllarda kod va siz sahifalar bilan ishlashingiz va ularni tahrirlashingiz mumkin.

Sizga kerak bo'ladi

  • Sahifaning manba kodini ko'rish bo'yicha ko'rsatmalar.

Ko'rsatmalar

Ko'rinib turish uchun u asl nusxada ro'yxatdan o'tgan kod ohm Uni to'ldiring kod Agar siz resurs egasi bo'lsangiz yoki uni maxsus kengaytmalar yordamida bloknot, muharrir yordamida o'zgartirishingiz mumkin. Foydalanuvchi shuningdek, faylni tahrirlash va o'zinikini qo'shish orqali sahifani o'zgartirishi mumkin. In - brauzerlar manbani ko'rmoqda kod va turli buyruqlar yordamida amalga oshiriladi, keling, ularni batafsil ko'rib chiqamiz.

Internet Explorer uchun "ko'rish" yorlig'ini, keyin esa "original" ni tanlang. kod sahifalar»yoki elementni sichqonchaning o‘ng tugmasini bosish orqali tanlash mumkin. Ishlab chiquvchilar tomonidan shifrlangan bo'lishi kerak kod bunda biz "xizmat" menyusiga o'tamiz, keyin "ishlab chiquvchi vositalari", o'qni bosing, kerakli elementni tanlang va kod bo'lish. Keyin, belgini bosing va kod matn formatida va uning tarkibiy qismlaridan html ga nusxa ko'chiring.

Mozilla Firefox brauzeri oddiy "Ctrl+U" buyrug'i yordamida ko'rish imkoniyatini beradi yoki "asboblar" menyusida "manbani ko'rish" pastki qatorini tanlang. kod" Mozilla Firefox-da shifrlangan ma'lumotlarni maxsus veb-dasturchini o'rnatish orqali ko'rishingiz mumkin, menyudan tanlang " kod"string" yaratildi kod"va pastda sahifalar asl qiymati paydo bo'ladi kod A. Faylni almashish buferiga ko'chiring yoki page.htm kengaytmasi bilan saqlang.

Google Chrome-dan foydalanayotganda, asosiy "asboblar" menyusida "manbani ko'rish" pastki qatorini tanlang kod", keyin "ko'rish" bandini ochish uchun sichqonchaning o'ng tugmasidan foydalaning kod A sahifalar» yoki "Ctrl + U" tugmalari yordamida.

Safari brauzeri uchun menyuda biz "html-ni ko'rish" ni topamiz. kod", shuningdek, o'ng tugmasini bosib, "manbani ko'rish" pastki qatorini oching yoki "Ctrl + Alt + U" klaviatura yorliqlaridan foydalaning.

Eslatma

Manba kodi haqidagi shifrlangan ma'lumotlarni ko'rish imkoniyati ikkita brauzer yordamida amalga oshiriladi.

Foydali maslahat

Agar siz sayt ishlab chiqaruvchisi bo'lmasangiz, sahifani faqat o'zingiz uchun o'zgartirishingiz mumkin.

Kompyuter o'yinlarida, haqiqiy hayotda bo'lgani kabi, biroz aldash imkoniyati mavjud. Shu maqsadda ishlab chiquvchilar o'z mahsulotlarini turli xil kodlar bilan ta'minlaydilar, ulardan foydalanib o'yin menyusidan darajalar va topshiriqlarni osongina bajarishingiz mumkin.

Sizga kerak bo'ladi

  • CheMax dasturiy ta'minot.

Ko'rsatmalar

Sinov paytida ishlab chiquvchilar tomonidan ishlatilgan kodlarni bilish uchun HEX muharrirlari yordamida o'yin mahsulotining barcha exe fayllarini ochish shart emas. Siz shunchaki quyidagi http://chemax.ru havolasidan foydalangan holda xiyla uchun ixtisoslashgan saytga kirishingiz kerak.

Yuklangan sahifada kursorni menyu satriga, ya'ni "Cheat Codes" bo'limiga olib boring va paydo bo'lgan ro'yxatda "Tilda" ni tanlang. Keyingi sahifada qidiruv satriga o'yin nomini kiriting, so'ng "Izlash" tugmasini bosing. Yorliq xususiyatlaridan ko'chirilishi mumkin bo'lgan eng to'liq nomni kiritish tavsiya etiladi. Buni amalga oshirish uchun ish stoliga o'ting va o'yin yorlig'ini o'ng tugmasini bosing. Kontekst menyusida "Xususiyatlar" ni tanlang va Ctrl + C yoki Ctrl + Insert klaviatura yorliqlari yordamida nomni nusxalash.

Qidiruv natijalaridan kodlar jadvalini ochish uchun eng mos variantni tanlang. Kodlar jadvaliga qo'shimcha ravishda, agar siz sahifaning pastki qismiga o'tsangiz, faol havolalarga ega trenerlar ro'yxatini ham topishingiz mumkin. Kerakli kodlarni eslab qolishdan oldin ularga tezda kirish uchun yuklab olingan sahifadan ma'lumotlarni tanlash va nusxalash, so'ngra uni yangi matn hujjatiga joylashtirish tavsiya etiladi.

Kerakli kodni olish uchun doimiy ravishda saytga kirish juda uzoq ish, chunki... maxsus dasturni ishga tushirish (CheMax) ko'p marta tezroq. Buning uchun CheMax yuqori menyusiga o'ting va CheMax Rus-ni tanlang. Dasturni yuklab olish sahifasida "O'rnatish" yoki "RAR arxivi" havolasini bosing va bajariladigan faylni saqlash joyini belgilang.

Dasturni o'rnatgandan so'ng, ish stoliga yorliq joylashtiriladi, uni ishga tushirish dasturni ochadi. O'yin davomida "To'xtatib turish" tugmasini bosing va ochiq oynaga o'tish uchun Alt + Tab kombinatsiyasidan foydalaning. Qidiruv satriga o'yin nomini kiriting va Enter tugmasini bosing.

Mavzu bo'yicha video

Manbalar:

  • Banner kodini qanday topish mumkin?

Dastur kodi maxfiylik nuqtai nazaridan farq qilishi mumkin - ko'plab ishlab chiquvchilar uni hamma uchun ochiq qilmaydi va litsenziya shartnomasi shartlari foydalanuvchilarga undan foydalanish va ko'rish bo'yicha cheklovlar qo'yadi. Ko'rish, tahrirlash va hokazolar mumkin bo'lgan ochiq kodli dasturlar ham mavjud.

Sizga kerak bo'ladi

  • - manba kodini ochish dasturi.

Ko'rsatmalar

Ko'rmoqchi bo'lgan dasturiy ta'minotning manba kodi ochiq manba ekanligiga ishonch hosil qiling. Buning uchun dasturiy ta'minot ishlab chiqaruvchisining rasmiy veb-saytiga o'ting va litsenziya turini ko'ring. Agar dasturning manba kodi yopiq bo'lsa, uni ko'ra olmaysiz. Bu noqulay, ammo bunday tizimda troyan va boshqa zararli dasturlarni o'z ichiga olgan dastur nusxalarini uchratish juda kam uchraydi. Bu bepul dasturiy ta'minotning asosiy kamchiligi.

Agar sizda bepul dasturiy ta'minot bo'lsa, dastur menyusida "Manba kodi" ni toping, agar bunday element ishlab chiquvchi tomonidan taqdim etilgan bo'lsa, bu juda kam uchraydi. Boshqa hollarda uni ko'rish uchun assembler yoki boshqa uchinchi tomon dasturlaridan foydalaning.

Ko'pincha manbani ochish uchun dasturni yaratuvchilar ishlab chiqish jarayonida qaysi dasturlash tilidan foydalanganliklarini bilishingiz kerak, bu ko'pincha aniqlash juda qiyin. Bu erda siz kompyuteringizga turli tillarda yozilgan manba kodlarini ochish uchun turli xil dasturlar to'plamini o'rnatishingiz mumkin.

Bepul dasturiy ta'minotdan foydalanganda, agar imkoniyatingiz bo'lsa, o'rnatish jarayonidan oldin manba kodini ko'rib chiqing, ayniqsa dastur norasmiy manbadan yuklab olingan bo'lsa. Bu sizning kompyuteringizni asosiy dastur bilan birga o'rnatilgan zararli dasturlardan himoya qilishga yordam beradi.

Shuningdek, dasturning yopiq manba kodiga o'zgartirish kiritishning turli usullariga murojaat qilmang, ko'pincha bunday hollarda foydalanuvchi va ishlab chiquvchi o'rtasidagi litsenziya shartnomasi qoidalarini buzganlik uchun ma'lum bir javobgarlik mavjud. Bundan tashqari, tahrirlangan bunday dasturlarni Internetga joylashtirmang.

Mavzu bo'yicha video

Foydali maslahat

Bepul dasturiy ta'minot manbalarini tekshiring.

Dasturlar ochiq va yopiq turlarga bo‘linadi. Birinchi holda, barcha Internet foydalanuvchilari uning asl nusxasini yuklab olishlari mumkin kod rasmiy veb-saytdan va boshqa manbalardan, ikkinchisida - tizim kodi yopiq va uning

1 ovoz

Xayrli kun, mening blogimning aziz o'quvchilari. Ba'zan veb-saytda qandaydir go'zal xususiyatni topasiz va yaratuvchi qanday qilib bunday qiziqarli effektga erishganiga hayron bo'lasiz.

Ma'lum bo'lishicha, javob juda oddiy. Va agar sizda ba'zi ko'nikmalar mavjud bo'lsa, siz ushbu xususiyatlarning ko'pini to'plashingiz va qisqa vaqt ichida o'zingizning noyob veb-saytingizni yaratishingiz mumkin.

Bugun biz sahifaning kodini, ma'lum bir elementni qanday ochish haqida gaplashamiz va bu mahoratni sizning manfaatingiz uchun qanday ishlatishni o'rganamiz.

Kod haqida asosiy bilim

Mening saytim yangi boshlanuvchilar uchun mo'ljallangan va birinchi navbatda saytlar va umuman kodlar haqida qisqacha to'xtalib o'tmoqchiman.

Rasm chizish, keyin uni kichik qismlarga bo'lish uchun brauzer barcha elementlarni bir butunga yig'ish uchun kod yozing. Hamma narsa juda murakkab ko'rinadimi? Hechqisi yo'q va bu haqda qayg'urishning ma'nosi yo'q.

Shunday qilib yuqori sifatli veb-saytlar yaratiladi. Agar xohlasangiz, bu masalaga aralashing va uni o'rganing, agar xohlamasangiz, sizni hech kim majburlay olmaydi.

Men faqat bir narsani aytaman... siz yozgan tushunarsiz so'zlaringiz qanday qilib bir butunga aylanib, jonlanayotganini ko'rishdan ko'ra yoqimli narsa yo'q: havolalar ishlaydi, tugmalar harakatlanadi, rasmlar siljiydi, matn skanerlanadi. Men Viktor Frankenshteynni qanday his qilganini bilaman deb o'ylayman.

Yashirin tilni tushunishni boshlaganingizda va hamma narsa dastlab tuyulganidan ancha sodda ekanligini ko'rganingizda, siz o'zingizning kuchingiz va miyangizning imkoniyatlariga ishonmay qololmaysiz. Bu juda zo'r.

Veb-saytlar qanday yaratilgan? Ideal holda, birinchi navbatda. U shunchaki rasm chizmoqda. Misol uchun, quyidagi rasmda ko'rsatilganidek. Hozircha bu shunchaki rasm, fotosurat. Hech qanday havolalar ishlamaydi, bosganingizda hech qaerga bormaysiz, hech qanday qidiruv amalga oshirilmaydi.

Ushbu rasmga ko'ra. Quyidagi skrinshotga qarang. Siz bu bema'ni va juda murakkab belgilar to'plami deb o'ylashingiz mumkin. Aslida, hamma narsa juda murakkab emas, ma'lum bir algoritm mavjud.

Faqat 150 ga yaqin teglar mavjud va ularning har biri ma'lum bir harakat uchun javobgardir: havola, defis, qalin, rang, sarlavha va boshqalar. Agar xohlasangiz va vaqtga qarshi bo'lmasangiz, ularni tushunish unchalik qiyin emas.

Ushbu atributlarni bilish tufayli siz deyarli har qanday muammoni hal qilishingiz mumkin. Lekin har bir ishlab chiquvchi maqsadga erishish uchun o'z yo'llarini topadi.

Tajribali ijodkorlar natijalarga qanday erishish mumkinligini darhol ko'rishadi, boshqalari esa o'ylashlari kerak, javobni maqolalarda yoki raqobatchilarning manba kodida izlashlari kerak. Ular shunchaki uchinchi tomon saytidan kerakli qismni olib, o'zlari uchun tahrir qiladilar. Bu ish jarayonini sezilarli darajada qisqartiradi.

Birozdan keyin men sizga aniq bir misol ko'rsataman.

Kodni ko'rish

Shunday qilib, birinchi navbatda, boshqa birovning html-ni bilib olishingiz kerak bo'lsa, qanday harakat qilishni ko'rsataman. Keyin boshqa barcha savollarni batafsil ko'rib chiqamiz.

Eng yaxshi yo'l

Men birinchi bo'lib tasvirlab beradigan usul yangi boshlanuvchilar uchun biroz murakkab, ammo kirish sifatida uni o'qing. Sahifani oching va sichqonchaning o'ng tugmachasini bosing. "Boshqa saqlash..." ni tanlang.

Butun veb-sahifani saqlang. Skrinshotda ko'rib turganingizdek, men hamma narsani oldindan yuklab oldim. Bu erda bizda ikkita papka bor.

Sizga kerak bo'lgan hamma narsa shu yerda. Har bir element. Agar buni tushunsangiz, kerakli hamma narsani tezda olishingiz mumkin. Ammo bunday vazifa tobora imkonsiz bo'lib bormoqda. Yuklab olish yo'q. Agar sahifani nusxalash taqiqlangan bo'lsa, nima qilish kerak?

Bu Google Chrome

Siz allaqachon sezganingizdek, men ko'pincha Google Chrome-dan foydalanaman va bu brauzerda birovning kodini o'rganish armutni otish kabi oson. Boshqa har qanday printsipda bo'lgani kabi. Sxema nafaqat o'xshash, balki bir xil bo'ladi. Biz kodini bilmoqchi bo'lgan sahifani oching va istalgan joyni o'ng tugmasini bosing. Ko'rsatilgan oynada "Sahifa kodini ko'rish" tugmasini bosing.

Yangi oynada kod varag'i ochiladi, bu yangi boshlanuvchilar uchun tushunish juda qiyin. Ammo oldindan tashvishlanmang.

Agar siz faqat bitta elementning kodini bilishingiz kerak bo'lsa, kursorni sichqoncha bilan uning ustiga olib boring va o'ng tugmasini bosing. Boshqa Chrome funksiyasini tanlang: “Element kodini ko‘rish”.

Masalan, rasm yoki dasturlash tilidan foydalangan holda logotip qanday yaratilgani meni qiziqtirishi mumkinmi? Axir siz CSS-dan foydalanib kvadrat chizishingiz mumkin. Ko'pgina mutaxassislar kodda iloji boricha ko'proq ma'lumot yozishni maslahat berishadi. Ular mashhur saytlarda qanday ishlaydi?

Endi kerakli ma'lumotlar paydo bo'ldi. tepada html, pastda CSS. Bu ikki til. Birinchisi matn komponenti uchun, ikkinchisi esa dizayn uchun javobgardir. Agar CSS bo'lmasa, har safar rang va shrift hajmini belgilashingiz kerak bo'ladi. Har bir sahifa uchun bu juda uzun. Ammo agar html bo'lmasa, bizda matnlar bo'lmaydi. Men buni taxminan tushuntirdim, lekin umuman olganda, bu shunday.

Aytgancha, bu erda qanday ishlashi bilan qiziqsangiz, quyidagi rasmga havolani ko'rishingiz mumkin. Mana sizning javobingiz.

Mozilla Firefox

Agar siz mastikada ishlashni yoqtirsangiz, unda hamma narsa xuddi shunday bo'ladi. Sahifani oching va sichqonchaning o'ng tugmachasini bosing. Agar siz butun kodni ko'rmoqchi bo'lsangiz, "Sahifa manba kodi".

Element ustiga kursorni olib kelsangiz, uning kodini ochishingiz mumkin.

Bu erda ma'lumotlar ekranning pastki qismida ko'rsatiladi, ammo aks holda hamma narsa bir xil bo'ladi.

Yandex brauzeri

Yandex brauzerida hamma narsa avvalgi ikkita variantda bo'lgani kabi bir xil, sahifani oching, o'ng tugmasini bosing, sahifa kodini ko'ring.

Agar biz uning kodini aniq bilmoqchi bo'lsak, kursorni element ustiga olib kelamiz.

Bu erda hamma narsa xuddi Chrome'da bo'lgani kabi ko'rsatiladi.

Opera

Va nihoyat, Opera.

Aytgancha, siz sichqonchani ishlatishingiz shart emasligini payqagandirsiz. Kodni ochish uchun tezkor klaviatura yorlig'i mavjud va u barcha brauzerlar uchun bir xil: CTRL+U.

Elementlar uchun: Ctrl+Shift+C.

Natija shunday ko'rinadi.

Bu yangi boshlanuvchilar uchun qiziqarli bo'ladi

Endi hamma narsa qanday ishlashiga qarang. Siz sayt topasiz va ba'zi elementni yoqtirasiz. Masalan, bu. Element kodini qanday ochishni allaqachon bilasiz.

Endi uni nusxalash.

dan foydalanaman, bu kodni yangi html faylga, tana tegiga (ingliz tilida tana) joylashtiraman.

Endi bularning barchasi brauzerda qanday ko'rinishini ko'rib chiqamiz.

Tayyor. Matn qirralarga tekislanishi va yashil rangga ega bo'lishi uchun siz ushbu hujjatga CSS-ni ulashingiz va biz uni nusxalagan saytdan boshqa kodni nusxalashingiz kerak.

Men buni endi qilmayman. Bu ko'proq vaqt talab qiladi: meniki ham, sizniki ham. O'ylaymanki, men keyingi nashrlarimda barcha tafsilotlarni tasvirlab beraman. Axborot byulleteniga obuna bo'ling va maqola paydo bo'lganda birinchi bo'lib xabardor bo'ling.

Agar siz bunga dosh berolmasangiz, lekin hozir html va CSS haqida ko'proq bilmoqchi bo'lsangiz, men sizga an'anaviy ravishda bepul o'quv kurslarini tavsiya qilishim mumkin.

Mana sizga html-ni o'zlashtirishga imkon beradigan 33 ta dars - "HTML bo'yicha bepul kurs" .

Va bu erda CSS haqida to'liq ma'lumot - "CSS bo'yicha bepul kurs (45 ta video dars!)" .

Endi siz biroz ko'proq narsani bilasiz. Ishlaringizda muvaffaqiyatlar tilayman. Yana ko'rishguncha!



Tegishli nashrlar