Internet Derazalar Android
Kengaytirmoq

HTML hujjatlarida satrlar, bo'shliqlar va jadvallarni ajratish. HTML kod formatlash, eritmaydigan joy va boshqa maxsus mikserlar (mnemonika) HTML yorlig'i uchun bo'shliq belgilaridan foydalanish

Yorliq

Yorliq yorliqni yorliqqa o'rnatadi. Bu qochish ketma-ketligidan foydalanishga o'xshash.

1 2 3 \\ t \\ t4
Ko'rsatiladi:
1 2 3 4

Tab uni kiritganda satr ko'rsatilgan masofada o'zboshimchalik bilan o'rnatilishi mumkin. Buning uchun Tabstops yorliq atributiga xizmat qiladi.

Yorliq standart HTML yorliq emas. Matnlarni bir tekis qilib formatlash uchun Flash oyn yorliqlariga qo'shildi.

Tag ...

Yorliq matnni formatlashning bunday xususiyatlari, dala, yrish-py va simli siljishlarning bunday xususiyatlari uchun javobgardir. U quyidagi sifatlarni o'rnatishi mumkin:

Chapmargin. Chapda o'lchamdagi o'lchamlarda. Analog - Tugmafiy Samolyotdagi mulk.

To'g'rimargin. O'ng maydonning ahamiyati, analogdagi qiymati qiymati - Tightmargin sinf matsentatining mulki.

Belgilash. Ochkodagi birinchi paragrafning belgisi. Matnformat klassining xususiyatlari orasida u egilmagan mulkka o'xshash.

Blokirovka.

Ochko paragrafining penalti nuqtalarda qoldirilgan. Analog - blokirindron mulk
STRFITFORATNI SSOSIY.

Etakchi. Ballardagi chiziqlar orasidagi masofa. Sinf matsentatining o'xshash xususiyatlari - etakchi.

Tabstops. Atribut qanday satrda ochilgan chiziqlar tartibda har bir yorliqni keltirib chiqaradi. Uning qiymati masofalar chiqadigan raqamlarning ro'yxati, agar 1, 2, 3, ... "tabgada, agar 1, 2, 3, ... P belgisi. Tabinks atributining analogi - bu matnli tabstoplarning mulki.


Pole.html \u003d qutbli \u003d qutbingiz \u003d qutb.mursile \u003d haqiqat;
Pole.htmltext \u003d "

0DIN TABR\u003e ikkita Tabar\u003e
Uch tabassiya\u003e

";

Yorliq standart HTML yorliq emas. Teglar yordamida matnni belgilash imkoniyatlari matn formatining xususiyatlarini qo'llashga o'xshash edi.

Tag ...

Yorliq O'zboshimchalik bilan matnli bo'laklarga nisbatan CSS-ning sinf uslubini qo'llash uchun mo'ljallangan.

Sinf nomi sinf atributlarida ko'rsatilgan.

Bu.creatextfield ("qutb", 0, 150, 150, 2000);
Pole.autosizatsiya \u003d qutb.boder \u003d qutb.mursile \u003d haqiqat;
// Qizil, yashil va ko'k matnni yaratadigan uchta diyor uslubini yarating
"Min Style": Matnfielel.styleheet \u003d Yangi Matnfeld.stylesheet ();
Var yashil_text: satr \u003d ".Gren (rang: # 00ff00)";
Var Red_Text: satr \u003d ".Red (rang: # FF0000)";
Var Moviy_Text: satr \u003d ".Bu (rang: # 0000ff)";
Style.Parsecsss (yashil_text + red_text + ko'k_text);
Pole.styleheet \u003d uslub;
// uslublar natijasida yaratilgan matnni ko'rsatish
Pole.text \u003d " 3Lon matn

Qizil matn

Ko'k matn ";

Bu orada farq bor e'lon qilingan HTML kodingiz va bu namoyish qilingan Brauzerda.

Qanday qilib biz ko'rganmiz teglar Kabi HTML<р> , shunchaki brauzerni o'qing (nima ekanligini bilish uchun) bir tur tarkib yozuvi), lekin ko'rsatma qilmang unda.

Shuningdek, biz qanday yozishni ko'rdik izohlar HTML-kodda ushbu sharhlarni brauzerda namoyish qilmasdan o'qishni kodiga yordam berish.

Yozma kodning boshqa turi, e'tiborga olinmagan Brauzer kosmos, Bu quyidagilarni o'z ichiga oladi:

  • qator o'tkazish;
  • bo'sh chiziqlar;
  • tablay (yoki belgilash).

Transfer satri

Rifters va bo'sh chiziqlar (bu simli portlar ketma-ketligi) HTML kodida e'tiborsiz qoldirmoq Brauzer. Ular faqat tashkil qiladi biri bo'sh joy.

Internetning boshlang'ich g'oyasi shundaki, u axborot almashinuvi orqali aloqa qilishingiz mumkin bo'lgan qo'shma makon bo'lishi kerak.

Haqiqiygacha kiritmoq Siz buyumni ishlatishingiz kerak
:

Eng yaxshi, hayot butunlay
oldindan aytib bo'lmaydigan

Jadval

Jadval - Bu yorliq tugmachasidan foydalanib olingan maxsus belgi. Odatda kursorni yorliqning keyingi qismiga o'tadi, ammo ba'zida ikki bo'shliqqa aylanadi.

Baribir, oddiy bo'shliq kabi, jadval invidmima. Shuningdek, u brauzer tomonidan e'tiborga olinmaydi:

Keling, ushbu matnli yorlig'iga hayron bo'laylik.

Agar siz bo'sh joy qo'shmoqchi bo'lsangiz oldin Qisqasi, siz CSS-dan foydalanishingiz kerak bo'ladi.

