HTML टॅब वर्ण. HTML स्वरूपन

टॅग करा

टॅग मजकूरातील टॅब वर्ण निर्दिष्ट करतो. हे /t एस्केप अनुक्रम वापरण्यासारखे आहे.

1 2 3\t\t\t4
प्रदर्शित:
1 2 3 4

टॅब कॅरेक्टर घातल्यावर रेषा ज्या अंतराने बदलेल ते अनियंत्रितपणे सेट केले जाऊ शकते. यासाठी टॅगची TABSTOPS विशेषता वापरली जाते.

टॅग हा मानक HTML टॅग नाही. मजकूर सातत्यपूर्ण रीतीने स्वरूपित करण्यात मदत करण्यासाठी ते फ्लॅश मार्कअप टॅगमध्ये जोडले गेले.

टॅग करा...

टॅग मजकूर स्वरूपन वैशिष्ट्यांसाठी जबाबदार आहे जसे की समास, इंडेंटेशन आणि लाइन शिफ्ट. त्यात खालील गुणधर्म निर्दिष्ट केले जाऊ शकतात:

लेफ्टमार्जिन. डाव्या समासाचा आकार गुणांमध्ये. ॲनालॉग हा टेक्स्ट फॉरमॅट क्लासचा लेफ्टमार्जिन गुणधर्म आहे.

राईटमार्जिन. बिंदूंमधील उजव्या समासाचे मूल्य हे मजकूर स्वरूप वर्गाचे उजवे समास आहे.

INDENT. परिच्छेदाची पहिली ओळ बिंदूंमध्ये इंडेंट करा. TextFormat वर्गाच्या गुणधर्मांपैकी, ते इंडेंट गुणधर्म सारखेच आहे.

ब्लॉकइंडेंट.

बिंदूंमध्ये डावीकडील मजकूर परिच्छेदाचे इंडेंटेशन. ॲनालॉग - blockIndent गुणधर्म
वर्ग मजकूर स्वरूप.

अग्रगण्य. बिंदूंमधील रेषांमधील अंतर. TextFormat वर्गाची एक समान गुणधर्म आघाडीवर आहे.

टॅबस्टॉप. गुणविशेष निर्दिष्ट करते की अनुक्रमातील प्रत्येक टॅब वर्ण बिंदूंमध्ये कोणती रेखा ऑफसेट करेल. 1, 2, 3, ... n टॅब वर्ण एका ओळीत टाईप केल्यास रेषा खिडकीवर कोणत्या अंतराने जाईल ते निर्दिष्ट करणाऱ्या संख्यांची सूची त्याचे मूल्य आहे. TABSTOPS विशेषताचा एक ॲनालॉग हा TextFormat वर्गाचा tabStops गुणधर्म आहे.

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

0din tabR> दोन tabR>
तीन तबर >

टॅग हा मानक HTML टॅग नाही. टॅग वापरून मजकूर मार्कअप करण्याची क्षमता टेक्स्ट फॉरमॅट क्लासच्या गुणधर्मांप्रमाणेच आहे म्हणून हे सादर केले गेले.

टॅग करा...

टॅग करा वर्ग अनुप्रयोगासाठी डिझाइन केलेले CSS शैलीअनियंत्रित मजकूर तुकड्याच्या संबंधात.

वर्गाचे नाव त्याच्या CLASS विशेषता मध्ये निर्दिष्ट केले आहे.

This.createTextField("पोल", 0, 150, 150, 200, 90);
pole.autoSize = pole.border=pole.multiline=true;
// लाल, हिरवा आणि निळा मजकूर परिभाषित करणार्या तीन वर्ग शैली तयार करा
var शैली:TextField.Stylesheet = नवीन TextField.Stylesheet();
var green_text:String = ".GREEN (रंग:#00FF00)";
var red_text:String = ".RED (रंग:#FF0000)";
var blue_text:String = ".BLUE (रंग:#0000FF)";
style.parseCSS(green_text+red_text+blue_text);
pole.styleSheet=style;
// तयार केलेल्या शैलींसह मजकूर प्रदर्शित करा
pole.text = " 3 हिरवा मजकूर

लाल मजकूर
निळा मजकूर ";

नमस्कार, ब्लॉग साइटचे प्रिय वाचक. थोड्या वेळापूर्वी, आम्ही त्याबद्दल आधीच बोलू शकलो आणि त्यातील डिझाइनबद्दल देखील शिकलो. आज आपल्याकडे HTML मध्ये व्हाईट स्पेसची संकल्पना आहे, तसेच ते लिहिताना संबंधित कोड फॉरमॅटिंग (त्याच्या नंतरच्या वाचन आणि आकलनाच्या सोयीसाठी).

बरं, आम्ही नॉन-ब्रेकिंग स्पेस आणि सॉफ्ट हायफनेशन या विषयावर स्पर्श करू या वस्तुस्थितीमुळे, आम्हाला एचटीएमएल भाषेत वापरल्या जाणाऱ्या तथाकथित विशेष वर्णांवर किंवा स्मृतीशास्त्रांवर आपले लक्ष केंद्रित करावे लागेल, जे तुम्हाला जोडण्याची परवानगी देईल. वेब दस्तऐवज कोडमध्ये अनेक अतिरिक्त वर्ण, जसे की वर नमूद केले आहे. पण प्रथम गोष्टी प्रथम.

HTML मध्ये स्पेस आणि व्हाईटस्पेस वर्ण

यासाठी खास डिझाइन केलेले टॅग वापरून मजकूर फॉरमॅट करण्याच्या मुद्द्यावर जाण्यापूर्वी (परिच्छेद, हेडिंग इ.), मला HTML भाषेत स्पेस, लाइन ब्रेक (एंटर) आणि टॅब्युलेशनचा अर्थ कसा लावला जातो आणि ब्रेकिंग कसे आहे यावर लक्ष केंद्रित करायचे आहे. ब्राउझर विंडोमध्ये मजकूराचा आकार बदलला जातो.

