Teglar o'rtasida joylashgan matn<ВIG> yoki mos ravishda, ko'proq yoki kamroq standart bo'ladi.

Yuqori va pastki indekslar

Tegov bilan va Siz tovar belgilari, mualliflik huquqlari, havolalar va izohlarni yozish uchun zarur bo'lgan yuqori va pastki indekslarni o'rnatishingiz mumkin. Ushbu teglar sizga har qanday o'lchamdagi yuqori yoki pastki ko'rsatkichlarni yaratishga imkon beradi. Shunday qilib, ular atrofdagi matndan kamroq ko'rinadi, siz teglardan foydalanishingiz mumkin va dan shrift. Hajmi \u003d -1, bu shriftning o'lchamini kamaytiradi.

Atribut hajmi

Atribut o'lchami yorlig'i Ushbu sohadagi matn hajmini belgilashga imkon beradi. Agar siz tegdan foydalanmasangiz Butun sahifada ma'lum bir shrift hajmini belgilash uchun, standart qabul qilinadi 3. Ba'zi brauzerlar teg Qo'llab-quvvatlamang, shuning uchun uni faqat matn maydonida ishlatish maqsadga muvofiqdir. Boshqa holatlarda, teglardan foydalanish yaxshiroqdir<Н1>, <Н2>, <НЗ> va hokazo. Taganing asosiy afzalligi Bu harakat tugaganidan keyin, u yorliqni teglar sifatida buzmaydi<Нn>. Shuning uchun yorliq Chiziqning o'rtasida shrift hajmini o'zgartirish juda foydali.

Ro'yxatdan tur.

Agar siz o'zingizning sahifangizni yanada rang-barang qilib qo'ymoqchi bo'lsangiz, siz Rosting atributsiyasidan Fon yorlig'ida foydalanishingiz mumkin va keyin faqat cheklov foydalanuvchi kompyuteridagi rang palitrasi bo'ladi.

Ko'rgazma shaklini boshqarish, jadvalda ko'rsatilgan teglar ko'rsatilgan.

Ushbu teglar uyalar yoqishiga imkon beradi, shuning uchun ularning barchasi boshlang'ich va oxirzamonda. Bunday teglardan foydalanganda, ularning ko'rsatkichi foydalanuvchi interfeysi sozlamalariga bog'liqligini eslash kerak, bu gipertatektiv ishlab chiqaruvchisi sozlamalariga to'g'ri kelmasligi mumkin.

HTML-da ro'yxatlarni yaratish

Ro'yxatlar matnni tuzishning muhim vositasidir va barcha belgilar tillarida qo'llaniladi. NTML quyidagi ro'yxat turlarini o'z ichiga oladi: o'lchanmagan ro'yxat (tartibsiz ro'yxatlar) (noto'qimas ro'yxatlar)

), raqamlangan ro'yxat (buyurtma qilingan) (buyurtma ro'yxatlari)
) Va ta'riflar ro'yxati. O'lchov bo'lmagan va raqamlangan ro'yxatlar uchun teglar HTML asosidir. HTML 3.2 O'lchov bo'lmagan ro'yxatlar va raqamlardagi turli raqamlarni tanlash uchun turli xil markerlarni va turli raqamlarni tanlash uchun teglarni ro'yxatga olish uchun bir nechta atributlarni kiritadi. Siz bunday atributlar va ro'yxat yorliqlarini o'zlari yoqishingiz mumkin (ro'yxat elementlari)
1. ) Ro'yxatning o'rtasida marker turini o'zgartirish. Yangi atribut paydo bo'lganidan so'ng, ro'yxatdagi keyingi markirlar bir xil ko'rinishga ega bo'ladi.

   Tartibsiz ro'yxatlar - teg

   O'lchovsiz ro'yxat. O'lchov bo'lmagan ro'yxat matn turini yaratish uchun mo'ljallangan:

   • ro'yxatning birinchi elementi;
   • ro'yxatning ikkinchi qismi;
   • ro'yxatning uchinchi elementi.

   Qayd etilgan ushbu ro'yxat Ketma-ketlik shaklida:

   • ro'yxatning birinchi elementi
   • ro'yxatning ikkinchi qismi
   • uchinchi ro'yxat elementlari

   Teglar - bu o'lchanmagan ro'yxatning boshlanish va oxiri, teglar