Agar siz HTML elementini yopmoqchi bo'lsangiz, unda siz avval barcha bolalar elementlarini yopishingiz kerak.

Yog'ochni formatlash

Kabi indrofar hTML elementlari bir-birlariga sarmoya kiritish mumkin, siz ergashishingiz kerak tartibular ochiq edi, chunki bu ular yopiq bo'lgan tartibga ta'sir qiladi.

Ushbu kod yozilgan biri satr.

HTML elementlari ochilgan tartibni kuzatish qiyinligi sababli HTML yozish tavsiya etiladi daraxt shakli:

Ushbu kod yozilgan biroz chiziqlar, ammo shunga qaramay, xuddi shunday ko'rsatiladi biri chiziq.

Daraxt shaklida formatlash imkon beradi ingichka O'ynash neves darajasi darajasi HTML kodingiz. Bu buni ko'rishni osonlashtiradi:

  • bu ajdod;
  • - ota-ona uchun va ;

  • va - bu qardoshlik Elementlar.

Uni o'qish uchun HTML yozing

Chayl, bo'sh satrlar, bo'sh joylar va qator o'tkazmalar kompyuter tomonidan tushiriladi va ularning barchasi aylanadi bitta bo'shliq.

HTML hujjati yozma va erkak tomonidan o'qiladi, ammo kompyuter shunchaki o'qiladi. Ushbu jadvallar, kamchiliklar va satr o'tkazmalarini hisobga olmasa, brauzer qanday o'qilishini va keyinchalik veb-sahifani namoyish etishiga ta'sir qilmaydi, siz hujjatingizni eng o'qiganingiz mumkin o'zi yo'l.

HTML formatlashiga tegishli aniq qoidalar mavjud emas, ammo aniqlanmagan kelishuvlar, ayniqsa:

  • ishlatmoq jadvalvizuallashtirishga yordam berish investitsiyalar HTML elementlari;
  • ochish va yopilish elementlarini oching alohida chiziqlar;
  • kichik harflarni bir qatorda yozing (yorliqlarni ochish va yopish).