खरे आहे, या प्रकारच्या व्हिज्युअल फॉरमॅटिंगसाठी (जे वेब पृष्ठावर दिसणार नाही), बहुतेकदा ते स्वतः स्पेस नसून टॅब आणि लाइन ब्रेक वर्ण वापरतात. असा नियम आहे - जेव्हा तुम्ही घरटी लिहायला सुरुवात करता HTML टॅग, ते टॅब वापरून इंडेंट करा(कीबोर्डवरील टॅब की), आणि जेव्हा तुम्ही हा टॅग बंद करता, तेव्हा इंडेंटेशन काढून टाका (कीबोर्डवरील Shift+Tab की संयोजन).

हे करणे आवश्यक आहे जेणेकरून ओपनिंग आणि क्लोजिंग टॅग समान उभ्या स्तरावर असतील (तुमच्या एचटीएमएल एडिटरमधील पृष्ठाच्या उजव्या काठावरुन टॅबच्या समान संख्येवर, उदाहरणार्थ, नोटपॅड++, ज्याबद्दल मी लिहिले आहे). याव्यतिरिक्त, मी तुम्हाला सल्ला देतो की सुरुवातीचा घटक लिहिल्यानंतर लगेचच अनेक ओळी ब्रेक करा आणि त्याच स्तरावर (टॅबची संख्या) ताबडतोब क्लोजिंग लिहा, जेणेकरून तुम्ही हे नंतर करण्यास विसरू नका.

त्या. ओपनिंग आणि क्लोजिंग एलिमेंट्स उभ्या समान पातळीवर असावेत आणि अंतर्गत टॅग एका टॅब कॅरेक्टरने शिफ्ट केले जावेत आणि क्लोजिंग आणि ओपनिंग एलिमेंट्स पुन्हा त्याच स्तरावर ठेवावेत.

साध्या वेब दस्तऐवजांसाठी हे ओव्हरकिलसारखे वाटू शकते, परंतु अधिक किंवा कमी जटिल तयार करताना ते कोड अधिक स्पष्ट होईलआणि भरपूर मोकळ्या जागांमुळे वाचनीय, आणि टॅगच्या सममितीय व्यवस्थेमुळे त्रुटी शोधणे देखील सोपे होईल.

HTML कोडमधील विशेष वर्ण किंवा स्मृतीशास्त्र

तर, आता तथाकथित बद्दल बोलूया विशेष वर्ण, वापरण्याची सुलभता ज्याची मी या लेखाच्या सुरुवातीला घोषणा केली आहे. विशेष वर्णांना कधीकधी स्मृतीशास्त्र किंवा प्रतिस्थापन देखील म्हटले जाते. खूप पूर्वी भाषेत उद्भवलेल्या समस्येचे निराकरण करण्याचा त्यांचा हेतू आहे. हायपरटेक्स्ट मार्कअपवापरलेल्या एन्कोडिंगशी संबंधित समस्या.

जेव्हा तुम्ही कीबोर्डवर मजकूर टाइप करता, तेव्हा तुमच्या भाषेतील अक्षरे पूर्वनिर्धारित अल्गोरिदमनुसार एन्कोड केली जातात आणि नंतर डीकोडिंगमुळे तुम्ही वापरत असलेले फॉन्ट (साइटसाठी कुठे शोधायचे आणि कसे स्थापित करायचे) वापरून ते साइटवर प्रदर्शित केले जातात.

बरेच एन्कोडिंग आहेत, परंतु एचटीएमएल भाषेसाठी एन्कोडिंगची विस्तारित आवृत्ती डीफॉल्टनुसार स्वीकारली गेली आहे.

या मजकूर एन्कोडिंगमध्ये केवळ 256 वर्ण लिहिणे शक्य होते - 128 ASCII कडून आणि आणखी 128 रशियन अक्षरांसाठी. परिणामी, ASCII मध्ये समाविष्ट नसलेल्या आणि Windows एन्कोडिंग 1251 (CP1251) चा भाग असलेली रशियन अक्षरे नसलेल्या वर्णांच्या साइटवर वापरण्यात समस्या उद्भवली. ठीक आहे, तुम्ही टिल्ड किंवा ॲपोस्ट्रॉफी वापरण्याचे ठरवले आहे, परंतु अशा शक्यता सुरुवातीला वापरल्या जातात HTML भाषाएन्कोडिंग समाविष्ट नाही.

अशा प्रकरणांसाठीच प्रतिस्थापन किंवा, दुसऱ्या शब्दांत, नेमोनिक्सचा शोध लावला गेला. सुरुवातीला विशेष पात्रे होती डिजिटल दृश्यनोंदी, परंतु नंतर सर्वात सामान्य लोकांसाठी त्यांचे अक्षर समकक्ष लक्षात ठेवणे सोपे करण्यासाठी जोडले गेले.

सामान्य शब्दात, निमोनिक हे एक वर्ण आहे जे अँपरसँड "&" ने सुरू होते आणि अर्धविराम ";" ने समाप्त होते. या वैशिष्ट्यांवर आधारित आहे की ब्राउझर, HTML कोड पार्स करताना, त्यातून विशेष वर्ण काढतो. अंकीय वाइल्डकार्ड कोडमधील अँपरसँड ताबडतोब पाउंड चिन्ह "#" द्वारे अनुसरण करणे आवश्यक आहे, ज्याला कधीकधी हॅश म्हणतात. आणि त्यानंतरच युनिकोड एन्कोडिंगमधील इच्छित वर्णाचा डिजिटल कोड फॉलो करतो.

युनिकोडमध्ये 60,000 हून अधिक वर्ण लिहिले जाऊ शकतात - मुख्य गोष्ट अशी आहे की आपल्याला आवश्यक असलेले स्मृती चिन्ह आपल्या साइटवर वापरलेल्या फॉन्टद्वारे समर्थित आहे. असे फॉन्ट आहेत जे जवळजवळ सर्व युनिकोड वर्णांना समर्थन देतात आणि केवळ विशिष्ट वर्णांच्या संचासह पर्याय आहेत.

