teg

Teg matndagi yorliq belgisini belgilaydi. Bu /t qochish ketma-ketligini ishlatishga o'xshaydi.

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

Yorliq belgisi kiritilganda chiziq siljiydigan masofa o'zboshimchalik bilan o'rnatilishi mumkin. Buning uchun tegning TABSTOPS atributidan foydalaniladi.

Teg standart HTML teg emas. Matnni izchil formatlashda yordam berish uchun u Flash belgilash teglariga qo'shildi.

Teg...

Teg chekkalar, chekinishlar va satrlarni siljitish kabi matn formatlash xususiyatlari uchun javobgardir. Unda quyidagi atributlarni ko'rsatish mumkin:

CHAP MARJIN. Chap chekka o'lchami nuqtalarda. Analog TextFormat sinfining chap chegarasi xususiyatidir.

O‘ng chegara. Nuqtalardagi o'ng chegaraning qiymati.Analog - TextFormat sinfining o'ng marja xossasi.

INDENT. Abzatsning birinchi qatorini nuqta bilan cheklang. TextFormat sinfining xossalari orasida u indent xususiyatiga o'xshaydi.

BLOCKINDENT.

Matn paragrafining chap tomonidagi nuqtalarda chekinishi. Analog - blockIndent xususiyati
TextFormat sinfi.

Etakchi. Nuqtalardagi chiziqlar orasidagi masofa. TextFormat sinfining shunga o'xshash xususiyati etakchi hisoblanadi.

TABSTOPS. Atribut ketma-ketlikdagi har bir yorliq belgisi nuqtalarda qanday chiziq ofsetiga olib kelishini belgilaydi. Uning qiymati qatorga 1, 2, 3, ... n yorliq belgilari yozilsa, chiziq oynaga o'tish masofalarini ko'rsatadigan raqamlar ro'yxatidir. TABSTOPS atributining analogi TextFormat sinfining tabStops xususiyatidir.

pole.html=pole.border=pole.multiline=true;
pole.htmlText="

0din tabR> Ikki tabR>
Uch tabar>

";

Teg standart HTML teg emas. Teglar yordamida matnni belgilash qobiliyati Text Format sinfining xususiyatlaridan foydalanishga o'xshash bo'lishi uchun kiritilgan.

Teg...

teg sinfni qo'llash uchun mo'ljallangan CSS uslubi ixtiyoriy matn fragmentiga nisbatan.

Sinf nomi uning CLASS atributida ko'rsatilgan.

This.createTextField("qutb", 0, 150, 150, 200, 90);
pole.autoSize = pole.border=pole.multiline=true;
// Qizil, yashil va ko'k matnni belgilovchi uchta sinf uslubi yarating
var style:TextField.Stylesheet = new TextField.Stylesheet();
var green_text:String = ".GREEN (rang:#00FF00)";
var red_text:String = ".RED (rang:#FF0000)";
var blue_text:String = ".BLUE (rang:#0000FF)";
style.parseCSS(yashil_matn+qizil_matn+koʻk_matn);
pole.styleSheet=style;
// Matnni yaratilgan uslublar bilan ko'rsatish
pole.text = " 3 yashil matn

Qizil matn
Moviy matn ";