Hujjat ekranda ko'rsatiladi, bo'sh joylar va bo'sh chiziqlar, yorliqlar bilan o'ralgan matndan tashqari saqlanmaydi Oldindan. (Oldindan formatlangan matn). Ya'ni, bo'sh joylarning ketma-ketligi, yorliqlar va bo'sh chiziqlar HTML faylidagi yagona bo'sh joyga teng. Boshqa tomondan, HTML faylidagi bo'shliq har qanday bo'sh joy yoki yangi (bo'sh) qatorlardan foydalanib tasvirlangan.

Muddat newlin. (Yangi liniya) satr oxiriga nazariy ravishda belgilash uchun ishlatiladigan. SGML satr (yozuv) boshlang'ich belgisi bilan boshlanishi kerakligini aniqlaydi (yangi lef, ASCII STRII TRIFIKA TARTIBI (LF, ASCII 13). Amaliyotda, HTML hujjatlari taqdim etilgan va uzatiladigan yangi telefon tizimlari bilan moslashtirilgan. Shuning uchun, HTML brauzerlari uchtadan bitirilgan uchta ajratish varaqlarini ajratish, faqat CR LF ketma-ketligini, faqat CR lf ketma-ketligini, faqat CR yoki faqat LF, dastlabki va oxirgi yozuv belgilarining xatolarini ajratish imkonini beradi.

Shunday qilib, siz matnni iplarga qanday ajratishingiz muhim emas, chunki satrning tarjimasi kosmosga teng. Ammo so'zni HTML-ga ikki qatorga ajratishingiz shart emasligini unutmang. Agar siz, masalan, IRNALIYA so'zini ikki qatorga bo'linsangiz, quyida ko'rsatilganidek:

Xalqaro

bu ifodalanadi

Xalqaro

Shunday qilib, hujjatning mantiqiy taqdimoti uchun siz bunday HTML yorliqlaridan foydalanishingiz kerak P. yoki Br.Satrning tarjima qilinishini ta'minlash.

Zo'rerlar odatda so'zlarni ikki qatorga almashtirishmaydi, bu so'zda defis mavjud bo'lgan hollar bundan mustasno. HTML 3.2-texnik xususiyatlari ushbu masala bo'yicha juda aniq emas va jadvalning bo'limini muhokama qilishda quyidagilar keltirilgan:

Ba'zi foydalanuvchilar uchun zarur bo'lishi mumkin, bu so'zni so'z ichidagi satrni tarjima qilish kerak. Bunday hollarda, bunga ishonch hosil qilish maqsadga muvofiqdir.

Qo'rqmoq chiziqning uzunligi sizning nazoratingiz chegarasidan tashqarida edi.. Bu sizning hujjatingizni ko'rayotgan odamlar tomonidan brauzer, kompyuter va inshootlarga bog'liq. Umuman olganda, satrning so'zlari orasidagi tarjimasining oldini olish uchun hech qanday vosita yo'q, lekin siz uzluksiz bo'sh joylardan foydalangan holda qator tarjimani ogohlantirishingizga harakat qilishingiz mumkin.

HTML yorliqlari bilan birgalikda qator tarjimani ishlatishga kelsak, ya'ni maxsus qoidalar:

  • Keyingi chiziqda navbatdagi satrning tarjimasi e'tiborga olinmaydi. Masalan, satrlar
  • Shunga o'xshab, oxirigacha satrning tarjimasi e'tiborga olinmaydi. Masalan, satrlar

Horizontal yorliq belgisi (HT) HTML hujjatida ishlatilishi mumkin. Lekin element ichida Oldindan. Tabal belgisi kosmosga teng bo'lgan maxsus talqinga ega va har qanday turdagi jadval haqida ma'lumot bermaydi. (Tantlangan ma'lumotlarni taqdim etish uchun, buyumdan foydalaning stol.) Bu deyarli yaxshi HTML kodini uchun tab belgilar qoching jumladan, va siz bir jadval holiga shaklida HTML hujjat manba kodni formatlashingiz kerak bo'lsa o'rniga bo'shliqlar tegishli sonini foydalaning.

Assalomu alaykum, aziz blog o'quvchilar soni! Hech bo'lmaganda ular o'zlarini tanishtirishga muvaffaq bo'lganlar, ehtimol, umumta'lim sharoitida eslab qolishgan. Shunday qilib, barcha HTML belgilar hujjat kodida ishlatilganligi haqida tasavvurga ega bo'ling.

Bugungi maqolada, biz u HTML-da joyni tashkil etishini aniqlashga harakat qilamiz, bu holatlar qulay idrok etish uchun kodning o'zi formatini formatlashda qo'llanilishi mumkin. Biz ajralmas joydan foydalanish kerak bo'lganda, boshqa maxsus ramzlar bilan tanishish (yoki ular deb nomlanganidek, mnemonika).

Aslida men turli xil maxsus belgilardan foydalanishni e'tiborsiz qoldirmaslikka maslahat beraman, chunki bu muhim tarkibiy qism, bu sizga giperekmatni belgilash tilini o'rganishni tugatishga imkon beradi. Umuman olganda, ushbu nashrda keltirilgan ma'lumotlar aniq bo'lmaydi. Xo'sh, endi ish.

HTML-da bo'sh joylar va ko'r belgilar

Avval siz muhim fikr bildirishingiz kerak. Kompyuter klaviaturasida matnni ajratishni amalga oshirishga imkon beradigan maxsus kalitlar mavjud (quyida bundan biroz ko'proq). Biroq, faqat keng maydon kaliti nafaqat muharrirda, balki brauzer oynasida ham uchraydi. Qator va chetidan burilishda nuanslar mavjud bo'lganda.

Ma'lumki, Webbruserdagi ba'zi elementlarning namoyishi teglar bilan belgilanadi. Matn formatlash uchun ma'lum bir narsa, u bloklangan. Ya'ni, uning mazmuni mavjud kenglik davrida joylashgan.

Ga pRESPRIK ISCINI O'RNATISH LOSINSiz amalga oshirilishi mumkin bo'lgan bitta br tegdan foydalanishingiz kerak. Aytaylik, biz matn muharririda yozadigan she'rlarning ba'zi satrlarini kiritishimiz kerakligini aytaylik:

Oyatlar satrlari to'g'ri joylashganligiga qaramay, pul o'tkazmalari kerakli joyda amalga oshiriladi, hamma narsa brauzerda farq qiladi:


Web Brauzer oynasida bir xil displeyga erishish uchun siz BR ro'yxatga olishingiz kerak:

Endi biz vazifani bajarganimizga va brauzerda tugaganga erishdik, she'riy chiziqlar to'liq to'g'ri ko'rinadi:

Shunday qilib, kerakli miqdordagi pul o'tkazmalari amalga oshiriladi. Bundan tashqari, shuni ta'kidlash kerakki, birma-bir qutilar birma-bir yuguradigan bir nechta xamirturush, vebbuger bitta kabi displeyni ko'rsatadi. Bunda siz bir xil muharrirga emas, balki ikkita so'zning orasidagi bir nechta bo'shliqlar va "Saqlash" tugmachasini bosish bilan ishonch hosil qilishingiz mumkin, natijada brauzerda ko'rib chiqing.

Kosmos, yorliq va qator uzatish

Aslida, ular bilan ko'r belgilar Biz darhol muharrirda ishlashni boshlashimiz va uni to'g'ri shaklda formatlashimiz kerak. Bunday vazifani bajarish uchun har biri globular belgisiga mos keladigan maxsus kalitlar mavjud:

  • Bo'sh joy kompyuter klaviaturasidagi eng keng kalit (yozuvsiz);
  • Yorliq - "Tab" va turli yo'nalishlarga yo'naltirilgan ikkita o'qlar chap tomonning kaliti;
  • Satr o'tkazish - "Kirish" tugmachasini bosing.

Biroq, yuqorida aytib o'tganimdek, oxirgi istalgan natija nafaqat matn muharririda, balki brauzerda ham, biz faqat birinchi kalitdan foydalanganda olamiz. Barcha uchta kalit (ipni, shu jumladan yorliq va satrni uzatish) HTML kodni formatlashda foydalangan holda, kod parchasi barcha bo'shliqlar mavjud bo'lganda, kod parchasi qanday ko'rinishga ega Ko'rsatilgan:


Biz bo'shliqlar uchun osonlikcha o'qish va tushunadigan kodni olamiz. Yorliq tugmachasini, CR va LF belgilaridan foydalanib, CR va LF belgilaridan foydalanib, to'q sariq o'qlar paydo bo'ldi.

Bir-biridan birini boshqa tomon yo'ldan ochish, ochilish va yopish teglari yaxshi ajratilgan. Ushbu shaklda ushbu kod xotirjam tahrirlanishi mumkin. Va endi uni bir xil kod bilan taqqoslang, unda matnning o'xshash bo'linmasi yo'q:

Xuddi shu tarzda, kosmik qahramonlardan foydalanib, CSS qoidalari, shuningdek, vizual ko'rinishga va javob berishni buyuradi:


Barcha uslublarni umumiy denominatorga olib borganingizdan so'ng, uslub faylini to'liq tahrirlash, Kodeksdagi barcha bo'shliqlarga duchor bo'lishingiz mumkin. Resursni targ'ib qilishda juda muhim, bu juda muhimdir.

Maxsus moollar (yoki mnemonika) HTML kodida

Endi biz maqola boshida aytib o'tgan maxsus belgilardan foydalanish kerakligini tahlil qilamiz. Ba'zan mnemonika deb ataladigan mnemonika deb ataladigan pulni gipermatnni belgilash tilida yuzaga kelgan uzoq vaqtdan beri kodlash muammosini hal qilish uchun joriy etilgan HTML maxsus modi.

Matnni klaviaturadan o'rnatganingizda, siz foydalanadigan til ramzlari kodlanadi. WebBwawner siz tanlagan shriftlardan foydalanib, siz tanlagan shriftlar yordamida siz tanlagan shriftlar yordamida namoyish etiladi.

Gap shundaki, shunga o'xshash ko'plab kodlar mavjud, endi biz ularni batafsil ajratish uchun hech qanday maqsad yo'q. Faqat har birida bitta yoki boshqa belgilar olinishi mumkin emas, ammo siz namoyish qilishingiz kerak. Aytaylik, bitta tirnoq yoki urg'u belgisini belgilash sabrsizdir va bu nishonlar to'plamda keng tarqalgan emas.

Ushbu muammoni bartaraf etish uchun maxsus ramz tizimi joriy qilingan, bu juda ko'p turli xil mnemonikalarni o'z ichiga oladi. Amperenddan boshlab "&" belgisi va vergul nuqtasi bilan tugaydi ". Avvaliga har bir maxsus aralashmasi uning raqamli kodiga to'g'ri keladi. Masalan, quyida keltirilgan ajralmas joy uchun bunday yozuv amal qiladi:

Ammo bir muncha vaqt o'tgach, eng keng tarqalgan belgilar xatni (mnemonika) eslab qolish osonroq bo'lgan. Masalan, bir xil ajralib turadigan bo'shliq uchun u quyidagicha ko'rinadi:

Natijada brauzer tegishli belgi ko'rsatilgan. Mnemonik ro'yxati juda katta, eng tez-tez ishlatiladigan HTML Maxsus Mix Siz quyida quyidagi jadvaldan aniqlashingiz mumkin:

belgi kod mnemonika tavsif
tekshiruvchi bo'shliq
tor bo'sh joy (harfdagi kenglik)
keng bo'shliq (M harfidagi eS-keng)
- tor dosh (en-Dash)
- keng tirish (em -bir)
­ - ­ yumshoq transfer
lekin ́ "Zarba" xatidan keyin urg'u
© © nusxa ko'chirish
® ® ® ro'yxatga olingan brend belgisi
brendning belgisi
º º º spear Marsa
ª ª ª oyna Venera
taklif qilmoq
π π π pi (yangi romandan foydalaning)
¦ ¦ ¦ vertikal nuqta
§ § § paragraf
° ° ° daraja
µ µ µ "Mikro" belgisi
paragraf belgisi
nuqta
ortiqcha
´ ´ ´ chiqish belgisi
raqam belgisi
🔍 🔍 Magna (chapda)
🔎 🔎 MUPA (o'ng tomonga egilgan)
arifmetik va matematik operatsiyalar belgilari
× × × ko'paytirmoq
÷ ÷ ÷ split
< < ozroq
> > > ko'proq
± ± ± ortiqcha / minus
¹ ¹ ¹ 1 darajasi.
² ² ² 1 daraja.
³ ³ ³ darajasi 3.
¬ ¬ ¬ rad qilish
¼ ¼ ¼ to'rtdan bir qismi
½ ½ ½ yarim
¾ ¾ ¾ uch chorak
fraksion belgi
minus
kam yoki teng
ko'proq yoki teng
taxminan (deyarli) teng
teng emas
bir xil
kvadrat ildiz (radikal)
cheksizlik
imzolash belgisi
ishning belgisi
qisman differentsial
integral
hammasi uchun (faqat jasur bo'lsa)
mavjud
bo'sh to'plam
Ø Ø Ø diametri
tegishli
tegishli emas
o'z ichiga oladi
sust
bu juda zo'r
subqi emas
subaqsiyoz
bu juda zo'r yoki teng
bir doira ichida
kugurda ko'paytirish belgisi
perpendikulyar
burchak
mantiqiy I.
mantiqiy yoki
kesib o'tish
uyushma
valyuta belgilari
Evro
¢ ¢ ¢ Tsent
£ £ £ Funt
¤ ¤t; ¤ Valyuta belgisi
¥ ¥ ¥ Jena va Yuan belgisi
ƒ ƒ ƒ Florin belgisi
markerlar
. oddiy marker
aylana
· · · o'rta nuqta
kesib o'tish
ikki tomonlama xoch
cho'qqilar
klublar
yurak
olmoslar
romb
qalam
qalam
qalam
qo'llamoq
tirnoq
" " " ikki karra tirnoq
& & & ampersand
« « « chap tipografik tirnoq (tirnoqli-Rojdestvo daraxti)
» » » o'ng tipografik tirnoq (qo'rquvdan iqtibos)
ochilishni hisoblash
yagona burchaklar narxi yopilish
shtrixe (daqiqa, oyoq)
ikki shtrix-kod (soniya, dyuym)
chap yuqori bitta tirnoq
o'ng yuqori bitta tirnoq
o'ng pastki bitta tirnoq
ayol oyoq
qaroq-oyoq o'ng qismi
to'g'ri pastki qism
bitta ingliz tilidagi iqtibos ochilishi
yolg'iz ingliz tilida iqtibos kelish
ikkita ingliz tilidagi tirnoq
ikkita ingliz tilini yoping
o'qlar
o'q chap
o'q
o'ng tomonda o'q
pastga o'q
chapda va o'ng
strelka yuqoriga va pastga
orqaga qaytish
ikki o'qi chap
ikki marta o'q
ikkita o'q
ikkita o'q
ikkita o'q chap va o'ng
ikkita o'q yuqoriga va pastga
uchburchak yuqoriga qarab
uchburchak pastga o'q
trianGulyar arrow o'ngga
triangulyar arrow chap
yulduzlar, qor parchalari
Kardan odam
Qor pardasi
Snowflaklari miltillaydi
Semiz sharda qor tomirlari
Sensorli yulduz
Yulduzning ko'payishi
Bo'yalgan doirada yulduzning oshishi
Yulduzli yulduz ichkarida
Aylanadigan yulduz
Tarqatilgan oq yulduz
O'rta olib qo'yilgan doiralar
O'rta o'lchamdagi aylana
Sextile (qor parda turi)
Sakkiz uchli aylanadigan yulduz
Sferik yakunlari bilan yulduz
Umumiy uchalasi bir tomchi yulduzsimon yulduzlar
O'n oltita yulduz
O'n ikki tomonli stacked yulduz
Umumiy sakkiz uchli to'g'rilangan yulduz
Oltita qovurilgan yulduz
Sakkizta tekis bo'yalgan yulduz
Sakkizta bo'yalgan yulduz
Sakkiz burchakli yulduz
Yulduzli markaz bilan yulduz
Yog'li yulduzlar
To'rtta ishlamasiz yulduz
To'rt yulduzli
Doira yulduz
Snowflake aylanada
soat, vaqt
Soat
Soat
Qum soat
Qum soat

Ba'zi maxsus belgilardan foydalanish holatlari, shu jumladan ajralmas joy va yumshoq uzatish holatlari

Agar siz stolni biroz o'rgangan bo'lsangiz, men yuqorida aytganim bilan tasdiqni oldim, u raqamli kodni () yoki uning harfi analogidan (mnemonik) ishlatib, bu erda panjara o'rniga yozilgan va raqamlar.

Endi ushbu kodlarni qo'llash kerakligini ko'rib chiqamiz. Ayting, maqolada siz ba'zi HTML yorlig'ini, masalan,

. Agar siz burchakli qavslarni klaviaturadan tersangiz (va bu xususiyat shunda), brauzer matnning oddiy qismi kabi emas, balki ochilish yorlig'i sifatida shunday dizayni oladi.

Shuning uchun, HTML mutaxassisligining jadvalidan biz tegishli kodlarni qabul qilamiz va butun kirish quyidagicha ko'rinadi:

Bundan tashqari, brauzerda namoyish etish amperandning belgisi emas va uning belgisi video

Siz uning kodini jadvaldan qo'shishingiz kerak:

Oyoq.

Keyin, mnemonit yozuvi brauzerda pastki yorliqni ko'rsatish uchun qo'llanilishi kerak. Biroz chalkash, lekin ushbu sahifada siz "yugurish" tugmachasini va "Natija" ning natijasini olish uchun "HTML" mnemonika maydonchasiga kirishingiz mumkin. Brauzer:


Esda tutingki, men allaqachon yuqorida qayd etilgan BR yorlig'idan foydalanib, belgilar bitta satrda emas, balki qulaylik uchun partiyaga ko'rsatilishi uchun matnli uzatmani ta'minladim.

Davom etishga ruxsat. Ba'zan matnda turli qatorlarga bo'linish uchun keraksiz kombinatsiyalar mavjud. Aytaylik "1000 rub." mantiqiy yoki ta'tilda bo'ladi yuqori satrYoki joy etishmasligi bilan, butun dizaynni quyidagi satrga o'tkazing.

Bu, ayniqsa, foydalanuvchilar turli xil ekran kengligi, shu jumladan mobil telefonlari bo'lgan asboblardan foydalansa, ayniqsa to'g'ri. Darhaqiqat, bu holda Webborezer matnni shakllantiradi va yangi sharoitlarga moslashtiradi. Agar monitorning standart o'lchamlari bo'lsa, matn to'g'ri ko'rinadi, so'ngra ular o'zgarganda hamma narsa o'zgarishi mumkin.

Ushbu holatlar uchun taqdim etilgan perfled HTML makonMen eslatmadim. Sizga shuni eslatma, bu holda kosmik kod:

Va siz sherik qilmoqchi bo'lgan ikkita belgi to'plami orasiga kiritilishi kerak:

1000 rub.

Endi brauzer ularni to'g'ri ekish uchun talab qilinsa ham, ularni hech qanday tarzda baham ko'rmaydi.

Shuningdek, u juda uzoq so'z erkin makonda joylashtirilmagan va uni o'tkazmaslik kerak bo'lgan vaziyat ro'y beradi. Qanday qilib pul o'tkazmasini oldindan belgilab qo'yish mumkin yangi satr Ushbu holatda? Buning uchun maxsus yumshoq jihozlar - so'zni buzishi kerak bo'lgan joyga joylashtirilishi kerak:

Uzoq vaqt davomida qariyalar

Agar so'z o'tkazilishi kerak bo'lgan vaziyat bo'lsa, unda pul o'tkazmasi belgisi paydo bo'ladi va ushbu so'zning qolgan qismi keyingi qatordan past bo'ladi.

Biroq, yana bir ish, shu jumladan bu biznes, shu jumladan, amalda ajralib turadigan va yumshoq transferga misollar, shu jumladan odamni amalda kuzatib borish foydali bo'ladi:


Ushbu muharrir oynasida siz "Natija" ni ko'rish, sichqonchaning chap tugmachasini va uni chiqarmasdan, kengligini kamaytirish uchun chapga torting. Shunda haqiqiy vaziyat brauzer tarkibni to'g'ri displeyi uchun o'zgartira boshlaganda paydo bo'ladi.

Va uzatish men tavsiflangan misollarda keltirilgan. Biroq, siz o'zingiz ko'rishni derazani uni uni toraytirishni kengaytirib, vizual ravishda ishonch hosil qiling.

Salom, aziz blogi o'quvchilari veb-sayti. Biroz oldin biz allaqachon dizayn haqida ham bilib olganliklari haqida gaplashdik. Bugungi kunda HTML-dagi bo'shliqning o'z navbatida bo'shliqning kontseptsiyasiga ega va u bilan kodni yozishda kodni formatlash bilan bog'liq (keyingi o'qish va idrokning qulayligi).

Xo'sh, biz ajralmas bo'shliq va yumshoq uzatish mavzusiga e'tiborga olishimiz sababli, HTML tilida ishlatiladigan maxsus aralashmalar yoki mnemonikalarga e'tiborimizni ta'kidlaymiz, bu sizga a qo'shishga imkon beradi Yuqorida aytib o'tilgan ko'rinadigan veb-kod uchun qo'shimcha belgilar. Ammo birinchi navbatda.

HTML-da bo'sh joylar va ko'r belgilar

Maxsus dizaynlangan teglar (paragraf, sarlavhalar va boshqalar) yordamida matn formatlash chiqarilishiga o'tishdan oldin, men HTML tilidagi, bo'sh joylar, satrlar va jadvalda bo'lish kerak hajmini o'zgartirishda brauzer oynasi.

Ushbu turdagi vizual formatlash uchun haqiqiy (veb-sahifada ko'rinmaydigan) ko'pincha bo'shliqlardan, ya'ni qatorlar va qator uzatish belgilarini ishlatadi. Bunday qoida bor - siz yozishni boshlaganingizda HTML yorlig'iT. yorliqlarni yorliq qiling (Klaviaturada yorliq tugmachasi) va bu teg o'chirilganda, so'ngra (klaviaturada klaviatura yorlig'i) ni olib tashlang.

Buni ochish va yopilish teglari bir vertikal darajada bo'lishi uchun qilish kerak (masalan, HTML muharriringizning o'ng chetidagi tartibda, masalan, men yozgan notepad ++ to'plamlari bo'yicha). Bundan tashqari, men bir nechta qator portlarni yaratish uchun ochilish elementini yozganingizdan so'ng darhol sizga maslahat beraman va darhol uni bajarishni unutmang, shuning uchun darhol ro'yxatdan o'ting.

Ular. Ochilish va yopish elementlari vertikal darajada turishi kerak va ichki teglar yorliqning bitta tabga o'tishi va biz yana yopilib, yana ochamiz.

Oddiy veb-hujjatlar uchun bu haddan tashqari ko'rinishi mumkin, ammo ko'proq yoki kamroq kompleks yaratishda ular kod yanada ko'proq vizual bo'ladi Va bo'sh joylarning ko'pligi tufayli o'qilishi kerak, shuningdek, unda teglarning nosimmetrik joylashuvi tufayli xatolarni sezish ancha oson bo'ladi.

Maxsus mikserlar yoki html kodida mnemonika

Shunday qilib, endi chaqirilganlar haqida gaplashaylik maxsus belgilar, ushbu modda boshida men e'lon qilgan narsamdan foydalanish qulayligi. Maxsus aralashmalar ba'zan mnemonika yoki almashtirish deb ataladi. Ular ishlatilgan kodlash bilan bog'liq bo'lgan gipermatnni belgilash tilida ancha vaqtni hal qilishga mo'ljallangan.

Matnni klaviaturadan yozganingizda, bu sizning tilingizdagi belgilarni oldindan belgilangan algoritm bilan kodlaydi, so'ngra siz foydalanadigan shriftlardan foydalanib, ular saytda ko'rsatiladi (qaerda joylashtirish va qanday qilib joyni topish va qanday qilib o'rnatilishi kerak).

Kodlash juda ko'p, lekin HTML tilida kodlashning kengaytirilgan versiyasi sukut bo'yicha qabul qilingan.

Ushbu matn kodlashida atigi 256 belgidan iborat - ASCII-dan 128 ta va rus tilidagi harflar uchun yana 128 ta yozish mumkin edi. Natijada, ASCIIga kiritilmagan saytlardagi belgilar yordamida muammolar paydo bo'ldi va bir qismi bo'lgan rus tilining harflari emas windows kodlashi 1251 (CP1251). Xo'sh, ular tilda yoki apostrofishdan foydalanishga qaror qilishdi va imkoniyatlar dastlab hTML tili Kodlash yotmaydi.

Bunday holatlar uchun almashtirishlar ixtiro qilingan yoki boshqacha qilib aytganda, mnemonika. Dastlab maxsus aralashmalar raqamli rekord turiga ega ediAmmo keyin ularning ko'p uchraqasi uchun ularning harflari ularning yodgorliklari uchun soddalashtirilgan.

Umumiy tushunchada mnemonika - bu amperand va "va vergul bilan bir nuqta bilan tugaydi". Bu ushbu belgilarda qachon brauzer hTML tahlil qilish Kodeksi shuni ta'kidlaydi. Raqamli almashtirish kodi bilan darhol amperandning orqasida "#" panjara belgisi, bu ba'zan xash deb atash kerak. Va keyin raqamli kod kerakli belgisi Kododse-da.

Unicode-da siz 60 mingdan ortiq belgilar yozishingiz mumkin - asosiysi - bu sizning saytingizda ishlatiladigan shrift tomonidan qo'llab-quvvatlanish kerak. Deyarli barcha UNICOD kodlash belgilarini qo'llab-quvvatlash uchun shriftlar mavjud va faqat ma'lum belgilar to'plami bilan variantlar mavjud.

Mutaxassislarning to'liq ro'yxati juda katta, ammo ko'pincha ishlatiladigan mnemonika Siz bundan, masalan, ushbu jadvaldan olishingiz mumkin:

KimomoovHTML kodO'nlik
Kod
Tavsif
tekshiruvchi bo'shliq
tor bo'sh joy (harfdagi kenglik)
keng bo'shliq (M harfidagi eS-keng)
- tor dosh (en-Dash)
- keng tirish (em -bir)
­ - ­ yumshoq transfer
lekin ́ "Zarba" xatidan keyin urg'u
© © nusxa ko'chirish
® ® ® ro'yxatga olingan brend belgisi
brendning belgisi
º º º spear Marsa
ª ª ª oyna Venera
taklif qilmoq
π π π pi (FAQAT YANGI YANGI. Roman)
¦ ¦ ¦ vertikal nuqta
§ § § paragraf
° ° ° daraja
µ µ µ "Mikro" belgisi
paragraf belgisi
nuqta
ortiqcha
´ ´ ´ chiqish belgisi
raqam belgisi
🔍 🔍 Magna (chapda)
🔎 🔎 MUPA (o'ng tomonga egilgan)
arifmetik va matematik operatsiyalar belgilari
× × × ko'paytirmoq
÷ ÷ ÷ split
< < ozroq
> > > ko'proq
± ± ± ortiqcha / minus
¹ ¹ ¹ 1 darajasi.
² ² ² 1 daraja.
³ ³ ³ darajasi 3.
¬ ¬ ¬ rad qilish
¼ ¼ ¼ to'rtdan bir qismi
½ ½ ½ yarim
¾ ¾ ¾ uch chorak
fraksion belgi
minus
kam yoki teng
ko'proq yoki teng
taxminan (deyarli) teng
teng emas
bir xil
kvadrat ildiz (radikal)
cheksizlik
imzolash belgisi
ishning belgisi
qisman differentsial
integral
hammasi uchun (faqat jasur bo'lsa)
mavjud
bo'sh to'plam
Ø Ø Ø diametri
tegishli
tegishli emas
o'z ichiga oladi
sust
bu juda zo'r
subqi emas
subaqsiyoz
bu juda zo'r yoki teng
bir doira ichida
kugurda ko'paytirish belgisi
perpendikulyar
burchak
mantiqiy I.
mantiqiy yoki
kesib o'tish
uyushma
valyuta belgilari
Rubl. Rubl belgisi raqamdan katlama bilan ishlatilishi kerak. Unicode 7.0 standart. Agar siz rasmni ko'rmasangiz, Unicode shriftlaringizni yangilang.
Evro
¢ ¢ ¢ Tsent
£ £ £ Funt
¤ ¤ ¤ Valyuta belgisi
¥ ¥ ¥ Jena va Yuan belgisi
ƒ ƒ ƒ Florin belgisi
markerlar
. oddiy marker
aylana
· · · o'rta nuqta
kesib o'tish
ikki tomonlama xoch
cho'qqilar
klublar
yurak
olmoslar
romb
qalam
qalam
qalam
qo'llamoq
tirnoq
" " " ikki karra tirnoq
& & & ampersand
« « « chap tipografik tirnoq (tirnoqli-Rojdestvo daraxti)
» » » o'ng tipografik tirnoq (qo'rquvdan iqtibos)
ochilishni hisoblash
yagona burchaklar narxi yopilish
shtrixe (daqiqa, oyoq)
ikki shtrix-kod (soniya, dyuym)
chap yuqori bitta tirnoq
o'ng yuqori bitta tirnoq
o'ng pastki bitta tirnoq
ayol oyoq
qaroq-oyoq o'ng qismi
to'g'ri pastki qism
bitta ingliz tilidagi iqtibos ochilishi
yolg'iz ingliz tilida iqtibos kelish
ikkita ingliz tilidagi tirnoq
ikkita ingliz tilini yoping
o'qlar
o'q chap
o'q
o'ng tomonda o'q
pastga o'q
chapda va o'ng
strelka yuqoriga va pastga
orqaga qaytish
ikki o'qi chap
ikki marta o'q
ikkita o'q
ikkita o'q
ikkita o'q chap va o'ng
ikkita o'q yuqoriga va pastga
uchburchak yuqoriga qarab
uchburchak pastga o'q
trianGulyar arrow o'ngga
triangulyar arrow chap
yulduzlar, qor parchalari
Kardan odam
Qor pardasi
Snowflaklari miltillaydi
Semiz sharda qor tomirlari
Sensorli yulduz
Yulduzning ko'payishi
Bo'yalgan doirada yulduzning oshishi
Yulduzli yulduz ichkarida
Aylanadigan yulduz
Tarqatilgan oq yulduz
O'rta olib qo'yilgan doiralar
O'rta o'lchamdagi aylana
Sextile (qor parda turi)
Sakkiz uchli aylanadigan yulduz
Sferik yakunlari bilan yulduz
Umumiy uchalasi bir tomchi yulduzsimon yulduzlar
O'n oltita yulduz
O'n ikki tomonli stacked yulduz
Umumiy sakkiz uchli to'g'rilangan yulduz
Oltita qovurilgan yulduz
Sakkizta tekis bo'yalgan yulduz
Sakkizta bo'yalgan yulduz
Sakkiz burchakli yulduz
Yulduzli markaz bilan yulduz
Yog'li yulduzlar
To'rtta ishlamasiz yulduz
To'rt yulduzli
Doira yulduz
Snowflake aylanada
soat, vaqt
Soat
Soat
Qum soat
Qum soat

Juda qiziq kvitantsiya usuli hTML kod Mnemonik Sizga kerak bo'lgan belgi uchun. Buning uchun uni ochish uchun etarli bo'ladi microsoft muharriri So'z, yaratish yangi hujjat Yuqoridagi menyudan "kiritish" dan tanlang - "belgi" (men 2003 versiyasini ishlataman, shuning uchun men keyinchalik versiyada qanday ishlashni bilmayman).

Ochilgan derazada siz shriftni, masalan, yangi Roman (yoki boshqa kompyuterlarga tashrif buyuruvchilarning ko'pgina kompyuterlariga qanday tashrif buyurishni biladigan, masalan, kurer yoki arifadan foydalanishni biladigan).

Listing ro'yxatidan o'zingizga qo'shing hujjat so'zi. Sizga kerak bo'lgan barcha mutaxassislarni veb-sahifada saqlash va saqlash uchun ".html" o'chirish ro'yxatidan tanlanadi. Xo'sh, keyin siz ushbu veb-sahifani har qanday joyda ochasiz HTML muharriri (Xuddi shu notepad ++ mos keladi) va siz kerakli mnemonitning barcha raqamli kodlarini ko'rasiz:

Usul bir oz murakkab, ammo agar u sizning saytingiz sahifasida ba'zi noyob maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus maxsus, bir oz yuqoriroq va bir oz yuqoriroq deb bilish osonlashadi. Siz kerakli joyga kiritish uchun maxsus kod kodini kiritishingiz kerak (masalan, brauzer) sizga kerakli belgidan (masalan, mavjud bo'sh joy) ko'rsatadi.

Ko'rsatilgan bo'shliq va misollar ichida yumshoq uzatish

Yuqorida aytib o'tganimdek va maxsus maxsus ramzlarning yuqori ramzlari, ba'zi mnemonikalardan qanday qilib HTML-dagi ba'zi mnemonikalarni sodda xotirlash uchun raqamli ramziy belgi olish uchun. Ular. "#" (Hash) ning belgisi o'rniga so'zlar ramziy versiyalarda qo'llaniladi. Masalan, bir xil integratsiyalashgan bo'shliqni (raqamli mnemonika) yoki (ramziy) sifatida qayd etish mumkin.

Maqolalar yozayotganda, agar siz Ampersand (&) belgisini yoki ochilish burchakli qavsni hujjatning matniga kiritishingiz kerak (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Agar siz matnni kiritishingiz kerak bo'lsa, masalan, tegni ko'rsatish kerak< body> Yoki siz shunchaki kichik belgi qo'yishingiz kerak (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Shuning uchun siz bunday vazifani hal qilish uchun quyidagi dizaynni kiritishingiz kerak:

Xuddi shu narsa mnemonikning kodlari nomi uchun qo'llaniladi, chunki ular amperandidan boshlanadi. Siz matnga kodni almashtirish uchun almashtirish (mutaxassis) almashtirish bilan matnga kiritishingiz kerak bo'ladi:

Sahifani olish uchun qilish kerak<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Siz veb-sahifada oddiy joylarga o'xshab, shubhasiz, shubhasiz bo'sh joydan foydalanasiz, ammo brauzer uni umuman ochko sifatida sezmaydi va pul o'tkazmasini amalga oshirmaydi (Masalan, 1400 Gb ga qadar bunday iboralar uchun mos keladi va hokazo, bu boshqa qatorlar tomonidan o'tkazilishini istamaydi):

1400 Gb

Ba'zida matnda uzoq so'zlar bo'lganida, teskari vaziyat bo'lishi mumkin va men buni brauzer kerak bo'lganda buni amalga oshirmoqchiman uni transfer orqali buzishi mumkin. Bunday maqsadlar uchun maxsus "yumshoq transfer" mavjud -

Uzunlikdagi kinline & Shynox;

Agar siz boshqa chiziqqa o'tishingiz kerak bo'lsa, mnemonik yumshoq transfer o'rniga brauzer, defilni qo'yadi va so'zning qolgan qismini keyingi satrga yuboradi. Agar butun so'zni bitta qatorga joylashtirish uchun etarli joy bo'lsa, unda chiziq chizish uchun brauzer bo'lmaydi. Bu juda oddiy.

Omad sizga! Blog sahifalaridagi noaniq uchrashuvlarga

Sizni qiziqtirishi mumkin

Mailto - Elektron pochta xabarini yuborish uchun u qanday va qanday aloqa qilish kerak?
H1-H6 sarlavhasi, HR gorizontal liniya, HRML 4.01-xabariga ko'ra, RR va PS.
HTML havolasi va rasmni qanday kiritish kerak (foto) - IMG va teglar
HTML gipertekmatning tamoyilligi tili va W3C tekshiruvchisidagi barcha teglar ro'yxatini qanday ko'rish mumkin?
Shrift teglari (yuz, o'lcham va ranglar), blokirovka va oldindan eskirgan matn formatlash (CSS-dan foydalanmasdan)
Ranglar HTML va CSS kodida o'rnatilganligi sababli, jadvallarda RGB soyalarini tanlash, Yandex va boshqa dasturlarni berish
HTML-koddagi sharhlar va dipype ko'rsatmalar, shuningdek blok va kichik harflar (teglar) kontseptsiyasi
HTML kodi - ul, OL, Li va DL teglari ro'yxati