विशेष वर्णांची संपूर्ण यादी फक्त मोठी असेल, परंतु सर्वात सामान्यतः वापरलेले स्मृतीशास्त्रतुम्ही या टेबलवरून उदाहरणार्थ कर्ज घेऊ शकता:

चिन्ह	HTML कोड	दशांश कोड	वर्णन
			न मोडणारी जागा
			अरुंद जागा (अक्षर n म्हणून en-रुंदी)
			रुंद जागा (एम-अक्षर म्हणून रुंदी)
–	-	–	एन डॅश (एन-डॅश)
-	—	—	एम डॅश (एम डॅश)
	-		मऊ हस्तांतरण
ए		́	ताण "तणाव" अक्षरानंतर ठेवला जातो
©		©	कॉपीराइट
®	®	®	नोंदणीकृत ट्रेडमार्क चिन्ह
™	™	™	ट्रेडमार्क चिन्ह
º	º	º	मंगळाचा भाला
ª	ª	ª	शुक्राचा आरसा
‰	‰	‰	पीपीएम
π	π	π	pi (टाईम्स वापरा नवीन रोमन)
¦	¦	¦	अनुलंब ठिपके असलेली रेषा
§	§	§	परिच्छेद
°	°	°	पदवी
µ	µ	µ	सूक्ष्म चिन्ह
¶	¶	¶	परिच्छेद चिन्ह
…	…	…	लंबगोल
‾	‾	‾	ओव्हरलाइनिंग
´	´	´	उच्चारण चिन्ह
№		№	संख्या चिन्ह
🔍		🔍	भिंग (डावीकडे झुकलेला)
🔎		🔎	भिंग (उजवीकडे झुकलेला)
अंकगणित आणि गणितीय क्रियांची चिन्हे
×	×	×	गुणाकार
÷	÷	÷	विभागणे
<	<		कमी
>	>	>	अधिक
±	±	±	अधिक/वजा
¹	¹	¹	पदवी 1
²	²	²	पदवी 2
³	³	³	पदवी 3
¬	¬	¬	नकार
¼	¼	¼	एक चतुर्थांश
½	½	½	अर्धा
¾	¾	¾	तीन चतुर्थांश
⁄	⁄	⁄	दशांश चिन्ह
−	−	−	वजा
≤	≤	≤	कमी किंवा समान
≥	≥	≥	अधिक किंवा समान
≈	≈	≈	अंदाजे (जवळजवळ) समान
≠	≠	≠	समान नाही
≡	≡	≡	एकसारखे
√	√	√	वर्गमूळ (मूलभूत)
∞	∞	∞	अनंत
∑	∑	∑	बेरीज चिन्ह
∏	∏	∏	कार्य चिन्ह
∂	∂	∂	आंशिक भिन्नता
∫	∫	∫	अविभाज्य
∀	∀	∀	प्रत्येकासाठी (ठळक असल्यासच दृश्यमान)
∃	∃	∃	अस्तित्वात
∅	∅	∅	रिकामा संच
Ø	Ø	Ø	व्यास
∈	∈	∈	संबंधित आहे
∉	∉	∉	संबंधित नाही
∋	∋	∗	समाविष्टीत आहे
⊂	⊂	⊂	उपसंच आहे
⊃	⊃	⊃	एक सुपरसेट आहे
⊄	⊄	⊄	उपसंच नाही
⊆	⊆	⊆	एक उपसंच किंवा समान आहे
⊇	⊇	⊇	सुपरसेट किंवा समान आहे
⊕	⊕	⊕	अधिक वर्तुळात
⊗	⊗	⊗	वर्तुळातील गुणाकार चिन्ह
⊥	⊥	⊥	लंब
∠	∠	∠	कोपरा
∧	∧	∧	तार्किक आणि
∨	∨	∨	तार्किक OR
∩	∩	∩	छेदनबिंदू
∪	∪	∪	युनियन
चलन चिन्हे
₽		₽	रुबल. रूबल चिन्हाचा वापर नंबरच्या संयोगाने करणे आवश्यक आहे. युनिकोड 7.0 मानक. तुम्हाला इमेज दिसत नसल्यास, तुमचे युनिकोड फॉन्ट अपडेट करा.
€	€	€	युरो
¢	¢	¢	सेंट
£	£	£	Lb
¤	¤	¤	चलन चिन्ह
¥	¥	¥	येन आणि युआन चिन्ह
ƒ	ƒ	ƒ	फ्लोरिन चिन्ह
मार्कर
	.		साधे मार्कर
○		○	वर्तुळ
·	·	·	मध्यबिंदू
†		†	फुली
‡		‡	दुहेरी क्रॉस
♠	♠	♠	शिखरे
♣	♣	♣	क्लब
			ह्रदये
♦	♦	♦	हिरे
◊	◊	◊	समभुज चौकोन
✏		✏	पेन्सिल
✎		✎	पेन्सिल
✐		✐	पेन्सिल
✍		✍	हात
कोट्स
"	"	"	दुहेरी कोट
&	&	&	अँपरसँड
«	«	«	डावे टायपोग्राफिक अवतरण चिन्ह (हेरिंगबोन अवतरण चिन्ह)
»	»	»	उजवे टायपोग्राफिक अवतरण चिन्ह (हेरिंगबोन अवतरण चिन्ह)
‹		‹	एकल कोपरा कोट उघडत आहे
›		›	सिंगल कॉर्नर कोट बंद
′	′	′	प्राइम (मिनिटे, फूट)
″	″	″	दुहेरी प्राइम (सेकंद, इंच)
‘	‘	‘	शीर्ष डावा एकल कोट
’	’	’	शीर्ष उजवीकडे एकल कोट
‚	‚	‚	खालचा उजवा एकल कोट
“	“	“	कोट-फूट बाकी
”	”	”	पाय वरच्या उजव्या कोट करा
„	„	„	पाय खाली उजवीकडे कोट करा
❛		❛	एकल इंग्रजी उद्घाटन अवतरण चिन्ह
❜		❜	एकल इंग्रजी बंद अवतरण चिन्ह
❝		❝	दुहेरी अवतरण चिन्ह उघडत आहे
❞		❞	दुहेरी अवतरण चिन्ह बंद करणे
बाण
←	←	←	डावा बाण
			वरचा बाण