Salom, aziz blog o'quvchilari. Biroz oldin, biz bu haqda gaplashishga muvaffaq bo'ldik va undagi dizayn haqida ham bilib oldik. Bugun biz o'z navbatida HTML-da oq bo'shliq tushunchasiga egamiz, shuningdek uni yozishda tegishli kod formatlash (keyinchalik o'qish va idrok etish qulayligi uchun).

Xo'sh, biz uzilmaydigan bo'shliq va yumshoq defislash mavzusiga to'xtaladigan bo'lsak, biz e'tiborimizni Html tilida ishlatiladigan maxsus belgilar yoki mnemonikaga qaratishimiz kerak, bu sizga qo'shish imkonini beradi. kodga veb-hujjat yuqorida aytib o'tilgan kabi ko'plab qo'shimcha belgilar. Lekin birinchi narsa.

HTML-dagi bo'shliqlar va bo'shliqlar

Buning uchun maxsus mo'ljallangan teglar (paragraf, sarlavhalar va boshqalar) yordamida matnni formatlash masalasiga o'tishdan oldin, HTML tilida bo'shliqlar, qatorlar (Enter) va jadvallar qanday talqin qilinishi, qanday qilib buzish haqida to'xtalib o'tmoqchiman. matn hajmi o'zgartirilganda brauzer oynasida amalga oshiriladi.

To'g'ri, bunday vizual formatlash uchun (bu veb-sahifada ko'rinmaydi) ko'pincha bo'shliqlarning o'zi emas, balki yorliq va satrlarni ajratish belgilaridan foydalaniladi. Bunday qoida bor - siz uyali yozishni boshlaganingizda HTML teg, Bu yorliqlar yordamida chekinish(Klaviaturadagi Tab tugmasi) va ushbu tegni yopganingizda, chekinishni olib tashlang (klaviaturadagi Shift+Tab tugmalar birikmasi).

Buni ochish va yopish teglari bir xil vertikal darajada bo'lishi uchun qilish kerak (Html ​​muharriringizdagi sahifaning o'ng chetidan bir xil miqdordagi yorliqlarda, masalan, men yozgan Notepad++). Bunga qo'shimcha ravishda, men sizga ochilish elementini yozgandan so'ng darhol bir nechta qator tanaffuslarini qilishni maslahat beraman va keyinroq buni qilishni unutmaslik uchun darhol bir xil darajada (yorliqlar soni) yopishni yozing.

Bular. ochilish va yopish elementlari vertikal ravishda bir xil darajada bo'lishi kerak va ichki teglar bir yorliq belgisi bilan siljitilishi va yopish va ochish elementlari yana bir xil darajada joylashtirilishi kerak.

Oddiy veb-hujjatlar uchun bu ortiqcha bo'lib tuyulishi mumkin, lekin ko'proq yoki kamroq murakkablarini yaratishda ular kod yanada aniqroq bo'ladi va bo'shliqlar ko'pligi tufayli o'qilishi mumkin, shuningdek teglarning nosimmetrik joylashuvi tufayli xatolarni aniqlash ancha oson bo'ladi.

HTML kodidagi maxsus belgilar yoki mnemonikalar

Shunday qilib, endi men ushbu maqolaning boshida e'lon qilgan foydalanish qulayligi haqida maxsus belgilar deb ataladigan narsalar haqida gapiraylik. Maxsus belgilar ba'zan mnemonika yoki almashtirish deb ham ataladi. Ular gipermatnni belgilash tilida uzoq vaqt davomida paydo bo'lgan, ishlatiladigan kodlashlar bilan bog'liq muammolarni hal qilish uchun mo'ljallangan.

Klaviaturada matn yozganingizda, tilingizning belgilari oldindan belgilangan algoritm bo'yicha kodlanadi va keyin ular dekodlash tufayli siz foydalanadigan shriftlar (sayt uchun qaerdan topish va qanday o'rnatish) yordamida saytda ko'rsatiladi.

Kodlashlar juda ko'p, ammo Html tili uchun kodlashning kengaytirilgan versiyasi sukut bo'yicha qabul qilingan.

Ushbu matn kodlashda faqat 256 ta belgi yozish mumkin edi - ASCII dan 128 ta va rus harflari uchun yana 128 ta belgi. Natijada, saytlarda ASCII-ga kiritilmagan va rus harflari tarkibiga kirmagan belgilardan foydalanish bilan bog'liq muammo yuzaga keldi. Windows kodlashlari 1251 (CP1251). Xo'sh, siz tilda yoki apostrofdan foydalanishga qaror qildingiz, lekin bunday imkoniyatlar dastlab ishlatilgan. HTML tili kodlash kiritilmagan.

Aynan shunday holatlar uchun almashtirishlar yoki boshqacha aytganda, mnemonika ixtiro qilingan. Dastlab maxsus belgilar raqamli shaklga ega edi, lekin keyin eng keng tarqalganlari uchun eslab qolishni osonlashtirish uchun ularning harflari qo'shildi.

Umuman olganda, mnemonika bu “&” belgisi bilan boshlanib, “;” nuqtali vergul bilan tugaydigan belgi. Ana shu xususiyatlarga asoslanib, brauzer HTML kodini tahlil qilishda undan maxsus belgilarni ajratib oladi. Raqamli joker koddagi ampersanddan keyin darhol funt belgisi "#" bo'lishi kerak, ba'zan esa xesh deb ataladi. Va shundan keyingina Unicode kodlashda kerakli belgining raqamli kodiga amal qiladi.

Unicode-da 60 000 dan ortiq belgilarni yozish mumkin - asosiysi, sizga kerak bo'lgan mnemonik belgi saytingizda ishlatiladigan shrift bilan qo'llab-quvvatlanadi. Deyarli barcha Unicode belgilarini qo'llab-quvvatlaydigan shriftlar mavjud va faqat ma'lum belgilar to'plamiga ega variantlar mavjud.

Maxsus belgilarning to'liq ro'yxati shunchaki katta bo'ladi, lekin eng ko'p ishlatiladigan mnemonika Masalan, ushbu jadvaldan qarz olishingiz mumkin:

Belgi	HTML kodi	O'nlik kod	Tavsif
			buzilmaydigan bo'shliq
			tor bo'shliq (en-n harfi kabi)
			keng bo'shliq (em-kengligi m harfi kabi)