2. (Ro'yxat elementlari) ro'yxat elementining yorlig'ini belgilaydi. Ushbu teglarga qo'shimcha ravishda, sizga ro'yxatlarni qo'ng'iroq qilish imkonini beradigan yorliq mavjud - (Sarlavha).

   Tafal bo'lmagan ro'yxatdagi markerlarning atributlari

   Xuddi shu markerlarni uyallashning turli darajalarida qo'llamaslik uchun siz shinalar atributlaridan foydalanishingiz mumkin. Siz har qanday marker turini ro'yxatning o'zboshimchalik bilan joylashuvida o'rnatishingiz mumkin. Siz hatto aralashishingiz mumkin turli xil turlar Bir xil ro'yxatdagi markerlar. Quyida standart belgilar atributlari bo'lgan quyidagi teglar:

   Yorliq birinchi darajaning standart darajalarida bo'lgani kabi, bu turdagi qattiq markerlarni yaratadi.
   Yorliq doira shaklida markerlarni yaratadi.
   Yorliq qattiq kvadrat belgilarni yaratadi.

   Buyurtma qilingan ro'yxatlar - teg

   Raqamlangan ro'yxatlar. Yorliq

   Tume \u003d HTML 3.2 bilan birgalikda nafaqat oddiy raqamlar, balki kichik harflar va katta harflar, shuningdek kichik va kapital Rim raqamlari yordamida raqamlangan ro'yxatlarni tuzishga imkon beradi. Agar kerak bo'lsa, siz ushbu raqamlash turlarini bitta ro'yxatga ko'chirishingiz mumkin:

   <ОL ТYРЕ=l> Yorliq 1-formatdagi raqamlash bilan ro'yxatni yaratadi, 2., 3. 4. va boshqalar.<ОL ТYРЕ=А> Tag A formatida raqamni raqamlash bilan ro'yxatni yaratadi., V., S., D. va boshqalar.

   Yorliq a formatida raqamlash bilan ro'yxatni yaratadi., B., P., D. va hokazo.<ОL ТYРЕ=I> Yorliq I., II formatidagi raqamni raqamlash bilan ro'yxatni yaratadi., III., IV. va hokazo.

   Ta'rif ro'yxati - teg

   Ro'yxat teglari (ta'riflar ro'yxati:

   ,

   ,

   ) Shartlar ro'yxatini va ularning ta'riflarini yaratish uchun foydalaning. Yorliq quyidagicha.

   Muddat

   Ta'rif

   Belgilangan atama bir xil chiziqda yozilgan va uning ta'rifi keyingi qismida, o'ng tomonda. Yorliq

   Sizga alohida paragraflarni raqamlash yoki markerlarsiz o'rnatishga imkon beradi. Belgi chap chekkadan qilingan. Agar sahifada bir nechta teglar bo'lsa

   Matn asta-sekin tobora ko'proq o'ng tomonga siljiydi. Ta'rif oxirida yopiq yorliqni joylashtiring

   . LT; DL yorlig'ini\u003e faqat paragrafning chap chegarasini siljiting.

   Gorizontal qoidalar - teg<НR>

   Horizontal boshqaruv (gorizontal qoida) hujjatni qismdan ajratish uchun ishlatiladi. Bitta yorliq yordamida<НR> Siz sahifani asl ko'rinishga ega bo'lishingiz mumkin. Yorliq bilan tajriba o'tkazishga harakat qiling<НR>Va siz odatda ishlatadigan narsalarga o'xshab chiziqlar olasiz.

   Formatlangan xulosa - yorliq<РRЕ>

   Ushbu yorliqdan foydalanish sizga "masalan," (formatlanmasdan), bir xil belgilar va satrlarning bir xil bo'lishiga imkon beradi.

   Ilova yorlig'i

   Teglar orasidagi matn vamiltillash. Ushbu teg faqat Netscape Navigator brauzeri tomonidan qo'llab-quvvatlanadi. Buni juda ehtiyotkorlik bilan ishlatish kerak.

   Saytda onlayn darsliklar

   HTML 4 darslik

   Teg idishi

   Teg idishi

   Bu hujjat bo'laklarini ajratib ko'rsatish uchun xizmat qiladigan blok darajasining elementi. Ushbu tanlovning maqsadi odatda uslublarni tayinlash orqali amalga oshiriladigan ushbu parcha parametrlarini boshqarish. Keling, misol keltiraylik:

   (Hujjat parchasi)

   Ushbu misolda HTML hujjati parchasi teglar bilan tavsiflanadi

   va

   Uning xususiyatlarini belgilash. Bunday holda, barchasi matn elementlari Tanlangan parda yashil (yashil) rangda namoyish etiladi. Analog yorlig'i

   Matn darajasi - bu element .

   Shuni yodda tutingki, alohida bo'laklarning uslub xususiyatlarini zudlik bilan tayinlash misolda amalga oshirilgan holda, hujjat tuzilishini va uni taqdim etish kontseptsiyasiga muvofiq foydalanish maqsadga muvofiq emas. Stol jadvallaridan foydalanish kerak, bu esa kitobning ikkinchi qismida muhokama qilinadi.

   Yorliq

   Teg idishi

   Brauzerni qidirish oynasining o'rtasida barcha elementlarning gorizontal ravishda tekislash uchun mo'ljallangan. Bu blok darajasiga ega va uni rejalashtirish kabi elementlarni markazlashtirish uchun ishlatish foydalidir, chunki ular tayinlash bilan bog'liq emas.

   Yengil \u003d markaziy teg

   .

   Aslida yorliq

   Bu keyingi yozuvning qisqa shakli:

   . Yorliqdan foydalanish Oldingi qismda ko'rsatilgan sabablarga ko'ra, u ham istalmagan.

   Har qanday veb-sahifada joylashgan elementlardan iborat va deyarli har doim DIS-ning blokning bloklanishi ularni joylashtirish uchun javobgardir. Albatta, teglar yordamida jadvallar jadval mavjud

   , ,

   Va hatto nizolar mavjud, bu tizimdan foydalanish yaxshiroq yoki jadvaldan foydalanish yaxshiroqdir. Biroq, haqiqatda siz hozirda stolning tartibi yordamida zamonaviy, ommabop va qulay saytlarga javob bermaysiz. Yaxshisi, u faqat maqsadlar yaratish uchun ishlatiladi - ya'ni stollarni yaratish uchun ishlatiladi, ammo saytning o'zi tarkibini shakllantirish uchun emas. Gap shundaki, saytning divning tartibi sizga CSS-ning to'plamlari to'plamini stollarga kiritish imkonini beradi. Bundan tashqari, jadval tizimining eng muhim noqulayligi shundaki, jadvalda brauzer tomonidan to'liq yuklanmaguncha, stol ekranda ko'rsatilmaydi. Agar butun sayt stolda amalga oshirilsa, u HTML sahifa kodi to'liq yuklanganidan keyingina displeyda paydo bo'ladi. Div yorlig'i va suzuvchi mulk Blok tizimining asosi yorliqdir Bu tarkib uchun idish. Boshqa idishlarda ham ichkarida bo'lishi mumkin . Div yorlig'idan foydalaning, bundan ham qiyin emas. Qoida tariqasida, saytning standart tuzilishi quyidagicha shakllanadi: asosiy idishni mavjud (Ko'pincha u frikper, konteyner, asosiy va hk, deb nomlangan klass beriladi). Ushbu idishda menyu bloklari, tarkib qismlari, Sidbar mavjud. Odatiy bo'lib, har bir yangi blok yangi liniyadan joylashgan. Qopchani chap yoki o'ng tomonda topish uchun (masalan, yon panelni o'ngga yo'naltirish uchun), suzish xususiyati ishlatiladi. Odatiy bo'lib, u "yo'q" qiymatga ega, ammo siz "chap" va "o'ng" qiymatlarini belgilashingiz mumkin. Ushbu mulkni ikkita blok bilan misolda ko'rib chiqing. Tarkib uchun blok Sagebaara uchun blok Ushbu kod quyidagi natijani beradi: Toza mulk Slavrat mulk nafaqat u yozilgan blokning o'zi, balki ushbu blokga amal qiladigan keyingi elementga ham mos kelishini hisobga olish muhimdir. Ya'ni, agar biz yuqorida tavsiflangan ikkita blokni qo'shsak, uni har qanday xususiyatga ishora qilmasdan, u yangi liniya bilan ishlamaydi, ammo ikkinchi blokning o'ng tomonida bo'ladi. Bunga yo'l qo'ymaslik uchun, DIVning bloklash tartibi aniq mulkdan foydalanadi, bu blokni yangi liniyadan tashkil qilmoqchi bo'lgan blok uchun ishlatamiz. Ko'pincha bu "ikkalasi" ga belgilanadi, lekin siz "chap" yoki "o'ng" yoki "o'ng" qadriyatlarini, agar biz blokni o'chirishni istasak, yangi satrUndan hizalanaman. Yuqoridagi misolni yangi element bilan to'ldiring: Tarkib uchun blok Sagebaara uchun blok Quyida joylashgan yangi blok Natijada: Bloklar tartibida Bloklarning joylashuviga qo'shimcha ravishda, bloklar orasida ham, ular ichida ham yozuvlarni qo'yish uchun muhimdir. Buning mos ravishda marjali va to'ldirish xususiyatlaridan foydalaniladi. Tarkiblar elementning yuqori, o'ng, pastki va chap qismlari uchun alohida belgilanadi. Ular to'rtta qiymatni ro'yxatlash orqali bitta satr bilan belgilanishi mumkin: Marj: 20px 10px 0 40px Bunday parametrlarga ega bo'lgan blok buyuk elementdan pastda joylashgan, to'satiq elementdan o'nta pikselda joylashgan bo'lib, chap tomonda 40 pikselning o'lchamiga ega bo'ladi. Agar xuddi shu ko'rsatkichlar to'ldirilgan mulkda ko'rsatilgan bo'lsa, u joylashgan blok bloklari bilan bog'liq tarkib uchun ichki ko'rsatkichlar bo'ladi. Siz, shuningdek, individual xususiyatlarni marjali-yuqori, marja-pastki, marja-o'ng tomonda (va shunga o'xshash plakding kabi) ishlatgan holda alohida xususiyatlarni ko'rsatishingiz mumkin. Bunday holda, agar ba'zi yuzlar ko'rsatilmagan bo'lsa, uning qismidan ajratish nolga teng bo'ladi yoki sahifada ko'rsatilgan bloklar uchun belgilangan CSS xususiyatlari bilan belgilanadi. Ushbu maqolada biz dotsrap panjaraning asosiy elementlari bilan tanishamiz, shuningdek, ushbu to'r elementlarini sayt tartibini ishlab chiqish uchun qanday qilib qo'llash kerakligini ko'rib chiqamiz. Dotstrrap 3 va 4 Mesh Tewement 3 va 4 TEVSning asosiy elementlari: proter konteynerlari - konteyner yoki.container-suyuqlik sinfi bo'lgan elementlar; qatorlar - sinf qatoriga ega element; adaptiv bloklar Bir yoki bir nechta Col sinflari bo'lgan elementlar. Xush kelibsiz konteyner - sahifa tartibini yaratish yoki mustaqil qismining ba'zi qismi boshlanadigan birinchi element. Uning asosiy maqsadi setlashning kengligini yarating. Bootstrrap 3 va 4 ta pasayish konteynerlari 2 turi. Birinchi (konteyner) yaratish uchun mo'ljallangan adoctive mahkamlangan makr va ikkinchi (konteynerli suyuqlik) - uchun adapik jihatdan kauchuk (moslashuvchan-moslashuvchan) tartib. Adapliligi belgilangan tartib Bu shartli doimiy kenglik borligi bilan tavsiflanadi, bu videokarta brauzerining bir qancha qiymatiga ega va boshqalarning bir qismida - boshqasi. Masalan, 3, 4 ta diapazonda (nazorat punktlari) aniqlanadi: XS (Odatiy), SM (Ko'rsatmalararo kengligi 768px), LG (VIDEPREPTEPX), LG (VIDEPREPREPX kengligi). Xush kelibsiz konteyner (Konteyner) tartibni o'rnatadi: xS dipzonida kengligi kengligi brauzeriga teng; sm Detu, 750px kengligi; mD Divanda, 970px kengligi; 1170px-ga teng bo'lgan LG cho'milishida. Bir xilning kengligi adaptiv kauchuk tartib Bu qat'iy qiymatiga ega emas, u har doim brauzerning kengligi kengligiga teng. Xush kelibsiz konteyner Kenglikni belgilashdan tashqari, tartibni sahifaning o'rtasiga yo'naltiradi va chap va o'ngga ichki dalalarni (plakging) 15px-ga o'rnatadi. To'ldir, shuningdek, idishlar, ammo dotsrp panjara qismining moslashuvchan bloklari uchun. Boottrap 3 ning asosiy rolidir sFO ning salbiy ko'rsatkichlarini chapga va o'ngga yarating 15px. Boostrrap 4-da nafaqat salbiy ko'rsatkichlarni o'rnatadi, balki flod konteyner funktsiyasini ham bajaradi. Ular. Agar a ushbu element O'rta olmang, keyin moslashuvchan bloklar umuman ular uchun xarakterli xatti-harakatlarga ega bo'lmaydi. "Qator" elementidan foydalanish printsipi juda oddiy, u doimo adaptiv bloklar uchun ota-ona sifatida harakat qilish kerak. Ular. Agar biron bir element (konteyner yoki moslashuvchan birlik) zarur bo'lsa adaptiv bloklardan foydalangan holda pozitsiya, ularni yaratishdan oldin birinchi raqamni o'rnatingva allaqachon bu bloklarda. Adaptiv blok - bu moslashuvchan kenglik mavjud bo'lgan element. Ular. Xuddi shu nuqtai nazardan uning kengligi bitta qiymatga ega va boshqa tomondan - boshqasi bo'lishi mumkin. Adaptiv blokning xatti-harakatlarini o'rnatish bir yoki bir nechta Col Class yordamida amalga oshiriladi. CLA sinflar sintaksisi: Col- (Breakpoint) - (raqami_cumors) (Breakpoint) tekshirish nuqtasibu eng kam kenglikdagi qarashlarni aniqlaydi, ulardan boshlanadi. Foydalanish uchun 3-moddalar to'rtta nazorat punktlari (XS, SM, MD va LG) va BottRrap 4 - beshta nazorat punktida (belgilarsiz, sm, MD, LG va XL). Nazorat nuqtalari kengligi boshlanadigan kenglik nuqtai nazarini ko'tarish tartibida keltirilgan. (Raqam_cumors) adaptiv blokning kengligiu bundan boshlanadi nazorat nuqtasi. Adaptiv blokning kengligi Soat 1 dan 12 gacha bo'lgan kootrap ustunlari (butun son) yordamida ko'rsatilgan doterstrap ustunlar (butun son) yordamida ko'rsatilgan. Bu raqamni aniqlaydi kengligining qaysi qismi, uning blokiga nisbatan ("qator" qator "). Adaptiv blokning minimal kengligi 1/12 (8,3%) va maksimal - 12/12 (100%). Masalan, Col-XS-6 Col-6 Col-3 Col-LG-2 sinfiga moslashtirish bloki (dotstrrap 3): xS qurilmasida, 6 ta boottip ustunligining kengligi bor, i.e. 50% (6/12 * 100%) "qator" elementining kengligi bilan bog'liq; sm qurilmasida 4 ta boottrap ustunliklari, I.E. 33,33% (4/12 * 100%) "qator" elementining kengligidan nisbiy; mD qurilmasida 3 ta dotsetrap ustuni, i.e. 25% (3/12 * 100%) "qator" elementining kengligi bilan bog'liq; lG qurilmasida 2 ta yuczrap ustunining kengligi bor, i.e. 16,67% (2/12 * 100%) "qator" elementining kengligi bilan bog'liq. Agar ba'zi tekshiruv punkti aniqlanmasa, unda ushbu sinfning harakati quyidagi boshqaruv ballariga aylanadi. Buning sababi CSS Bootstrap Media so'rovlarida minimal kenglik yordamida yaratilgan. Masalan, Col-XS-8 Col-MD-6 Col-MD-6 ga mos moslashuvchan blok (boottrap 3): ustida nazorat punkti XS va SM 8 boottipap ustunining kengligi bor, i.e. 66,7% (8/12 * 100%) "satr" elementining kengligiga nisbatan; mD va LG qurilmasida, 6 ta boottrap ustunligining kengligi, I.E. 50% (6/12 * 100%) "qator" elementining kengligidan nisbiy. Odatiy bo'lib, adaptiv bloklar 12 ta boottippi ustunining kengligi bor, I.E. 100%. Agar siz XS dan boshlanadigan biron bir turdagi blokingiz bo'lsa, uni ko'rsatib bo'lmaydi. Masalan, Col-MD-6 Col-LG-9 sinfiga ega moslashuvchan blok (boottrap 3): xS va SM boshqaruv nuqtasida, 12 ta boottippi ustunining kengligi bor, i.e. 100% (12/12 * 100%) "qator" elementining kengligi bilan bog'liq; mD qurilmasida 6 ta boottrap ustunliklari kengligi, i.e. 50% (6/12 * 100%) "qator" elementining kengligi bilan bog'liq; lG qurilmasida 9 ta boottrap ustunining kengligi bor, i.e. 75% (9/12 * 100%) "qator" elementining kengligi bilan bog'liq. Boottrap-da moslashuvchan bloklar joylashgan. DootStrap ustunlari bilan moslashuvchan bloklar 12 dan oshmasligi kerak. Birinchi satrda joylashtirilgan bloklar quyidagi qatorga o'tkaziladi va hokazolarga o'tkaziladi. Dotstrap 3 da tartibni yaratishda juda ko'p narsa bor muhim daqiqabu moslashuvchan bloklar bilan bog'liq har doim keyingi qatorga toqat qilmang. Adaptiv bloklarning bu xatti-harakati ular doiraning ushbu versiyasida suzayotganligi bilan izohlanadi (chapda: chapda). Masalan, ushbu izohda uchinchi moslashma birligi ikkinchi qatorda joylashgan emas, balki birinchi moslashuvchan blokka yopishadi: #1 #2 #3 Uni tuzatish uchun yangi liniya bilan boshlanishi kerak bo'lgan moslashuvchan bo'linmadan oldin zarur. #1 #2 #3 BootStrap to'r elementlaridan foydalangan holda tartibni yaratishning asosiy qoidalari Veb-sahifa tartibini yaratishning asosiy qadamlari: asosiy bo'limlar yarating (masalan: sarlavhani, asosiy, pastki,); har bir qismni o'rash uchun idish yaratish; "Satr" elementlari yordamida har bir jusning ichki qismini joylashtiring, uning "qator" elementlari; moslashuvchan bloklardan foydalangan holda har bir qator ichida kerakli tuzilishni yarating; adaptiv bloklardan, "qator" elementlaridan foydalangan holda belgilash kerak bo'lgan zarur moslashuvchan bloklar ichidagi joy; 5-bandni bajaring; 6 va 7-paragraflarni yaratilgan tartibning istalgan tuzilishiga etib borguncha amalga oshiring. Bunga misol sifatida, 3 va 4 ta botinkada joylashgan tartibni yarating. 3-boottrap-dagi tartib: Sarlavha. A1. A2. A3. A4. A5. A6. B1. B2. B3. B4. 4-dagi tartib 4: Sarlavha. A1. A2. A3. A4. A5. A6. B1. B2. B3. B4. Savolingizga javob topmadingizmi? Bu erga qarang Veb-mijozdagi fayllar bilan ishlashni kengaytirish Gmail pochtasini ulashda "Server POP3 orqali kirishdan voz kechdi"! 1 Windows 10-da boshlanmaydi