→	→	→	उजवा बाण
↓	↓	↓	खाली बाण
↔	↔	↔	डावा आणि उजवा बाण
↕		↕	वर आणि खाली बाण
↵	↵	↵	कॅरेज रिटर्न
⇐	⇐	⇐	दुहेरी डावा बाण
⇑	⇑	⇑	दुप्पट बाण
⇒	⇒	⇒	दुहेरी उजवा बाण
⇓	⇓	⇓	दुहेरी खाली बाण
⇔	⇔	⇔	डावा आणि उजवा दुहेरी बाण
⇕		⇕	दुहेरी वर आणि खाली बाण
▲		▲	त्रिकोण वर बाण
▼		▼	त्रिकोण खाली बाण
			त्रिकोण उजवा बाण
◄		◄	त्रिकोण डावा बाण
तारे, स्नोफ्लेक्स
☃		☃	स्नोमॅन
❄		❄	स्नोफ्लेक
❅		❅	शॅमरॉक्सने सँडविच केलेले स्नोफ्लेक
❆		❆	चरबीचा तीक्ष्ण कोन असलेला स्नोफ्लेक
★		★	छायांकित तारा
☆		☆	कोरा तारा
✪		✪	भरलेल्या वर्तुळात न भरलेला तारा
✫		✫	आत उघड्या वर्तुळासह भरलेला तारा
✯		✯	फिरणारा तारा
⚝		⚝	पांढरा तारा काढला
⚪		⚪	मधले खुले वर्तुळ
⚫		⚫	मधले भरलेले वर्तुळ
⚹		⚹	सेसटाईल (स्नोफ्लेक प्रकार)
✵		✵	आठ टोकांचा फिरणारा तारा
❉		❉	गोलाकार टोकांसह तारा
❋		❋	ठळक आठ-पॉइंट ड्रॉप-आकाराचा तारा-प्रोपेलर
✺		✺	सोळा टोकदार तारका
✹		✹	बारा टोकदार भरलेला तारा
✸		✸	ठळक आठ-बिंदू सरळ भरलेला तारा
✶		✶	सहा-बिंदू असलेला भरलेला तारा
✷		✷	आठ टोकदार सरळ भरलेला तारा
✴		✴	आठ टोकांचा तारा
✳		✳	आठ टोकांचा तारा
✲		✲	रिक्त मध्यभागी तारा
✱		✱	लठ्ठ तारा
✧		✧	टोकदार चार-बिंदू असलेला खुला तारा
✦		✦	टोकदार चार टोकदार भरलेला तारा
⍟		⍟	वर्तुळात तारा
⊛		⊛	एका वर्तुळात स्नोफ्लेक
घड्याळ, वेळ
⏰		⏰	पहा
⌚		⌚	पहा
⌛		⌛	घंटागाडी
⏳		⏳	घंटागाडी

एक जोरदार मनोरंजक आहे प्राप्त करण्याची पद्धत HTML कोडस्मृतीविषयकआपल्याला आवश्यक असलेल्या चिन्हासाठी. हे करण्यासाठी, फक्त संपादक उघडा मायक्रोसाॅफ्ट वर्ड, एक नवीन दस्तऐवज तयार करा आणि शीर्ष मेनूमधून "इन्सर्ट" - "सिम्बॉल" निवडा (मी 2003 आवृत्ती वापरतो, त्यामुळे नंतरच्या आवृत्त्यांमध्ये समान ऑपरेशन कसे करावे हे मला माहित नाही).

उघडणाऱ्या विंडोमध्ये, तुम्हाला फॉन्ट निवडण्याची आवश्यकता आहे, उदाहरणार्थ, Times New Roman (किंवा इतर कोणतेही जे तुमच्या साइट अभ्यागतांच्या बहुसंख्य संगणकांवर स्पष्टपणे उपस्थित असतील - उदाहरणार्थ, कुरियर किंवा एरियल).

तुमच्यासाठी उघडणाऱ्या सूचीमधून जोडा शब्द दस्तऐवजतुम्हाला आवश्यक असलेले सर्व विशेष वर्ण आणि हे Word दस्तऐवज वेब पृष्ठ म्हणून जतन करा (जतन करताना “.html” ड्रॉप-डाउन सूचीमधून निवडलेले). बरं, मग तुम्हाला फक्त हे वेबपेज उघडायचं आहे HTML संपादक(तेच Notepad++ करेल) आणि तुम्हाला सर्वकाही दिसेल डिजिटल कोडआपल्याला आवश्यक स्मृतीशास्त्र:

ही पद्धत थोडी क्लिष्ट आहे, परंतु जर तुम्हाला तुमच्या वेबसाइट पेजवर काही दुर्मिळ स्पेशल कॅरेक्टर वापरायचे असतील, तर इंटरनेटवर फक्त वर दाखवल्याप्रमाणे टेबल शोधण्यापेक्षा ते सोपे होईल. तुम्हाला परिणामी विशेष वर्ण कोड योग्य ठिकाणी पेस्ट करणे आवश्यक आहे आणि त्याऐवजी वेब पृष्ठावर ब्राउझर तुम्हाला आवश्यक असलेले वर्ण प्रदर्शित करेल (उदाहरणार्थ, ब्रेकिंग नसलेली जागा).

न मोडणारी जागा आणि उदाहरणांमध्ये सॉफ्ट हायफन

मी आधीच वर नमूद केल्याप्रमाणे आणि तुम्ही वर दिलेल्या विशेष वर्णांच्या तक्त्यावरून पाहू शकता की, Html मधील काही निमोनिक्स प्राप्त झाले आहेत, डिजिटल व्यतिरिक्त, सोपे स्मरण ठेवण्यासाठी एक प्रतीकात्मक पदनाम देखील. त्या. हॅश चिन्हाऐवजी "#" (हॅश), शब्द प्रतीकात्मक रूपांमध्ये वापरले जातात. उदाहरणार्थ, समान नॉन-ब्रेकिंग स्पेस (डिजिटल नेमोनिक) किंवा (वर्ण) म्हणून लिहिता येते.