–	-	–	chiziqcha (en-tire)
-	—	—	tire (em tire)
­	-	­	yumshoq uzatish
A		́	stress "stress" harfidan keyin qo'yiladi
©		©	mualliflik huquqi
®	®	®	ro'yxatga olingan tovar belgisi
™	™	™	savdo belgisi belgisi
º	º	º	Marsning nayzasi
ª	ª	ª	Venera oynasi
‰	‰	‰	ppm
π	π	π	pi (Times New Roman-dan foydalaning)
¦	¦	¦	vertikal nuqta chiziq
§	§	§	paragraf
°	°	°	daraja
µ	µ	µ	mikro belgisi
¶	¶	¶	paragraf belgisi
…	…	…	ellipslar
‾	‾	‾	ustiga chizish
´	´	´	urg'u belgisi
№		№	raqam belgisi
🔍		🔍	Kattalashtiruvchi oyna (chapga egilgan)
🔎		🔎	Kattalashtiruvchi oyna (o'ngga egilgan)
arifmetik va matematik amallarning belgilari
×	×	×	ko'paytirmoq
÷	÷	÷	bo'lmoq
<	<		Ozroq
>	>	>	Ko'proq
±	±	±	ortiqcha/minus
¹	¹	¹	1 daraja
²	²	²	2 daraja
³	³	³	daraja 3
¬	¬	¬	inkor qilish
¼	¼	¼	chorak
½	½	½	yarim
¾	¾	¾	to'rtdan uch
⁄	⁄	⁄	kasr nuqtasi
−	−	−	minus
≤	≤	≤	kamroq yoki teng
≥	≥	≥	ko'proq yoki teng
≈	≈	≈	taxminan (deyarli) teng
≠	≠	≠	teng emas
≡	≡	≡	xuddi shunday
√	√	√	kvadrat ildiz (radikal)
∞	∞	∞	cheksizlik
∑	∑	∑	yig'ish belgisi
∏	∏	∏	ish belgisi
∂	∂	∂	qisman differentsial
∫	∫	∫	integral
∀	∀	∀	hamma uchun (faqat qalin bo'lsa ko'rinadi)
∃	∃	∃	mavjud
∅	∅	∅	bo'sh to'plam
Ø	Ø	Ø	diametri
∈	∈	∈	tegishli
∉	∉	∉	tegishli emas
∋	∋	∗	o'z ichiga oladi
⊂	⊂	⊂	kichik to‘plamdir
⊃	⊃	⊃	superset hisoblanadi
⊄	⊄	⊄	pastki to'plam emas
⊆	⊆	⊆	kichik to‘plam yoki unga teng
⊇	⊇	⊇	superset yoki tengdir
⊕	⊕	⊕	ortiqcha doira ichida
⊗	⊗	⊗	aylanada ko'paytirish belgisi
⊥	⊥	⊥	perpendikulyar
∠	∠	∠	burchak
∧	∧	∧	mantiqiy VA
∨	∨	∨	mantiqiy OR
∩	∩	∩	chorraha
∪	∪	∪	ittifoq
valyuta belgilari
₽		₽	rubl. Rubl belgisi raqam bilan birgalikda ishlatilishi kerak. Unicode 7.0 standarti. Agar rasmni ko'rmasangiz, Unicode shriftlaringizni yangilang.
€	€	€	evro
¢	¢	¢	sent
£	£	£	Funt
¤	¤	¤	Valyuta belgisi
¥	¥	¥	Yen va Yuan belgisi
ƒ	ƒ	ƒ	Florin belgisi
belgilar
	.		oddiy marker
○		○	doira
·	·	·	o'rta nuqta
†		†	kesib o'tish
‡		‡	ikki tomonlama xoch
♠	♠	♠	cho'qqilari
♣	♣	♣	klublar
			yuraklar
♦	♦	♦	olmoslar
◊	◊	◊	romb
✏		✏	qalam
✎		✎	qalam
✐		✐	qalam
✍		✍	qo'l
iqtiboslar
"	"	"	qo'sh tirnoq
&	&	&	ampersand
«	«	«	chap tipografik tirnoq belgisi (baliq suyagi tirnoq belgisi)
»	»	»	o'ng tipografik tirnoq belgisi (baliq suyagi tirnoq belgisi)
‹		‹	bitta burchakli tirnoq ochilishi
›		›	bitta burchakli tirnoqni yopish
′	′	′	asosiy (daqiqa, fut)
″	″	″	ikki barobar (soniya, dyuym)
‘	‘	‘	yuqori chapdagi bitta tirnoq
’	’	’	yuqori o'ngdagi bitta tirnoq
‚	‚	‚	pastki o'ngdagi bitta tirnoq
“	“	“	qo'shtirnoq-oyoq chap
”	”	”	yuqori o'ngdagi tirnoq
„	„	„	qo'shtirnoq oyoq pastki o'ng
❛		❛	yagona inglizcha ochilish tirnoq belgisi
❜		❜	yagona inglizcha yopilish tirnoq belgisi
❝		❝	qo'sh tirnoq belgisini ochish
❞		❞	yopish qo'sh tirnoq belgisi
strelkalar
←	←	←	chap strelka
			yuqoriga strelka
→	→	→	o'ng strelka
↓	↓	↓	strelka pastga
↔	↔	↔	chap va o'ng strelka
↕		↕	yuqoriga va pastga o'q
↵	↵	↵	vagonning qaytishi
⇐	⇐	⇐	ikkita chap strelka
⇑	⇑	⇑	ikki marta yuqoriga o'q
⇒	⇒	⇒	ikkita o'ng strelka
⇓	⇓	⇓	ikki marta pastga o'q
⇔	⇔	⇔	chapga va o'ngga ikkita strelka
⇕		⇕	ikkita yuqoriga va pastga o'q
▲		▲	uchburchak yuqoriga o'q
▼		▼	uchburchak pastga o'q
			uchburchak o'ng strelka
◄		◄	uchburchak chap strelka
yulduzlar, qor parchalari
☃		☃	Qordan odam
❄		❄	Qor parchasi
❅		❅	Yomg'irli qor parchalari
❆		❆	Yog 'o'tkir burchakli qor parchasi
★		★	Soyali yulduz
☆		☆	Bo'sh yulduz
✪		✪	To'ldirilgan doira ichida to'ldirilmagan yulduz
✫		✫	Ichida ochiq doira bilan to'ldirilgan yulduz
✯		✯	Aylanuvchi yulduz
⚝		⚝	Chizilgan oq yulduz
⚪		⚪	O'rta ochiq doira
⚫		⚫	O'rta to'ldirilgan doira
⚹		⚹	Sextile (qor parchasi turi)
✵		✵	Sakkiz burchakli aylanuvchi yulduz
❉		❉	Sharsimon uchli yulduz
❋		❋	Qalin sakkiz qirrali tomchi shaklidagi yulduz parvona
✺		✺	O'n olti burchakli yulduzcha
✹		✹	O'n ikki qirrali yulduz
✸		✸	Qalin sakkiz qirrali to'g'ri to'ldirilgan yulduz
✶		✶	Olti burchakli to'ldirilgan yulduz
✷		✷	Sakkiz burchakli toʻgʻri toʻldirilgan yulduz
✴		✴	Sakkiz qirrali yulduz
✳		✳	Sakkiz qirrali yulduz
✲		✲	Markazi bo'sh bo'lgan yulduzcha
✱		✱	Yog'li yulduz
✧		✧	To'rt qirrali ochiq yulduz
✦		✦	To'rt burchakli to'ldirilgan yulduz
⍟		⍟	Doira ichida yulduzcha
⊛		⊛	Bir doira ichida qor parchasi
soat, vaqt
⏰		⏰	Tomosha qiling
⌚		⌚	Tomosha qiling
⌛		⌛	Qum soat
⏳		⏳	Qum soat

Juda qiziq narsa bor olish usuli HTML kodi mnemonik sizga kerak bo'lgan belgi uchun. Buning uchun muharrirni ochish kifoya Microsoft Word, yaratmoq yangi hujjat va tanlang yuqori menyu"Qo'shish" - "Symbol" (men 2003 yil versiyasidan foydalanmoqdaman, shuning uchun keyingi versiyalarda shunga o'xshash operatsiyani qanday qilishni bilmayman).

Ochilgan oynada siz shriftni tanlashingiz kerak, masalan, Times New Roman (yoki saytingizga tashrif buyuruvchilarning aksariyat kompyuterlarida mavjud bo'lgan boshqa har qanday - masalan, Courier yoki Arial).

O'zingizga ochilgan ro'yxatdan qo'shing Word hujjati sizga kerak bo'lgan barcha maxsus belgilar va ushbu Word hujjatini veb-sahifa sifatida saqlang (saqlashda ".html" ochiladigan ro'yxatidan tanlanadi). Xo'sh, siz qilishingiz kerak bo'lgan yagona narsa ushbu veb-sahifani istalgan HTML muharririda ochish (xuddi shu Notepad++ qiladi) va siz hamma narsani ko'rasiz. raqamli kodlar Sizga kerak bo'lgan mnemonika:

Usul biroz murakkab, lekin agar siz veb-sayt sahifangizda noyob maxsus belgidan foydalanmoqchi bo'lsangiz, yuqorida ko'rsatilgan jadvalga o'xshash jadvallarni Internetda qidirishdan ko'ra osonroq bo'ladi. Olingan maxsus belgilar kodini kerakli joyga joylashtirishingiz kerak bo'ladi va uning o'rniga veb-sahifada brauzer sizga kerak bo'lgan belgini ko'rsatadi (masalan, buzilmaydigan bo'sh joy).

Misollarda uzilmaydigan bo'shliq va yumshoq chiziqcha

Yuqorida aytib o'tganimdek va yuqorida keltirilgan maxsus belgilar jadvalidan ko'rinib turibdiki, Html-dagi ba'zi mnemonikalar raqamlidan tashqari, oson yodlash uchun ramziy belgi ham oldi. Bular. "#" (xesh) belgisi o'rniga so'zlar ramziy variantlarda qo'llaniladi. Misol uchun, bir xil uzilmaydigan bo'shliqni (raqamli mnemonika) yoki (belgi) sifatida yozish mumkin.

Maqola yozayotganda, agar siz ampersand (&) yoki ochiq burchakli qavsni kiritishingiz kerak bo'lsa (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Ya'ni, agar siz maqola yozayotgan bo'lsangiz, masalan, matnga teg ko'rinishini kiritishingiz kerak bo'ladi< body>yoki siz shunchaki kichikroq belgisini kiritishingiz kerak (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Shunday qilib, shunga o'xshash muammoni hal qilish uchun siz quyidagi qurilishni kiritishingiz kerak bo'ladi:

Xuddi shu narsa mnemonikaning kodini ko'rsatish uchun ham amal qiladi, chunki ular ampersand bilan boshlanadi. Siz kodni matnga ampersand belgisini uning o'rnini bosuvchi (maxsus belgi) bilan almashtirgan holda kiritishingiz kerak bo'ladi:

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

Siz shuningdek, veb-sahifadagi oddiy bo'sh joyga o'xshab ko'rinadigan uzilmaydigan bo'shliqdan foydalanasiz, lekin brauzer uni umuman bo'sh joy belgisi sifatida ko'rib chiqmaydi va u bo'yicha o'tkazmalarni amalga oshirmaydi(masalan, bu 1400 GB va hokazo kabi iboralar uchun mos bo'ladi, ularni turli qatorlar bo'ylab defis qo'yish tavsiya etilmaydi):

1400 GB.

Ba'zida teskari vaziyat yuzaga kelishi mumkin, agar matnda juda uzun so'zlar mavjud bo'lsa va agar kerak bo'lsa, brauzer Men bu so'zlarni defis bilan buzishim mumkin edi. Bunday maqsadlar uchun maxsus "yumshoq uzatish" belgisi taqdim etiladi -

Uzoq, uzun so'z;

Boshqa qatorga o'tish zarurati tug'ilganda, brauzer yumshoq defis mnemonikasi o'rniga defisdan foydalanadi va so'zning qolgan qismini keyingi qatorga yuboradi. Agar butun so'zni bitta satrga joylashtirish uchun etarli joy bo'lsa, brauzer hech qanday chiziq chizig'ini chizmaydi. Bu juda oddiy.

Omad sizga! Tez orada blog sayti sahifalarida ko'rishguncha

Sizni qiziqtirishi mumkin

MailTo - bu nima va Html-da elektron pochta xabarini yuborish uchun havolani qanday yaratish kerak
Html 4.01 standartiga muvofiq H1-H6 sarlavhalarining teglari va atributlari, gorizontal chiziq Hr, chiziq uzilishi Br va P paragrafi
HTML - IMG va A teglariga havola va rasmni (fotosuratni) qanday kiritish mumkin
Html gipermatn belgilash tili nima va W3C validatoridagi barcha teglar ro'yxatini qanday ko'rish mumkin
Shrift (Yuz, Hajm va Rang), Blockquote va Pre teglar - sof HTMLda eski matn formatlash (CSS ishlatilmaydi)
Html va CSS kodlarida ranglar qanday o'rnatiladi, jadvallarda RGB soyalarini tanlash, Yandex chiqishi va boshqa dasturlar
Html kodidagi sharh direktivalari va Doctype, shuningdek blok va inline elementlar (teglar) tushunchasi
Html kodidagi ro'yxatlar - UL, OL, LI va DL teglari

Salom, aziz blog o'quvchilari! Hech bo'lmaganda u bilan yuzaki tanishganlar, ehtimol, umumiy ma'noda bo'lsa ham, allaqachon e'tiborga olishgan. Bu shuni anglatadiki, ular hujjat kodida odatda qanday HTML belgilaridan foydalanilishi haqida tasavvurga ega.

Bugungi maqolamizda biz HTML-da bo'sh joy nima ekanligini va qanday hollarda oson o'qish uchun kodni formatlashda bo'sh joy belgilaridan foydalanish mumkinligini aniqlashga harakat qilamiz. Biz buzilmaydigan bo'shliqdan qachon foydalanish kerakligini bilib olamiz, shuningdek, boshqa maxsus belgilar (yoki ular ham deyilganidek, mnemonika) bilan tanishamiz.

Aslida, men sizga turli xil maxsus belgilardan foydalanish mavzusini e'tiborsiz qoldirmaslikni maslahat beraman, chunki bu gipermatnni belgilash tilini o'rganishni yakunlash imkonini beruvchi muhim komponent. Umuman olganda, ushbu nashrda keltirilgan ma'lumotlar, albatta, ortiqcha bo'lmaydi. Xo'sh, endi mavzuga.

HTML-dagi bo'shliqlar va bo'shliqlar

Birinchidan, muhim eslatma qilish kerak. Kompyuter klaviaturasida matnni ajratish imkonini beruvchi maxsus tugmalar mavjud (quyida bu haqda batafsilroq). Biroq, faqat keng bo'sh joy nafaqat muharrirda, balki brauzer oynasida ham so'zlar orasidagi ajratishni ta'minlaydi. Chiziqlarni sindirish va qirralardan chekinishda nuanslar mavjud.

Ma'lumki, veb-brauzerda ma'lum elementlarning ko'rinishi teglar bilan belgilanadi. Matnni formatlash uchun blokga asoslangan mashhur dan foydalaniladi. Ya'ni, uning mazmuni butun mavjud kenglik bo'ylab joylashgan.

Kimga P paragrafiga qatorlarni o'rash, siz bitta BR tegidan foydalanishingiz kerak, bu bilan siz buni qilishingiz mumkin. Aytaylik, biz matn muharririda yozgan she'rdan bir nechta satrlarni matnga kiritishimiz kerak:

Oyat satrlari to'g'ri joylashtirilgan va defislar to'g'ri joylarda qilinganiga qaramay, brauzerda hamma narsa boshqacha ko'rinadi:

Veb-brauzer oynasida bir xil displeyga erishish uchun har bir satr oralig'ida BR yozishingiz kerak:

Endi biz vazifaga erishdik va she'riy satrlar brauzerda to'liq to'g'ri ko'rsatiladi:

Shunday qilib, kerakli chiziqli tanaffuslar tugallanadi. Bu erda ta'kidlash kerak bo'lgan yana bir xususiyat shundaki, birin-ketin keladigan bir nechta bo'shliqlar veb-brauzer tomonidan bitta sifatida ko'rsatiladi. Buni tekshirishingiz mumkin, agar siz bitta muharrirda ikkita so'z orasiga bir emas, balki bir nechta bo'sh joy qo'yishga harakat qilsangiz va "Saqlash" tugmasini bosish orqali brauzerdagi natijaga qarang.

Bo'shliq, yorliq va qatorlar uzilishi

Asosan, bular bilan bo'shliq belgilari Biz muharrirda matn bilan ishlashni boshlashimiz va kerakli shaklda formatlashimiz bilanoq tanishamiz. Bunday vazifani amalga oshirish uchun har biri o'ziga xos bo'shliq xarakteriga mos keladigan maxsus kalitlar mavjud:

• Bo'sh joy - kompyuter klaviaturasidagi eng keng tugma (yorliqsiz);
• Yorliq - chap tomonda "Tab" yozuvi va turli yo'nalishlarga qaratilgan ikkita o'q bilan tugmacha;
• Satr uzilishi - "Enter" tugmasi.

Biroq, yuqorida aytganimdek, biz faqat matn muharririda emas, balki brauzerda ham yakuniy kerakli natijaga erishamiz, faqat birinchi kalitdan foydalanamiz. Barcha uchta tugmalar (jumladan, yorliq va satrlarni ajratish HTML kodini formatlashda foydalidir. Aytaylik, NotePad++ da kod bo‘lagi shunday ko‘rinadi (bu muharrir haqida juda ko‘p ma’lumotlar mavjud) barcha bo‘shliq belgilarini ko‘rsatishda):

Biz bo'shliqlar tufayli o'qish va tushunish oson bo'lgan kodni olamiz. To'q sariq strelkalar Tab tugmasi yordamida yaratilgan chekinishlarni, CR va LF belgilari esa Enter tugmasi yordamida yaratilgan qatorlarni ko'rsatadi.

Bir-birining ichiga joylashtirilgan konteynerlar ko'riladi va ochilish va yopish teglari aniq ko'rinadi. Ushbu shaklda ushbu kodni osongina tahrirlash mumkin. Endi uni matn bo'limiga ega bo'lmagan bir xil kod bilan solishtiring:

Xuddi shu tarzda, bo'sh joy belgilaridan foydalanib, siz vizual ravishda aniq va hazm bo'ladigan CSS qoidalarini yozishingiz mumkin:

Barcha uslublarni umumiy maxrajga keltirganingizdan va uslublar faylini to'liq tahrirlashni tugatganingizdan so'ng, koddan barcha bo'sh joylarni olib tashlash orqali tahrirlashni amalga oshirishingiz mumkin. Bu oshirish uchun zarur , bu resursni targ'ib qilishda juda muhimdir.

HTML kodidagi maxsus belgilar (yoki mnemonika).

Keling, maqolaning boshida aytib o'tgan maxsus belgilarni ishlatish kerak bo'lgan holatlarni ko'rib chiqaylik. HTML maxsus belgilar, ba'zan mnemonika deb ataladi, gipermatnni belgilash tilida paydo bo'lgan kodlash bilan bog'liq uzoq vaqtdan beri mavjud muammoni hal qilish uchun kiritilgan.

Klaviaturada matn kiritganingizda, foydalanayotgan tilning belgilari kodlanadi. Veb-brauzerda teskari dekodlash operatsiyasi natijasida siz tanlagan shriftlar yordamida yozilgan matn ko'rsatiladi.

Gap shundaki, bunday kodlashlar juda ko'p, endi biz ularni batafsil tahlil qilishdan maqsadimiz yo'q. Faqat ularning har birida ma'lum belgilar etishmayotgan bo'lishi mumkin, ammo ular ko'rsatilishi kerak. Aytaylik, sizda bitta qo'shtirnoq yoki urg'u yozish istagi paydo bo'ldi, ammo bu piktogrammalar to'plamga kiritilmagan.

Ushbu muammoni bartaraf etish uchun juda ko'p turli xil mnemonikalarni o'z ichiga olgan maxsus belgilar tizimi joriy etildi. Ularning barchasi "&" belgisi bilan boshlanadi va odatda nuqtali vergul ";" bilan tugaydi. Avvaliga har bir maxsus belgi o'z raqamli kodiga ega edi. Misol uchun, biz quyida batafsilroq ko'rib chiqamiz, buzilmaydigan bo'shliq uchun quyidagi yozuv haqiqiy bo'ladi:

Ammo bir muncha vaqt o'tgach, eng keng tarqalgan belgilar ularni eslab qolishni osonlashtirish uchun harf analoglari (mnemonika) tayinlandi. Aytaylik, bir xil uzilmaydigan bo'shliq uchun u quyidagicha ko'rinadi:

Natijada, brauzer tegishli belgini ko'rsatadi. Mnemonika ro'yxati juda katta, HTMLda eng ko'p ishlatiladigan maxsus belgilar quyidagi jadvaldan bilib olishingiz mumkin:

ramzi	kod	mnemonika	tavsifi
			buzilmaydigan bo'shliq
			tor bo'shliq (en-n harfi kabi)
			keng bo'shliq (em-kengligi m harfi kabi)
–	-	–	chiziqcha (en-tire)
-	—	—	tire (em tire)
­	-	­	yumshoq uzatish
A		́	stress "stress" harfidan keyin qo'yiladi
©		©	mualliflik huquqi
®	®	®	ro'yxatga olingan tovar belgisi
™	™	™	savdo belgisi belgisi
º	º	º	Marsning nayzasi
ª	ª	ª	Venera oynasi
‰	‰	‰	ppm
π	π	π	pi (Times New Roman-dan foydalaning)
¦	¦	¦	vertikal nuqta chiziq
§	§	§	paragraf
°	°	°	daraja
µ	µ	µ	mikro belgisi
¶	¶	¶	paragraf belgisi
…	…	…	ellipslar
‾	‾	‾	ustiga chizish
´	´	´	urg'u belgisi
№		№	raqam belgisi
🔍		🔍	Kattalashtiruvchi oyna (chapga egilgan)
🔎		🔎	Kattalashtiruvchi oyna (o'ngga egilgan)
arifmetik va matematik amallarning belgilari
×	×	×	ko'paytirmoq
÷	÷	÷	bo'lmoq
<	<		Ozroq
>	>	>	Ko'proq
±	±	±	ortiqcha/minus
¹	¹	¹	1 daraja
²	²	²	2 daraja
³	³	³	daraja 3
¬	¬	¬	inkor qilish
¼	¼	¼	chorak
½	½	½	yarim
¾	¾	¾	to'rtdan uch
⁄	⁄	⁄	kasr nuqtasi
−	−	−	minus
≤	≤	≤	kamroq yoki teng
≥	≥	≥	ko'proq yoki teng
≈	≈	≈	taxminan (deyarli) teng
≠	≠	≠	teng emas
≡	≡	≡	xuddi shunday
√	√	√	kvadrat ildiz (radikal)
∞	∞	∞	cheksizlik
∑	∑	∑	yig'ish belgisi
∏	∏	∏	ish belgisi
∂	∂	∂	qisman differentsial
∫	∫	∫	integral
∀	∀	∀	hamma uchun (faqat qalin bo'lsa ko'rinadi)
∃	∃	∃	mavjud
∅	∅	∅	bo'sh to'plam
Ø	Ø	Ø	diametri
∈	∈	∈	tegishli
∉	∉	∉	tegishli emas
∋	∋	∗	o'z ichiga oladi
⊂	⊂	⊂	kichik to‘plamdir
⊃	⊃	⊃	superset hisoblanadi
⊄	⊄	⊄	pastki to'plam emas
⊆	⊆	⊆	kichik to‘plam yoki unga teng
⊇	⊇	⊇	superset yoki tengdir
⊕	⊕	⊕	ortiqcha doira ichida
⊗	⊗	⊗	aylanada ko'paytirish belgisi
⊥	⊥	⊥	perpendikulyar
∠	∠	∠	burchak
∧	∧	∧	mantiqiy VA
∨	∨	∨	mantiqiy OR
∩	∩	∩	chorraha
∪	∪	∪	ittifoq
valyuta belgilari
€	€	€	evro
¢	¢	¢	sent
£	£	£	Funt
¤	¤t;	¤	Valyuta belgisi
¥	¥	¥	Yen va Yuan belgisi
ƒ	ƒ	ƒ	Florin belgisi
belgilar
	.		oddiy marker
○		○	doira
·	·	·	o'rta nuqta
†		†	kesib o'tish
‡		‡	ikki tomonlama xoch
♠	♠	♠	cho'qqilari
♣	♣	♣	klublar
			yuraklar
♦	♦	♦	olmoslar
◊	◊	◊	romb
✏		✏	qalam
✎		✎	qalam
✐		✐	qalam
✍		✍	qo'l
iqtiboslar
"	"	"	qo'sh tirnoq
&	&	&	ampersand
«	«	«	chap tipografik tirnoq belgisi (baliq suyagi tirnoq belgisi)
»	»	»	o'ng tipografik tirnoq belgisi (baliq suyagi tirnoq belgisi)
‹		‹	bitta burchakli tirnoq ochilishi
›		›	bitta burchakli tirnoqni yopish
′	′	′	asosiy (daqiqa, fut)
″	″	″	ikki barobar (soniya, dyuym)
‘	‘	‘	yuqori chapdagi bitta tirnoq
’	’	’	yuqori o'ngdagi bitta tirnoq
‚	‚	‚	pastki o'ngdagi bitta tirnoq
“	“	“	qo'shtirnoq-oyoq chap
”	”	”	yuqori o'ngdagi tirnoq
„	„	„	qo'shtirnoq oyoq pastki o'ng
❛		❛	yagona inglizcha ochilish tirnoq belgisi
❜		❜	yagona inglizcha yopilish tirnoq belgisi
❝		❝	qo'sh tirnoq belgisini ochish
❞		❞	yopish qo'sh tirnoq belgisi
strelkalar
←	←	←	chap strelka
			yuqoriga strelka
→	→	→	o'ng strelka
↓	↓	↓	strelka pastga
↔	↔	↔	chap va o'ng strelka
↕		↕	yuqoriga va pastga o'q
↵	↵	↵	vagonning qaytishi
⇐	⇐	⇐	ikkita chap strelka
⇑	⇑	⇑	ikki marta yuqoriga o'q
⇒	⇒	⇒	ikkita o'ng strelka
⇓	⇓	⇓	ikki marta pastga o'q
⇔	⇔	⇔	chapga va o'ngga ikkita strelka
⇕		⇕	ikkita yuqoriga va pastga o'q
▲		▲	uchburchak yuqoriga o'q
▼		▼	uchburchak pastga o'q
			uchburchak o'ng strelka
◄		◄	uchburchak chap strelka
yulduzlar, qor parchalari
☃		☃	Qordan odam
❄		❄	Qor parchasi
❅		❅	Yomg'irli qor parchalari
❆		❆	Yog 'o'tkir burchakli qor parchasi
★		★	Soyali yulduz
☆		☆	Bo'sh yulduz
✪		✪	To'ldirilgan doira ichida to'ldirilmagan yulduz
✫		✫	Ichida ochiq doira bilan to'ldirilgan yulduz
✯		✯	Aylanuvchi yulduz
⚝		⚝	Chizilgan oq yulduz
⚪		⚪	O'rta ochiq doira
⚫		⚫	O'rta to'ldirilgan doira
⚹		⚹	Sextile (qor parchasi turi)
✵		✵	Sakkiz burchakli aylanuvchi yulduz
❉		❉	Sharsimon uchli yulduz
❋		❋	Qalin sakkiz qirrali tomchi shaklidagi yulduz parvona
✺		✺	O'n olti burchakli yulduzcha
✹		✹	O'n ikki qirrali yulduz
✸		✸	Qalin sakkiz qirrali to'g'ri to'ldirilgan yulduz
✶		✶	Olti burchakli to'ldirilgan yulduz
✷		✷	Sakkiz burchakli toʻgʻri toʻldirilgan yulduz
✴		✴	Sakkiz qirrali yulduz
✳		✳	Sakkiz qirrali yulduz
✲		✲	Markazi bo'sh bo'lgan yulduzcha
✱		✱	Yog'li yulduz
✧		✧	To'rt qirrali ochiq yulduz
✦		✦	To'rt burchakli to'ldirilgan yulduz
⍟		⍟	Doira ichida yulduzcha
⊛		⊛	Bir doira ichida qor parchasi
soat, vaqt
⏰		⏰	Tomosha qiling
⌚		⌚	Tomosha qiling
⌛		⌛	Qum soat
⏳		⏳	Qum soat

Ba'zi maxsus belgilardan foydalanish holatlari, jumladan, uzilmaydigan bo'shliq va yumshoq chiziqcha

Agar siz allaqachon jadvalni biroz o'rgangan bo'lsangiz, yuqorida aytganlarimning tasdiqlanishini oldingiz, chunki barcha maxsus belgilarni ko'rsatish uchun raqamli kod () yoki uning alifbo analogi (ramziy mnemonika) ishlatiladi, bu erda xesh to'plami o'rniga belgilar va raqamlar, harflar () yoziladi.

Keling, ushbu kodlardan qachon foydalanishni ko'rib chiqaylik. Aytaylik, maqolada siz ma'lumot olish uchun ba'zi HTML teglarini ko'rsatishingiz kerak, masalan,