लेख लिहिताना, जर तुम्हाला अँपरसँड (&) किंवा ओपन अँगल ब्रॅकेट (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

म्हणजेच, जर तुम्ही एखादा लेख लिहित असाल ज्यामध्ये तुम्हाला टाकावे लागेल, उदाहरणार्थ, मजकूरात टॅग डिस्प्ले< body>किंवा तुम्हाला फक्त त्यापेक्षा कमी चिन्ह घालावे लागेल (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

म्हणून, समान समस्येचे निराकरण करण्यासाठी आपल्याला खालील बांधकाम घालावे लागेल:

हेच स्मृतीचिकित्सा संहिता स्वतः प्रदर्शित करण्यासाठी लागू होते, कारण ते अँपरसँडने सुरू होतात. तुम्हाला मजकुरात कोड घालणे आवश्यक आहे, अँपरसँड चिन्ह त्याच्या प्रतिस्थापनाने (विशेष वर्ण):

पृष्ठावर येण्यासाठी हे करणे आवश्यक आहे<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

तुम्ही बहुधा नॉन-ब्रेकिंग स्पेस देखील वापराल, जी वेब पेजवर नेहमीच्या जागेसारखी दिसेल, परंतु ब्राउझर त्याला स्पेस कॅरेक्टर म्हणून अजिबात मानणार नाही आणि त्यावर बदल्या करणार नाहीत(उदाहरणार्थ, हे 1400 GB, इ. सारख्या वाक्यांशांसाठी योग्य असेल, ज्यांना वेगवेगळ्या ओळींवर हायफेनेट करणे उचित होणार नाही):

1400 GB.

कधीकधी उलट परिस्थिती उद्भवू शकते, जेव्हा मजकूरात खूप मोठे शब्द असतात आणि आपण हे सुनिश्चित करू इच्छिता की, आवश्यक असल्यास, ब्राउझर मी हे शब्द हायफनेशनने खंडित करू शकतो. अशा हेतूंसाठी, एक विशेष चिन्ह "सॉफ्ट ट्रान्सफर" प्रदान केले आहे -

लांब, लांब शब्द;

जेव्हा दुसऱ्या ओळीवर जाणे आवश्यक होते, तेव्हा ब्राउझर सॉफ्ट हायफन नेमोनिक ऐवजी हायफन वापरेल आणि उर्वरित शब्द पुढील ओळीवर पाठवेल. हा संपूर्ण शब्द एका ओळीवर ठेवण्यासाठी पुरेशी जागा असल्यास, ब्राउझर कोणतीही ओळ फीड काढणार नाही. हे इतके सोपे आहे.

तुला शुभेच्छा! ब्लॉग साइटच्या पृष्ठांवर लवकरच भेटू

तुम्हाला स्वारस्य असेल

MailTo - ते काय आहे आणि ईमेल पाठवण्यासाठी Html मध्ये लिंक कशी तयार करावी
Html 4.01 मानकांनुसार H1-H6, क्षैतिज रेषा Hr, लाइन ब्रेक Br आणि परिच्छेद P चे टॅग्ज आणि विशेषता
HTML - IMG आणि A टॅगमध्ये लिंक आणि चित्र (फोटो) कसे घालायचे
हायपरटेक्स्ट मार्कअप भाषा Html म्हणजे काय आणि W3C व्हॅलिडेटरमधील सर्व टॅगची सूची कशी पहावी
फॉन्ट (चेहरा, आकार आणि रंग), ब्लॉककोट आणि प्री टॅग्ज - शुद्ध HTML मध्ये लेगसी मजकूर स्वरूपन (कोणताही CSS वापरला नाही)
एचटीएमएल आणि सीएसएस कोडमध्ये रंग कसे सेट केले जातात, टेबलमधील आरजीबी शेड्सची निवड, यांडेक्स आउटपुट आणि इतर प्रोग्राम
एचटीएमएल कोडमधील टिप्पणी निर्देश आणि डॉक्टाइप, तसेच ब्लॉक आणि इनलाइन घटकांची संकल्पना (टॅग)
Html कोडमधील सूची - UL, OL, LI आणि DL टॅग

हॅलो, ब्लॉग साइटच्या प्रिय वाचकांनो! ज्यांनी कमीतकमी वरवरची स्वतःची ओळख करून घेतली आहे त्यांनी कदाचित आधीच लक्षात घेतले असेल, जरी सामान्य शब्दात. याचा अर्थ दस्तऐवज कोडमध्ये सामान्यतः कोणते HTML चिन्ह वापरले जातात याची त्यांना कल्पना आहे.

आजच्या लेखात आम्ही HTML मध्ये स्पेस काय आहे हे जाणून घेण्याचा प्रयत्न करू आणि सहज वाचण्यासाठी कोड स्वतः फॉरमॅट करताना कोणत्या बाबतीत तुम्ही व्हाईटस्पेस वर्ण वापरू शकता. नॉन-ब्रेकिंग स्पेस कधी वापरणे आवश्यक आहे हे आम्ही शोधून काढू आणि इतर विशेष पात्रांशी देखील परिचित होऊ (किंवा, त्यांना स्मृतीशास्त्र देखील म्हटले जाते).

खरं तर, मी तुम्हाला सल्ला देतो की विविध विशेष वर्ण वापरण्याच्या विषयाकडे दुर्लक्ष करू नका, कारण हा एक महत्त्वाचा घटक आहे जो तुम्हाला हायपरटेक्स्ट मार्कअप भाषेचा अभ्यास पूर्ण करण्यास अनुमती देतो. सर्वसाधारणपणे, या प्रकाशनात प्रदान केलेली माहिती निश्चितपणे अनावश्यक होणार नाही. बरं, आता मुद्द्यावर.

HTML मध्ये स्पेस आणि व्हाईटस्पेस वर्ण

प्रथम एक महत्त्वाची नोंद आहे. संगणकाच्या कीबोर्डवर विशेष की आहेत ज्या तुम्हाला मजकूर विभक्त करण्याची परवानगी देतात (खाली यावरील अधिक). तथापि, केवळ एक विस्तृत स्पेसबार केवळ संपादकातच नव्हे तर ब्राउझर विंडोमध्ये देखील शब्दांमधील पृथक्करण प्रदान करतो. रेषा तोडताना आणि कडांवरून इंडेंट करताना बारकावे असतात.

तुम्हाला माहिती आहे की, वेब ब्राउझरमधील काही घटकांचे प्रदर्शन टॅगद्वारे निर्धारित केले जाते. मजकूर स्वरूपित करण्यासाठी, सुप्रसिद्ध , जे ब्लॉक-आधारित आहे, वापरले जाते. म्हणजेच, त्याची सामग्री संपूर्ण उपलब्ध रुंदीमध्ये स्थित आहे.

ला परिच्छेद P मध्ये ओळी गुंडाळा, तुम्हाला एकच BR टॅग वापरण्याची आवश्यकता आहे, ज्याद्वारे तुम्ही हे करू शकता. आपण मजकूर संपादकात लिहिलेल्या कवितेतील काही ओळी मजकूरात घालण्याची गरज आहे असे समजा:

श्लोकाच्या ओळी योग्यरित्या स्थित आहेत आणि हायफन योग्य ठिकाणी केले आहेत हे असूनही, ब्राउझरमध्ये सर्व काही वेगळे दिसेल:

वेब ब्राउझर विंडोमध्ये समान प्रदर्शन प्राप्त करण्यासाठी, तुम्हाला प्रत्येक लाइन ब्रेकवर BR लिहिणे आवश्यक आहे:

आता आम्ही कार्य साध्य केले आहे आणि काव्यात्मक ओळी ब्राउझरमध्ये पूर्णपणे योग्यरित्या प्रदर्शित केल्या जातील:

अशा प्रकारे, आवश्यक लाइन ब्रेक पूर्ण केले जातात. येथे आणखी एक वैशिष्ट्य लक्षात घेणे आवश्यक आहे की वेब ब्राउझरद्वारे एकामागून एक येत असलेल्या अनेक स्पेस एक म्हणून प्रदर्शित केल्या जातात. एकाच संपादकामध्ये तुम्ही दोन शब्दांमध्ये एक नाही, तर अनेक स्पेस ठेवण्याचा प्रयत्न केल्यास आणि “सेव्ह” बटणावर क्लिक करून ब्राउझरमधील निकाल पाहिल्यास तुम्ही हे सत्यापित करू शकता.

जागा, टॅब आणि लाइन ब्रेक

मुळात, यासह व्हाइटस्पेस वर्णएडिटरमधील मजकूरावर काम सुरू केल्यावर आणि आवश्यक फॉर्ममध्ये ते फॉरमॅट करताच आम्ही एकमेकांना ओळखतो. अशा कार्याची अंमलबजावणी करण्यासाठी, विशेष की आहेत, ज्यापैकी प्रत्येक त्याच्या स्वतःच्या स्पेस कॅरेक्टरशी संबंधित आहे:

स्पेसबार ही संगणकाच्या कीबोर्डवरील सर्वात विस्तृत की आहे (लेबलशिवाय);
टॅब - "टॅब" शिलालेख असलेली डावीकडील की आणि वेगवेगळ्या दिशेने निर्देशित करणारे दोन बाण;
लाइन ब्रेक - "एंटर" की.

तथापि, मी वर म्हटल्याप्रमाणे, जेव्हा आपण पहिली की वापरतो तेव्हाच आपल्याला केवळ मजकूर संपादकातच नव्हे तर ब्राउझरमध्ये देखील अंतिम इच्छित परिणाम मिळतो. सर्व तीन की (HTML कोड फॉरमॅट करताना टॅब आणि लाइन ब्रेकसह उपयुक्त आहेत. सर्व व्हाईटस्पेस वर्ण प्रदर्शित करताना NotePad++ (या संपादकाबद्दल बरीच माहिती आहे) मध्ये कोडचा तुकडा कसा दिसतो असे समजू या:

स्पेसमुळे आम्हाला वाचण्यास आणि समजण्यास सोपे असलेला कोड मिळतो. केशरी बाण टॅब की वापरून तयार केलेले इंडेंटेशन दर्शवतात आणि CR आणि LF चिन्हे एंटर की वापरून तयार केलेले लाइन ब्रेक दर्शवतात.

एकमेकांमध्ये नेस्टेड केलेले कंटेनर पाहिले जातात आणि उघडण्याचे आणि बंद करण्याचे टॅग स्पष्टपणे दृश्यमान असतात. या फॉर्ममध्ये, हा कोड सहजपणे संपादित केला जाऊ शकतो. आता त्याच कोडशी तुलना करा, ज्यामध्ये असा मजकूर विभाग नाही:

त्याच प्रकारे, व्हाईटस्पेस वर्ण वापरून, तुम्ही CSS नियम लिहू शकता जे दृश्यमानपणे स्पष्ट आणि पचण्याजोगे दिसतील:

तुम्ही सर्व शैली एका सामान्य भाजकावर आणल्यानंतर आणि शैली फाइलचे संपादन पूर्ण केल्यानंतर, तुम्ही कोडमधील सर्व स्पेस काढून संपादन करू शकता. हे वाढवण्यासाठी आवश्यक आहे, जे संसाधनाचा प्रचार करताना खूप महत्वाचे आहे.

HTML कोडमधील विशेष वर्ण (किंवा नेमोनिक्स).

आता ज्या प्रकरणांमध्ये मी लेखाच्या सुरुवातीला नमूद केलेले विशेष वर्ण वापरणे आवश्यक आहे ते पाहू. एचटीएमएल स्पेशल कॅरेक्टर, ज्यांना काहीवेळा मेमोनिक्स म्हटले जाते, हायपरटेक्स्ट मार्कअप भाषेत उद्भवलेल्या एन्कोडिंगसह दीर्घकालीन समस्येचे निराकरण करण्यासाठी सादर केले गेले.

जेव्हा तुम्ही कीबोर्डवर मजकूर टाइप करता, तेव्हा तुम्ही वापरत असलेल्या भाषेतील अक्षरे एन्कोड केली जातात. वेब ब्राउझरमध्ये, रिव्हर्स डीकोडिंग ऑपरेशनच्या परिणामी तुम्ही निवडलेले फॉन्ट वापरून टाइप केलेला मजकूर प्रदर्शित केला जाईल.

वस्तुस्थिती अशी आहे की अशा अनेक एन्कोडिंग आहेत, त्यांचे तपशीलवार विश्लेषण करण्याचे आमचे कोणतेही लक्ष्य नाही. हे इतकेच आहे की त्यांच्यापैकी प्रत्येकामध्ये विशिष्ट चिन्हे गहाळ असू शकतात, जे प्रदर्शित करणे आवश्यक आहे. समजा तुम्हाला एकल अवतरण चिन्ह किंवा उच्चारण चिन्ह लिहिण्याची इच्छा आहे असे समजा, परंतु ही चिन्हे सेटमध्ये समाविष्ट केलेली नाहीत.

ही समस्या दूर करण्यासाठी, विशेष चिन्हांची एक प्रणाली सादर केली गेली, ज्यामध्ये मोठ्या संख्येने विविध मेमोनिक्स समाविष्ट आहेत. ते सर्व अँपरसँड "&" ने सुरू होतात आणि सहसा अर्धविराम ";" ने समाप्त होतात. सुरुवातीला, प्रत्येक विशेष वर्णाचा स्वतःचा डिजिटल कोड होता. उदाहरणार्थ, ब्रेकिंग नसलेल्या जागेसाठी, ज्याचा आम्ही खाली अधिक तपशीलवार विचार करू, खालील प्रविष्टी वैध असेल:

परंतु काही काळानंतर, सर्वात सामान्य चिन्हे लक्षात ठेवणे सोपे करण्यासाठी अक्षरांचे ॲनालॉग (स्मरणशास्त्र) नियुक्त केले गेले. त्याच नॉन-ब्रेकिंग स्पेससाठी ते असे दिसते:

परिणामी, ब्राउझर संबंधित चिन्ह प्रदर्शित करतो. नेमोनिक्सची यादी खूप मोठी आहे, HTML मध्ये सर्वात सामान्यपणे वापरले जाणारे विशेष वर्णआपण खालील सारणीवरून शोधू शकता:

चिन्ह	कोड	स्मृतीशास्त्र	वर्णन
			न मोडणारी जागा
			अरुंद जागा (अक्षर n म्हणून en-रुंदी)
			रुंद जागा (एम-अक्षर म्हणून रुंदी)
–	-	–	एन डॅश (एन-डॅश)
-	—	—	एम डॅश (एम डॅश)
	-		मऊ हस्तांतरण
ए		́	ताण "तणाव" अक्षरानंतर ठेवला जातो

©		©	कॉपीराइट
®	®	®	नोंदणीकृत ट्रेडमार्क चिन्ह
™	™	™	ट्रेडमार्क चिन्ह
º	º	º	मंगळाचा भाला
ª	ª	ª	शुक्राचा आरसा
‰	‰	‰	पीपीएम
π	π	π	pi (टाईम्स न्यू रोमन वापरा)
¦	¦	¦	अनुलंब ठिपके असलेली रेषा
§	§	§	परिच्छेद
°	°	°	पदवी
µ	µ	µ	सूक्ष्म चिन्ह
¶	¶	¶	परिच्छेद चिन्ह
…	…	…	लंबगोल
‾	‾	‾	ओव्हरलाइनिंग
´	´	´	उच्चारण चिन्ह
№		№	संख्या चिन्ह
🔍		🔍	भिंग (डावीकडे झुकलेला)
🔎		🔎	भिंग (उजवीकडे झुकलेला)
अंकगणित आणि गणितीय क्रियांची चिन्हे
×	×	×	गुणाकार
÷	÷	÷	विभागणे
<	<		कमी
>	>	>	अधिक
±	±	±	अधिक/वजा
¹	¹	¹	पदवी 1
²	²	²	पदवी 2
³	³	³	पदवी 3
¬	¬	¬	नकार
¼	¼	¼	एक चतुर्थांश
½	½	½	अर्धा
¾	¾	¾	तीन चतुर्थांश
⁄	⁄	⁄	दशांश चिन्ह
−	−	−	वजा
≤	≤	≤	कमी किंवा समान
≥	≥	≥	अधिक किंवा समान
≈	≈	≈	अंदाजे (जवळजवळ) समान
≠	≠	≠	समान नाही
≡	≡	≡	एकसारखे
√	√	√	वर्गमूळ (मूलभूत)
∞	∞	∞	अनंत
∑	∑	∑	बेरीज चिन्ह
∏	∏	∏	कार्य चिन्ह
∂	∂	∂	आंशिक भिन्नता
∫	∫	∫	अविभाज्य
∀	∀	∀	प्रत्येकासाठी (ठळक असल्यासच दृश्यमान)
∃	∃	∃	अस्तित्वात
∅	∅	∅	रिकामा संच
Ø	Ø	Ø	व्यास
∈	∈	∈	संबंधित आहे
∉	∉	∉	संबंधित नाही
∋	∋	∗	समाविष्टीत आहे
⊂	⊂	⊂	उपसंच आहे
⊃	⊃	⊃	एक सुपरसेट आहे
⊄	⊄	⊄	उपसंच नाही
⊆	⊆	⊆	एक उपसंच किंवा समान आहे
⊇	⊇	⊇	सुपरसेट किंवा समान आहे
⊕	⊕	⊕	अधिक वर्तुळात
⊗	⊗	⊗	वर्तुळातील गुणाकार चिन्ह
⊥	⊥	⊥	लंब
∠	∠	∠	कोपरा
∧	∧	∧	तार्किक आणि
∨	∨	∨	तार्किक OR
∩	∩	∩	छेदनबिंदू
∪	∪	∪	युनियन
चलन चिन्हे
€	€	€	युरो
¢	¢	¢	सेंट
£	£	£	Lb
¤	¤t;	¤	चलन चिन्ह
¥	¥	¥	येन आणि युआन चिन्ह
ƒ	ƒ	ƒ	फ्लोरिन चिन्ह
मार्कर
	.		साधे मार्कर
○		○	वर्तुळ
·	·	·	मध्यबिंदू
†		†	फुली
‡		‡	दुहेरी क्रॉस
♠	♠	♠	शिखरे
♣	♣	♣	क्लब
			ह्रदये
♦	♦	♦	हिरे
◊	◊	◊	समभुज चौकोन
✏		✏	पेन्सिल
✎		✎	पेन्सिल
✐		✐	पेन्सिल
✍		✍	हात
कोट्स
"	"	"	दुहेरी कोट
&	&	&	अँपरसँड
«	«	«	डावे टायपोग्राफिक अवतरण चिन्ह (हेरिंगबोन अवतरण चिन्ह)
»	»	»	उजवे टायपोग्राफिक अवतरण चिन्ह (हेरिंगबोन अवतरण चिन्ह)
‹		‹	एकल कोपरा कोट उघडत आहे
›		›	सिंगल कॉर्नर कोट बंद
′	′	′	प्राइम (मिनिटे, फूट)
″	″	″	दुहेरी प्राइम (सेकंद, इंच)
‘	‘	‘	शीर्ष डावा एकल कोट
’	’	’	शीर्ष उजवीकडे एकल कोट
‚	‚	‚	खालचा उजवा एकल कोट
“	“	“	कोट-फूट बाकी
”	”	”	पाय वरच्या उजव्या कोट करा
„	„	„	पाय खाली उजवीकडे कोट करा
❛		❛	एकल इंग्रजी उद्घाटन अवतरण चिन्ह
❜		❜	एकल इंग्रजी बंद अवतरण चिन्ह
❝		❝	दुहेरी अवतरण चिन्ह उघडत आहे
❞		❞	दुहेरी अवतरण चिन्ह बंद करणे
बाण
←	←	←	डावा बाण
			वरचा बाण
→	→	→	उजवा बाण
↓	↓	↓	खाली बाण
↔	↔	↔	डावा आणि उजवा बाण
↕		↕	वर आणि खाली बाण
↵	↵	↵	कॅरेज रिटर्न
⇐	⇐	⇐	दुहेरी डावा बाण
⇑	⇑	⇑	दुप्पट बाण
⇒	⇒	⇒	दुहेरी उजवा बाण
⇓	⇓	⇓	दुहेरी खाली बाण
⇔	⇔	⇔	डावा आणि उजवा दुहेरी बाण
⇕		⇕	दुहेरी वर आणि खाली बाण
▲		▲	त्रिकोण वर बाण
▼		▼	त्रिकोण खाली बाण
			त्रिकोण उजवा बाण
◄		◄	त्रिकोण डावा बाण
तारे, स्नोफ्लेक्स
☃		☃	स्नोमॅन
❄		❄	स्नोफ्लेक
❅		❅	शॅमरॉक्सने सँडविच केलेले स्नोफ्लेक
❆		❆	चरबीचा तीक्ष्ण कोन असलेला स्नोफ्लेक
★		★	छायांकित तारा
☆		☆	कोरा तारा
✪		✪	भरलेल्या वर्तुळात न भरलेला तारा
✫		✫	आत उघड्या वर्तुळासह भरलेला तारा
✯		✯	फिरणारा तारा
⚝		⚝	पांढरा तारा काढला
⚪		⚪	मधले खुले वर्तुळ
⚫		⚫	मधले भरलेले वर्तुळ
⚹		⚹	सेसटाईल (स्नोफ्लेक प्रकार)
✵		✵	आठ टोकांचा फिरणारा तारा
❉		❉	गोलाकार टोकांसह तारा
❋		❋	ठळक आठ-पॉइंट ड्रॉप-आकाराचा तारा-प्रोपेलर
✺		✺	सोळा टोकदार तारका
✹		✹	बारा टोकदार भरलेला तारा
✸		✸	ठळक आठ-बिंदू सरळ भरलेला तारा
✶		✶	सहा-बिंदू असलेला भरलेला तारा
✷		✷	आठ टोकदार सरळ भरलेला तारा
✴		✴	आठ टोकांचा तारा
✳		✳	आठ टोकांचा तारा
✲		✲	रिक्त मध्यभागी तारा
✱		✱	लठ्ठ तारा
✧		✧	टोकदार चार-बिंदू असलेला खुला तारा
✦		✦	टोकदार चार टोकदार भरलेला तारा
⍟		⍟	वर्तुळात तारा
⊛		⊛	एका वर्तुळात स्नोफ्लेक
घड्याळ, वेळ
⏰		⏰	पहा
⌚		⌚	पहा
⌛		⌛	घंटागाडी
⏳		⏳	घंटागाडी

काही विशेष वर्ण वापरण्याची प्रकरणे, ज्यामध्ये ब्रेकिंग नसलेली जागा आणि सॉफ्ट हायफन यांचा समावेश आहे

जर तुम्ही आधीच टेबलचा थोडा अभ्यास केला असेल, तर तुम्हाला मी वर सांगितलेल्या गोष्टीची पुष्टी मिळाली आहे की, सर्व विशेष वर्ण प्रदर्शित करण्यासाठी, एक डिजिटल कोड () किंवा त्याचे वर्णमाला ॲनालॉग (प्रतिकात्मक स्मरणशास्त्र) वापरले जाते, जेथे हॅशच्या संचाऐवजी चिन्ह आणि संख्या, अक्षरे () लिहिलेली आहेत.

आता हे कोड्स कधी वापरायचे ते पाहू. समजा एका लेखात तुम्हाला माहितीच्या उद्देशाने काही HTML टॅग सूचित करणे आवश्यक आहे, उदाहरणार्थ,