HTML குறியீடு, உடைக்காத இடம் மற்றும் பிற சிறப்பு எழுத்துக்களை (நினைவூட்டல்) வடிவமைக்க வைட்ஸ்பேஸ் எழுத்துகளைப் பயன்படுத்துதல். HTML ஆவணங்கள் Html தாவலில் வரி பிரிப்பு, இடைவெளிகள் மற்றும் தாவல்கள்

குறியிடவும்

குறிச்சொல் உரையில் ஒரு தாவல் எழுத்தைக் குறிப்பிடுகிறது. இது /t தப்பிக்கும் வரிசையைப் பயன்படுத்துவதைப் போன்றது.

1 2 3\t\t\t4
காட்டப்பட்டது:
1 2 3 4

ஒரு தாவல் எழுத்து அதில் செருகப்படும்போது கோடு மாறும் தூரத்தை தன்னிச்சையாக அமைக்கலாம். குறிச்சொல்லின் TABSTOPS பண்புக்கூறு இதற்குப் பயன்படுத்தப்படுகிறது.

குறிச்சொல் ஒரு நிலையான HTML குறிச்சொல் அல்ல. உரையை சீரான முறையில் வடிவமைக்க உதவும் வகையில் இது ஃப்ளாஷ் மார்க்அப் குறிச்சொற்களில் சேர்க்கப்பட்டது.

குறிச்சொல்...

விளிம்புகள், உள்தள்ளல்கள் மற்றும் வரி மாற்றங்கள் போன்ற உரை வடிவமைப்பு பண்புகளுக்கு குறிச்சொல் பொறுப்பாகும். பின்வரும் பண்புகளை அதில் குறிப்பிடலாம்:

இடதுபுறம். புள்ளிகளில் இடது விளிம்பு அளவு. ஒரு அனலாக் என்பது TextFormat வகுப்பின் இடது விளிம்பு சொத்து ஆகும்.

வலதுபுறம். புள்ளிகளில் வலது விளிம்பின் மதிப்பு. அனலாக் என்பது TextFormat வகுப்பின் ரைட்மார்ஜின் சொத்து.

உள்தள்ளல். ஒரு பத்தியின் முதல் வரியை புள்ளிகளில் உள்தள்ளவும். TextFormat வகுப்பின் பண்புகளில், இது உள்தள்ளல் பண்புக்கு ஒத்ததாகும்.

பிளாக்கிண்டெண்ட்.

புள்ளிகளில் இடதுபுறத்தில் உரை பத்தியின் உள்தள்ளல். அனலாக் - பிளாக்இன்டென்ட் சொத்து
வகுப்பு உரை வடிவம்.

முன்னணி. புள்ளிகளில் உள்ள கோடுகளுக்கு இடையே உள்ள தூரம். TextFormat வகுப்பின் ஒத்த பண்பு முன்னணியில் உள்ளது.

தாவல்கள். வரிசையின் ஒவ்வொரு தாவல் எழுத்தும் புள்ளிகளில் எந்த வரி ஆஃப்செட்டை ஏற்படுத்தும் என்பதை பண்புக்கூறு குறிப்பிடுகிறது. 1, 2, 3, ... n தாவல் எழுத்துக்கள் ஒரு வரிசையில் தட்டச்சு செய்யப்பட்டால், கோடு சாளரத்திற்கு நகரும் தூரத்தைக் குறிப்பிடும் எண்களின் பட்டியல் அதன் மதிப்பு. TABSTOPS பண்புக்கூறின் அனலாக் என்பது TextFormat வகுப்பின் tabStops பண்பு ஆகும்.


துருவம்.html=துருவம்.எல்லை=முனை
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 (color:#00FF00)";
var red_text:String = ".RED (color:#FF0000)";
var blue_text:String = ".BLUE (color:#0000FF)";
style.parseCSS(green_text+red_text+blue_text);
துருவம்.பாணிதாள்=பாணி;
// உருவாக்கப்பட்ட பாணிகளுடன் உரையைக் காண்பி
pole.text = " 3 பச்சை உரை

சிவப்பு உரை

நீல உரை ";

வணக்கம், வலைப்பதிவு தளத்தின் அன்பான வாசகர்கள். சற்று முன்னதாக, நாங்கள் ஏற்கனவே அதைப் பற்றி பேச முடிந்தது, மேலும் அதில் உள்ள வடிவமைப்பைப் பற்றியும் கற்றுக்கொண்டோம். இன்று நாம் HTML இல் வெள்ளை இடத்தின் கருத்தையும், அதை எழுதும் போது தொடர்புடைய குறியீட்டு வடிவமைப்பையும் (அதன் அடுத்தடுத்த வாசிப்பு மற்றும் உணர்வின் வசதிக்காக) வைத்திருக்கிறோம்.

சரி, உடைக்காத இடம் மற்றும் மென்மையான ஹைபனேஷன் என்ற தலைப்பில் நாங்கள் தொடுவோம் என்ற உண்மையின் காரணமாக, Html மொழியில் பயன்படுத்தப்படும் சிறப்பு எழுத்துக்கள் அல்லது நினைவூட்டல்கள் என்று அழைக்கப்படுபவற்றில் நாங்கள் கவனம் செலுத்த வேண்டும், இது உங்களைச் சேர்க்க உங்களை அனுமதிக்கும். குறியீட்டிற்கு வலை ஆவணம்ஏற்கனவே மேலே குறிப்பிட்டது போன்ற பல கூடுதல் குறியீடுகள். ஆனால் முதல் விஷயங்கள் முதலில்.

HTML இல் இடைவெளிகள் மற்றும் இடைவெளி எழுத்துகள்

இதற்கென பிரத்யேகமாக வடிவமைக்கப்பட்ட குறிச்சொற்களைப் (பத்தி, தலைப்புகள், முதலியன) பயன்படுத்தி உரையை வடிவமைக்கும் சிக்கலுக்குச் செல்வதற்கு முன், HTML மொழியில் இடைவெளிகள், வரி முறிவுகள் (Enter) மற்றும் டேபுலேஷன் எவ்வாறு விளக்கப்படுகிறது, எப்படி உடைப்பது என்பதைப் பற்றி சிந்திக்க விரும்புகிறேன். உலாவி சாளரத்தில் உரையை மறுஅளவாக்கும்போது செயல்படுத்தப்படும்.

உண்மை, இந்த வகையான காட்சி வடிவமைப்பிற்கு (இது வலைப்பக்கத்தில் காணப்படாது), பெரும்பாலும் இது பயன்படுத்தப்படும் இடைவெளிகள் அல்ல, மாறாக தாவல் மற்றும் வரி முறிவு எழுத்துக்கள். அத்தகைய ஒரு விதி உள்ளது - நீங்கள் ஒரு கூடு எழுத தொடங்கும் போது HTML குறிச்சொல், அந்த தாவல்களைப் பயன்படுத்தி உள்தள்ளல்(விசைப்பலகையில் தாவல் விசை), மற்றும் இந்த குறிச்சொல்லை மூடும்போது, ​​உள்தள்ளலை அகற்றவும் (விசைப்பலகையில் Shift+Tab விசை சேர்க்கை).

தொடக்க மற்றும் மூடும் குறிச்சொற்கள் ஒரே செங்குத்து மட்டத்தில் இருக்கும்படி இதைச் செய்ய வேண்டும் (உங்கள் Html எடிட்டரில் பக்கத்தின் வலது விளிம்பிலிருந்து அதே எண்ணிக்கையிலான தாவல்களில், எடுத்துக்காட்டாக, நான் எழுதிய நோட்பேட்++). கூடுதலாக, தொடக்க உறுப்பை எழுதிய உடனேயே பல வரி இடைவெளிகளை உருவாக்கவும், அதே மட்டத்தில் (தாவல்களின் எண்ணிக்கை) மூடுவதை உடனடியாக எழுதவும் நான் உங்களுக்கு அறிவுறுத்துகிறேன், இதனால் நீங்கள் இதை பின்னர் செய்ய மறக்காதீர்கள்.

அந்த. திறப்பு மற்றும் மூடும் கூறுகள் செங்குத்தாக ஒரே மட்டத்தில் இருக்க வேண்டும், மேலும் உள் குறிச்சொற்கள் ஒரு தாவல் எழுத்து மூலம் மாற்றப்பட வேண்டும் மற்றும் மூடுதல் மற்றும் திறப்பு கூறுகள் மீண்டும் அதே மட்டத்தில் வைக்கப்பட வேண்டும்.

எளிமையான வலை ஆவணங்களுக்கு இது ஓவர்கில் போல் தோன்றலாம், ஆனால் அதிகமாகவோ அல்லது குறைவாகவோ சிக்கலானவற்றை உருவாக்கும் போது, ​​அவை குறியீடு மிகவும் தெளிவாகிவிடும்மற்றும் ஏராளமான இடைவெளிகள் காரணமாக படிக்கக்கூடியது, மேலும் குறிச்சொற்களின் சமச்சீர் ஏற்பாட்டின் காரணமாக பிழைகளைக் கண்டறிவது மிகவும் எளிதாக இருக்கும்.

HTML குறியீட்டில் சிறப்பு எழுத்துக்கள் அல்லது நினைவூட்டல்கள்

எனவே, இப்போது சிறப்பு எழுத்துக்கள் என்று அழைக்கப்படுவதைப் பற்றி பேசலாம், இந்த கட்டுரையின் தொடக்கத்தில் நான் அறிவித்த பயன்பாட்டின் எளிமை. சிறப்பு எழுத்துக்கள் சில நேரங்களில் நினைவூட்டல்கள் அல்லது மாற்றீடுகள் என்றும் அழைக்கப்படுகின்றன. அவை நீண்ட காலமாக ஹைபர்டெக்ஸ்ட் மார்க்அப் மொழியில் பயன்படுத்தப்படும் குறியாக்கங்களுடன் தொடர்புடைய ஒரு சிக்கலைத் தீர்க்கும் நோக்கம் கொண்டவை.

நீங்கள் விசைப்பலகையில் உரையைத் தட்டச்சு செய்யும் போது, ​​உங்கள் மொழியின் எழுத்துக்கள் முன்னரே தீர்மானிக்கப்பட்ட அல்காரிதம் படி குறியாக்கம் செய்யப்படுகின்றன, பின்னர் அவை டிகோடிங் காரணமாக நீங்கள் பயன்படுத்தும் எழுத்துருக்களைப் பயன்படுத்தி (எங்கே தேடுவது மற்றும் தளத்தை எவ்வாறு நிறுவுவது) தளத்தில் காட்டப்படும்.

நிறைய குறியாக்கங்கள் உள்ளன, ஆனால் Html மொழிக்கு குறியீட்டு முறைகளின் நீட்டிக்கப்பட்ட பதிப்பு முன்னிருப்பாக ஏற்றுக்கொள்ளப்பட்டது.

இந்த உரை குறியாக்கத்தில் 256 எழுத்துக்களை மட்டுமே எழுத முடிந்தது - ASCII இலிருந்து 128 மற்றும் ரஷ்ய எழுத்துக்களுக்கு 128. இதன் விளைவாக, ASCII இல் சேர்க்கப்படாத மற்றும் ரஷ்ய எழுத்துக்கள் சேர்க்கப்படாத எழுத்துகளின் தளங்களில் பயன்படுத்துவதில் சிக்கல் எழுந்தது. விண்டோஸ் குறியாக்கங்கள் 1251 (CP1251). சரி, நீங்கள் ஒரு டில்டு அல்லது அபோஸ்ட்ரோபியைப் பயன்படுத்த முடிவு செய்தீர்கள், ஆனால் அத்தகைய சாத்தியங்கள் ஆரம்பத்தில் பயன்படுத்தப்படுகின்றன HTML மொழிகுறியாக்கம் சேர்க்கப்படவில்லை.

அத்தகைய நிகழ்வுகளுக்கு மாற்றீடுகள் அல்லது வேறுவிதமாகக் கூறினால், நினைவூட்டல்கள் கண்டுபிடிக்கப்பட்டன. ஆரம்பத்தில் சிறப்பு எழுத்துக்கள் டிஜிட்டல் வடிவத்தைக் கொண்டிருந்தன, ஆனால் பின்னர் மிகவும் பொதுவானவற்றுக்கு, அவற்றை எளிதாக நினைவில் வைத்துக் கொள்வதற்காக அவற்றின் எழுத்துப் பிரதிகள் சேர்க்கப்பட்டன.

பொதுவாக, நினைவாற்றல் என்பது ஒரு ஆம்பர்சண்ட் "&" உடன் தொடங்கி அரைப்புள்ளி ";" உடன் முடிவடையும் ஒரு எழுத்து. இந்த குணாதிசயங்களின் அடிப்படையில் உலாவி, HTML குறியீட்டைப் பாகுபடுத்தும் போது, ​​அதிலிருந்து சிறப்பு எழுத்துக்களைப் பிரித்தெடுக்கிறது. எண் வைல்டு கார்டு குறியீட்டில் உள்ள ஆம்பர்சண்ட் உடனடியாக "#" என்ற பவுண்டு அடையாளத்துடன் இருக்க வேண்டும், சில சமயங்களில் ஹாஷ் என்று அழைக்கப்படுகிறது. யூனிகோட் குறியாக்கத்தில் விரும்பிய எழுத்தின் டிஜிட்டல் குறியீட்டைப் பின்தொடர்கிறது.

யூனிகோடில் 60,000 க்கும் மேற்பட்ட எழுத்துக்களை எழுதலாம் - முக்கிய விஷயம் என்னவென்றால், உங்களுக்குத் தேவையான நினைவூட்டல் சின்னம் உங்கள் தளத்தில் பயன்படுத்தப்படும் எழுத்துருவால் ஆதரிக்கப்படுகிறது. ஏறக்குறைய அனைத்து யூனிகோட் எழுத்துகளையும் ஆதரிக்கும் எழுத்துருக்கள் உள்ளன, மேலும் குறிப்பிட்ட எழுத்துக்குறிகளுடன் மட்டுமே விருப்பத்தேர்வுகள் உள்ளன.

சிறப்பு எழுத்துக்களின் முழு பட்டியல் வெறுமனே பெரியதாக இருக்கும், ஆனால் மிகவும் பொதுவாக பயன்படுத்தப்படும் நினைவூட்டல்கள்உதாரணமாக இந்த அட்டவணையில் இருந்து நீங்கள் கடன் வாங்கலாம்:

சின்னம்HTML குறியீடுதசம
குறியீடு
விளக்கம்
உடைக்காத இடம்
குறுகிய இடம் (என்-அகலம் எழுத்து n)
பரந்த இடம் (எம்-அகலம் எழுத்து m)
- என் கோடு (என்-டாஷ்)
- எம் கோடு (எம் கோடு)
­ - ­ மென்மையான பரிமாற்றம்
́ மன அழுத்தம் "அழுத்தம்" கடிதத்திற்குப் பிறகு வைக்கப்படுகிறது
© © பதிப்புரிமை
® ® ® பதிவு செய்யப்பட்ட வர்த்தக முத்திரை
வர்த்தக முத்திரை அடையாளம்
º º º செவ்வாய் கிரகத்தின் ஈட்டி
ª ª ª வீனஸின் கண்ணாடி
பிபிஎம்
π π π பை (டைம்ஸ் நியூ ரோமன் பயன்படுத்தவும்)
¦ ¦ ¦ செங்குத்து புள்ளியிடப்பட்ட கோடு
§ § § பத்தி
° ° ° பட்டம்
µ µ µ மைக்ரோ அடையாளம்
பத்தி குறி
நீள்வட்டங்கள்
மேலோட்டமான
´ ´ ´ உச்சரிப்பு குறி
எண் அடையாளம்
🔍 🔍 பூதக்கண்ணாடி (இடது பக்கம் சாய்ந்தது)
🔎 🔎 பூதக்கண்ணாடி (வலது பக்கம் சாய்ந்தது)
எண்கணிதம் மற்றும் கணித செயல்பாடுகளின் அறிகுறிகள்
× × × பெருக்கி
÷ ÷ ÷ பிரி
< < குறைவாக
> > > மேலும்
± ± ± கூட்டல்/கழித்தல்
¹ ¹ ¹ பட்டம் 1
² ² ² பட்டம் 2
³ ³ ³ பட்டம் 3
¬ ¬ ¬ மறுப்பு
¼ ¼ ¼ கால் வாசி
½ ½ ½ ஒரு பாதி
¾ ¾ ¾ நான்கில் மூன்று பங்கு
தசம புள்ளி
கழித்தல்
குறைவாக அல்லது சமமாக
அதிகமாகவோ அல்லது சமமாகவோ
தோராயமாக (கிட்டத்தட்ட) சமம்
சமமாக இல்லை
ஒரே மாதிரியாக
சதுர வேர் (தீவிரமான)
முடிவிலி
கூட்டுத்தொகை அடையாளம்
வேலை குறி
பகுதி வேறுபாடு
ஒருங்கிணைந்த
அனைவருக்கும் (தடிமனாக இருந்தால் மட்டுமே தெரியும்)
உள்ளது
வெற்று தொகுப்பு
Ø Ø Ø விட்டம்
சொந்தமானது
சொந்தமில்லை
கொண்டுள்ளது
ஒரு துணைக்குழு ஆகும்
ஒரு சூப்பர்செட் ஆகும்
துணைக்குழு அல்ல
துணைக்குழு அல்லது சமமானது
ஒரு சூப்பர்செட் அல்லது சமமானது
மேலும் ஒரு வட்டத்தில்
ஒரு வட்டத்தில் பெருக்கல் அடையாளம்
செங்குத்தாக
மூலையில்
தருக்க மற்றும்
தருக்க OR
குறுக்குவெட்டு
ஒன்றியம்
நாணய அறிகுறிகள்
ரூபிள். ரூபிள் குறி எண்ணுடன் இணைந்து பயன்படுத்தப்பட வேண்டும். யூனிகோட் 7.0 தரநிலை. நீங்கள் படத்தைப் பார்க்கவில்லை என்றால், உங்கள் யூனிகோட் எழுத்துருக்களைப் புதுப்பிக்கவும்.
யூரோ
¢ ¢ ¢ சதம்
£ £ £ எல்பி
¤ ¤ ¤ நாணய அடையாளம்
¥ ¥ ¥ யென் மற்றும் யுவான் அடையாளம்
ƒ ƒ ƒ புளோரின் அடையாளம்
குறிப்பான்கள்
. எளிய மார்க்கர்
வட்டம்
· · · நடுப்புள்ளி
குறுக்கு
இரட்டை குறுக்கு
சிகரங்கள்
கிளப்புகள்
இதயங்கள்
வைரங்கள்
ரோம்பஸ்
எழுதுகோல்
எழுதுகோல்
எழுதுகோல்
கை
மேற்கோள்கள்
" " " இரட்டை மேற்கோள்
& & & அம்பர்சண்ட்
« « « இடது அச்சுக்கலை மேற்கோள் குறி (ஹெர்ரிங்போன் மேற்கோள் குறி)
» » » வலது அச்சுக்கலை மேற்கோள் குறி (ஹெர்ரிங்போன் மேற்கோள் குறி)
ஒற்றை மூலையில் மேற்கோள் திறப்பு
ஒற்றை மூலையில் மேற்கோள் நிறைவு
முதன்மை (நிமிடங்கள், அடி)
இரட்டை முதன்மை (வினாடிகள், அங்குலம்)
மேல் இடது ஒற்றை மேற்கோள்
மேல் வலது ஒற்றை மேற்கோள்
கீழ் வலது ஒற்றை மேற்கோள்
மேற்கோள்-அடி இடது
மேற்கோள் கால் மேல் வலது
மேற்கோள் அடி கீழ் வலது
ஒற்றை ஆங்கில தொடக்க மேற்கோள் குறி
ஒற்றை ஆங்கில இறுதி மேற்கோள் குறி
இரட்டை மேற்கோள் குறியைத் திறக்கிறது
இறுதி இரட்டை மேற்கோள் குறி
அம்புகள்
இடது அம்பு
மேல் அம்பு
வலது அம்பு
கீழே அம்பு
இடது மற்றும் வலது அம்பு
மேல் மற்றும் கீழ் அம்பு
வண்டி திரும்புதல்
இரட்டை இடது அம்பு
இரட்டை மேல் அம்பு
இரட்டை வலது அம்பு
இரட்டை கீழ் அம்புக்குறி
இடது மற்றும் வலது இரட்டை அம்பு
இரட்டை மேல் மற்றும் கீழ் அம்பு
முக்கோண மேல் அம்பு
முக்கோண கீழ் அம்புக்குறி
முக்கோண வலது அம்புக்குறி
முக்கோண இடது அம்பு
நட்சத்திரங்கள், ஸ்னோஃப்ளேக்ஸ்
பனிமனிதன்
ஸ்னோஃப்ளேக்
ஷாம்ராக்ஸால் ஸ்னோஃப்ளேக் சாண்ட்விச்
கொழுத்த கூர்மையான கோண ஸ்னோஃப்ளேக்
நிழலாடிய நட்சத்திரம்
வெற்று நட்சத்திரம்
நிரப்பப்பட்ட வட்டத்தில் நிரப்பப்படாத நட்சத்திரம்
உள்ளே திறந்த வட்டத்துடன் நிரப்பப்பட்ட நட்சத்திரம்
சுழலும் நட்சத்திரம்
வரையப்பட்ட வெள்ளை நட்சத்திரம்
நடுத்தர திறந்த வட்டம்
நடுத்தர நிரப்பப்பட்ட வட்டம்
செக்ஸ்டைல் ​​(ஸ்னோஃப்ளேக் வகை)
எட்டு புள்ளிகள் கொண்ட சுழலும் நட்சத்திரம்
கோள முனைகள் கொண்ட நட்சத்திரம்
தடித்த எட்டு-புள்ளிகள் கொண்ட துளி வடிவ நட்சத்திர-உந்துவிசை
பதினாறு புள்ளிகள் கொண்ட நட்சத்திரம்
பன்னிரண்டு புள்ளிகள் கொண்ட நட்சத்திரம்
தடிமனான எட்டு புள்ளிகள் நேராக நிரப்பப்பட்ட நட்சத்திரம்
ஆறு புள்ளிகள் நிறைந்த நட்சத்திரம்
எட்டு புள்ளிகள் நேராக நிரப்பப்பட்ட நட்சத்திரம்
எட்டு புள்ளிகள் கொண்ட நட்சத்திரம்
எட்டு புள்ளிகள் கொண்ட நட்சத்திரம்
வெற்று மையத்துடன் நட்சத்திரம்
கொழுப்பு நட்சத்திரம்
சுட்டிக்காட்டப்பட்ட நான்கு புள்ளிகள் கொண்ட திறந்த நட்சத்திரம்
சுட்டி நான்கு புள்ளிகள் நிரப்பப்பட்ட நட்சத்திரம்
ஒரு வட்டத்தில் நட்சத்திரம்
ஒரு வட்டத்தில் ஸ்னோஃப்ளேக்
கடிகாரம், நேரம்
பார்க்கவும்
பார்க்கவும்
மணிமேகலை
மணிமேகலை

மிகவும் சுவாரஸ்யமான ஒன்று உள்ளது பெறும் முறை HTML குறியீடுநினைவாற்றல்உங்களுக்கு தேவையான அடையாளத்திற்காக. இதைச் செய்ய, எடிட்டரைத் திறக்கவும் மைக்ரோசாப்ட் வேர்டு, உருவாக்கு புதிய ஆவணம்மற்றும் தேர்வு செய்யவும் மேல் மெனு"செருகு" - "சின்னம்" (நான் 2003 பதிப்பைப் பயன்படுத்துகிறேன், எனவே அடுத்த பதிப்புகளில் இதேபோன்ற செயல்பாட்டை எவ்வாறு செய்வது என்று எனக்குத் தெரியவில்லை).

திறக்கும் சாளரத்தில், நீங்கள் ஒரு எழுத்துருவைத் தேர்ந்தெடுக்க வேண்டும், எடுத்துக்காட்டாக, டைம்ஸ் நியூ ரோமன் (அல்லது உங்கள் தள பார்வையாளர்களின் பெரும்பாலான கணினிகளில் வெளிப்படையாக இருக்கும் - கூரியர் அல்லது ஏரியல், எடுத்துக்காட்டாக).

உங்களுக்குத் திறக்கும் பட்டியலில் இருந்து சேர்க்கவும் வார்த்தை ஆவணம்உங்களுக்குத் தேவையான அனைத்து சிறப்பு எழுத்துகளும் மற்றும் இந்த வேர்ட் ஆவணத்தை வலைப்பக்கமாகச் சேமிக்கவும் (சேமிக்கும் போது ".html" கீழ்தோன்றும் பட்டியலில் இருந்து தேர்ந்தெடுக்கப்பட்டது). சரி, நீங்கள் செய்ய வேண்டியது இந்த வலைப்பக்கத்தை எந்த HTML எடிட்டரிலும் திறக்கவும் (அதே நோட்பேட்++ செய்யும்) மற்றும் நீங்கள் அனைத்தையும் பார்ப்பீர்கள் டிஜிட்டல் குறியீடுகள்உங்களுக்கு தேவையான நினைவூட்டல்கள்:

முறை கொஞ்சம் சிக்கலானது, ஆனால் உங்கள் இணையதளப் பக்கத்தில் சில அரிய சிறப்பு எழுத்துக்களைப் பயன்படுத்த விரும்பினால், மேலே காட்டப்பட்டுள்ளதைப் போன்ற அட்டவணைகளை இணையத்தில் தேடுவதை விட இது எளிதாக இருக்கும். இதன் விளைவாக வரும் சிறப்பு எழுத்துக் குறியீட்டை நீங்கள் சரியான இடத்தில் ஒட்ட வேண்டும், அதற்குப் பதிலாக வலைப்பக்கத்தில் உலாவி உங்களுக்குத் தேவையான எழுத்தைக் காண்பிக்கும் (எடுத்துக்காட்டாக, உடைக்காத இடம்).

எடுத்துக்காட்டுகளில் உடைக்காத இடம் மற்றும் மென்மையான ஹைபன்

நான் ஏற்கனவே மேலே குறிப்பிட்டுள்ளபடி மற்றும் மேலே கொடுக்கப்பட்ட சிறப்பு எழுத்துக்களின் அட்டவணையில் இருந்து நீங்கள் பார்க்க முடியும் என, Html இல் சில நினைவூட்டல்கள் டிஜிட்டல் தவிர, எளிதாக மனப்பாடம் செய்வதற்கான குறியீட்டு பதவியையும் பெற்றன. அந்த. "#" (ஹாஷ்) என்ற ஹாஷ் அடையாளத்திற்குப் பதிலாக, குறியீட்டு வகைகளில் வார்த்தைகள் பயன்படுத்தப்படுகின்றன. எடுத்துக்காட்டாக, உடைக்காத அதே இடத்தை (டிஜிட்டல் நினைவாற்றல்) அல்லது (எழுத்து) என எழுதலாம்.

கட்டுரைகளை எழுதும் போது, ​​நீங்கள் ஒரு ஆம்பர்சண்ட் (&) அல்லது திறந்த கோண அடைப்புக்குறியைச் செருக வேண்டும் என்றால் (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

அதாவது, நீங்கள் ஒரு கட்டுரையை எழுதுகிறீர்கள் என்றால், அதில் நீங்கள் செருக வேண்டும், எடுத்துக்காட்டாக, உரையில் ஒரு குறிச்சொல் காட்சி< body>அல்லது நீங்கள் ஒரு சிறிய குறியைச் செருக வேண்டும் (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

எனவே, இதேபோன்ற சிக்கலைத் தீர்க்க பின்வரும் கட்டுமானத்தை நீங்கள் செருக வேண்டும்:

நினைவூட்டல்களின் குறியீட்டைக் காட்டுவதற்கும் இது பொருந்தும், ஏனெனில் அவை ஒரு ஆம்பர்சண்டில் தொடங்குகின்றன. நீங்கள் குறியீட்டை உரையில் செருக வேண்டும், ஆம்பர்சண்ட் அடையாளத்தை அதன் மாற்றாக (சிறப்பு எழுத்து) மாற்ற வேண்டும்:

பக்கத்தைப் பெற இது செய்யப்பட வேண்டும்<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

நீங்கள் பெரும்பாலும் உடைக்காத இடத்தைப் பயன்படுத்துவீர்கள், இது வலைப்பக்கத்தில் வழக்கமான இடத்தைப் போல இருக்கும், ஆனால் உலாவி அதை ஒரு ஸ்பேஸ் கேரக்டராகக் கருதாது மற்றும் அதன் மீது இடமாற்றங்களை மேற்கொள்ளாது(உதாரணமாக, 1400 ஜிபி போன்ற சொற்றொடர்களுக்கு இது பொருத்தமானதாக இருக்கும், இது வெவ்வேறு வரிகளில் ஹைபனேட் செய்வது நல்லதல்ல):

1400 ஜிபி.

உரையில் மிக நீண்ட சொற்கள் இருக்கும்போது சில நேரங்களில் எதிர் நிலைமை ஏற்படலாம் மற்றும் தேவைப்பட்டால், உலாவியை உறுதி செய்ய வேண்டும். நான் இந்த வார்த்தைகளை ஹைபனேஷன் மூலம் உடைக்க முடியும். அத்தகைய நோக்கங்களுக்காக, ஒரு சிறப்பு சின்னம் "மென்மையான பரிமாற்றம்" வழங்கப்படுகிறது -

நீண்ட, நீண்ட சொல்;

வேறொரு வரிக்குச் செல்ல வேண்டிய அவசியம் ஏற்பட்டால், உலாவி மென்மையான ஹைபன் நினைவூட்டலுக்குப் பதிலாக ஹைபனைப் பயன்படுத்துகிறது மற்றும் மீதமுள்ள வார்த்தையை அடுத்த வரிக்கு அனுப்பும். இந்த முழு வார்த்தையையும் ஒரு வரியில் வைக்க போதுமான இடம் இருந்தால், உலாவி எந்த வரி ஊட்டத்தையும் வரையாது. இது மிகவும் எளிமையானது.

அதிர்ஷ்டம் உங்களுக்கு உரித்தாகட்டும்! வலைப்பதிவு தளத்தின் பக்கங்களில் விரைவில் சந்திப்போம்

நீங்கள் ஆர்வமாக இருக்கலாம்

MailTo - அது என்ன மற்றும் ஒரு மின்னஞ்சலை அனுப்ப Html இல் இணைப்பை எவ்வாறு உருவாக்குவது
Html 4.01 தரநிலையின்படி H1-H6, கிடைமட்ட கோடு Hr, வரி முறிவு Br மற்றும் பத்தி P ஆகியவற்றின் குறிச்சொற்கள் மற்றும் பண்புக்கூறுகள்
HTML - IMG மற்றும் A குறிச்சொற்களில் ஒரு இணைப்பையும் படத்தையும் (புகைப்படம்) எவ்வாறு செருகுவது
ஹைப்பர்டெக்ஸ்ட் மார்க்அப் மொழி Html என்றால் என்ன மற்றும் W3C வேலிடேட்டரில் உள்ள அனைத்து குறிச்சொற்களின் பட்டியலை எவ்வாறு பார்ப்பது
எழுத்துரு (முகம், அளவு மற்றும் நிறம்), பிளாக்கோட் மற்றும் முன் குறிச்சொற்கள் - தூய HTML இல் மரபு உரை வடிவமைப்பு (சிஎஸ்எஸ் பயன்படுத்தப்படவில்லை)
Html மற்றும் CSS குறியீட்டில் வண்ணங்கள் எவ்வாறு அமைக்கப்படுகின்றன, அட்டவணையில் RGB நிழல்களின் தேர்வு, Yandex வெளியீடு மற்றும் பிற நிரல்கள்
கருத்து வழிகாட்டுதல்கள் மற்றும் Html குறியீட்டில் டாக்டைப், அத்துடன் தொகுதி மற்றும் இன்லைன் கூறுகளின் கருத்து (குறிச்சொற்கள்)
Html குறியீட்டில் உள்ள பட்டியல்கள் - UL, OL, LI மற்றும் DL குறிச்சொற்கள்

வணக்கம், வலைப்பதிவு தளத்தின் அன்பான வாசகர்களே! குறைந்த பட்சம் மேலோட்டமாகத் தங்களைப் பற்றி அறிந்தவர்கள் பொதுவாக ஏற்கனவே கவனித்திருக்கலாம். இதன் பொருள் ஆவணக் குறியீட்டில் பொதுவாக என்ன HTML குறியீடுகள் பயன்படுத்தப்படுகின்றன என்பது பற்றிய யோசனை அவர்களுக்கு உள்ளது.

இன்றைய கட்டுரையில், HTML இல் ஒரு இடம் என்ன என்பதைக் கண்டுபிடிக்க முயற்சிப்போம், மேலும் எந்தெந்த சந்தர்ப்பங்களில் குறியீட்டை எளிதாகப் படிக்கும் வகையில் வடிவமைக்கும் போது இடைவெளி எழுத்துக்களைப் பயன்படுத்தலாம். உடைக்காத இடத்தைப் பயன்படுத்துவது எப்போது அவசியம் என்பதைக் கண்டுபிடிப்போம், மேலும் பிற சிறப்பு எழுத்துக்களையும் (அல்லது, அவை நினைவூட்டல்கள் என்றும் அழைக்கப்படுகின்றன) பற்றி அறிந்து கொள்வோம்.

உண்மையில், பல்வேறு சிறப்பு எழுத்துக்களைப் பயன்படுத்துவதற்கான தலைப்பைப் புறக்கணிக்க வேண்டாம் என்று நான் உங்களுக்கு அறிவுறுத்துகிறேன், ஏனெனில் இது ஹைபர்டெக்ஸ்ட் மார்க்அப் மொழியின் படிப்பை முடிக்க உங்களை அனுமதிக்கும் ஒரு முக்கிய அங்கமாகும். பொதுவாக, இந்த வெளியீட்டில் வழங்கப்பட்ட தகவல்கள் நிச்சயமாக மிதமிஞ்சியதாக இருக்காது. சரி, இப்போது விஷயத்திற்கு.

HTML இல் இடைவெளிகள் மற்றும் இடைவெளி எழுத்துகள்

முதலில் ஒரு முக்கியமான குறிப்பு செய்ய வேண்டும். கணினி விசைப்பலகையில் சிறப்பு விசைகள் உள்ளன, அவை உரையைப் பிரிக்க உங்களை அனுமதிக்கின்றன (மேலும் கீழே). இருப்பினும், ஒரு பரந்த ஸ்பேஸ்பார் மட்டுமே எடிட்டரில் மட்டுமல்ல, உலாவி சாளரத்திலும் சொற்களுக்கு இடையில் பிரிப்பை வழங்குகிறது. கோடுகளை உடைத்து விளிம்புகளிலிருந்து உள்தள்ளும் போது நுணுக்கங்கள் உள்ளன.

உங்களுக்குத் தெரியும், இணைய உலாவியில் சில கூறுகளின் காட்சி குறிச்சொற்களால் தீர்மானிக்கப்படுகிறது. உரையை வடிவமைக்க, நன்கு அறியப்பட்ட, தொகுதி அடிப்படையிலானது, பயன்படுத்தப்படுகிறது. அதாவது, அதன் உள்ளடக்கம் கிடைக்கக்கூடிய முழு அகலத்திலும் அமைந்துள்ளது.

செய்ய பத்தியில் கோடுகளை மடக்கு P, நீங்கள் ஒரு BR குறிச்சொல்லைப் பயன்படுத்த வேண்டும், இதன் மூலம் இதைச் செய்யலாம். டெக்ஸ்ட் எடிட்டரில் நாம் எழுதும் ஒரு கவிதையிலிருந்து சில வரிகளை உரையில் செருக வேண்டும் என்று வைத்துக்கொள்வோம்:

வசனத்தின் வரிகள் சரியாக அமைந்திருந்தாலும், சரியான இடங்களில் ஹைபன்கள் செய்யப்பட்டிருந்தாலும், உலாவியில் எல்லாம் வித்தியாசமாக இருக்கும்:


இணைய உலாவி சாளரத்தில் அதே காட்சியை அடைய, ஒவ்வொரு வரி இடைவெளியிலும் BR எழுத வேண்டும்:

இப்போது நாம் பணியை அடைந்துவிட்டோம் மற்றும் கவிதை வரிகள் உலாவியில் சரியாகக் காட்டப்படும்:

இதனால், தேவையான வரி உடைப்புகள் நிறைவடைகின்றன. இங்கு கவனிக்க வேண்டிய மற்றொரு அம்சம் என்னவென்றால், ஒன்றன் பின் ஒன்றாக வரும் பல இடைவெளிகள் இணைய உலாவியால் ஒன்றாகக் காட்டப்படும். அதே எடிட்டரில் நீங்கள் இரண்டு வார்த்தைகளுக்கு இடையில் ஒன்று அல்ல, பல இடைவெளிகளை வைக்க முயற்சித்தால், "சேமி" பொத்தானைக் கிளிக் செய்வதன் மூலம், உலாவியில் முடிவைப் பார்க்கவும்.

ஸ்பேஸ், டேப் மற்றும் லைன் ப்ரேக்

அடிப்படையில், இவற்றுடன் இடைவெளி எழுத்துக்கள்எடிட்டரில் உள்ள டெக்ஸ்ட் உடன் வேலை செய்ய ஆரம்பித்து, தேவையான படிவத்தில் பார்மட் செய்தவுடன் ஒருவரை ஒருவர் தெரிந்து கொள்கிறோம். அத்தகைய பணியைச் செயல்படுத்த, சிறப்பு விசைகள் உள்ளன, ஒவ்வொன்றும் அதன் சொந்த இடத் தன்மைக்கு ஒத்திருக்கிறது:

  • Spacebar என்பது கணினி விசைப்பலகையில் உள்ள அகலமான விசையாகும் (லேபிள் இல்லாமல்);
  • தாவல் - "தாவல்" கல்வெட்டுடன் இடதுபுறத்தில் ஒரு விசை மற்றும் வெவ்வேறு திசைகளில் சுட்டிக்காட்டும் இரண்டு அம்புகள்;
  • வரி முறிவு - "Enter" விசை.

இருப்பினும், நான் மேலே கூறியது போல், உரை எடிட்டரில் மட்டுமல்ல, உலாவியிலும், முதல் விசையைப் பயன்படுத்தும்போது மட்டுமே இறுதி விரும்பிய முடிவைப் பெறுகிறோம். மூன்று விசைகளும் (தாவல் மற்றும் லைன் பிரேக் உட்பட HTML குறியீட்டை வடிவமைக்கும் போது பயனுள்ளதாக இருக்கும். அனைத்து வைட்ஸ்பேஸ் எழுத்துக்களையும் காண்பிக்கும் போது, ​​NotePad++ இல் (இந்த எடிட்டரைப் பற்றி நிறைய தகவல்கள் உள்ளன) குறியீடு துண்டு எப்படி இருக்கும் என்று சொல்லலாம்:


ஸ்பேஸ்கள் மூலம் எளிதாகப் படிக்கவும் புரிந்துகொள்ளவும் கூடிய குறியீட்டைப் பெறுகிறோம். ஆரஞ்சு அம்புகள் தாவல் விசையைப் பயன்படுத்தி உருவாக்கப்பட்ட உள்தள்ளல்களைக் குறிக்கின்றன, மேலும் CR மற்றும் LF குறியீடுகள் Enter விசையைப் பயன்படுத்தி உருவாக்கப்பட்ட வரி முறிவுகளைக் குறிக்கின்றன.

ஒருவருக்கொருவர் உள்ளமைக்கப்பட்ட கொள்கலன்கள் பார்க்கப்படுகின்றன, மேலும் திறக்கும் மற்றும் மூடும் குறிச்சொற்கள் தெளிவாகத் தெரியும். இந்த வடிவத்தில், இந்த குறியீட்டை எளிதாக திருத்தலாம். இப்போது அத்தகைய உரைப் பிரிவு இல்லாத அதே குறியீட்டுடன் ஒப்பிடவும்:

அதே வழியில், இடைவெளி எழுத்துக்களைப் பயன்படுத்தி, நீங்கள் CSS விதிகளை எழுதலாம், அவை பார்வைக்கு தெளிவாகவும் செரிமானமாகவும் இருக்கும்:


நீங்கள் அனைத்து பாணிகளையும் ஒரு பொதுவான வகுப்பிற்குக் கொண்டு வந்து, ஸ்டைல்ஸ் கோப்பை முழுவதுமாக எடிட்டிங் செய்து முடித்த பிறகு, குறியீட்டிலிருந்து எல்லா இடங்களையும் நீக்கி எடிட்டிங் செய்யலாம். அதிகரிக்க இது அவசியம், இது ஒரு வளத்தை ஊக்குவிக்கும் போது மிகவும் முக்கியமானது.

HTML குறியீட்டில் சிறப்பு எழுத்துக்கள் (அல்லது நினைவூட்டல்கள்).

கட்டுரையின் தொடக்கத்தில் நான் குறிப்பிட்ட சிறப்பு எழுத்துக்களைப் பயன்படுத்த வேண்டிய நிகழ்வுகளைப் பார்ப்போம். HTML சிறப்பு எழுத்துக்கள், சில சமயங்களில் நினைவூட்டல்கள் என்று அழைக்கப்படுகின்றன, அவை ஹைப்பர்டெக்ஸ்ட் மார்க்அப் மொழியில் எழுந்த குறியாக்கங்களுடனான நீண்டகால சிக்கலை தீர்க்க அறிமுகப்படுத்தப்பட்டன.

நீங்கள் விசைப்பலகையில் உரையை தட்டச்சு செய்யும் போது, ​​நீங்கள் பயன்படுத்தும் மொழியின் எழுத்துக்கள் குறியாக்கம் செய்யப்படுகின்றன. இணைய உலாவியில், தலைகீழ் டிகோடிங் செயல்பாட்டின் விளைவாக நீங்கள் தேர்ந்தெடுத்த எழுத்துருக்களைப் பயன்படுத்தி தட்டச்சு செய்யப்பட்ட உரை காட்டப்படும்.

உண்மை என்னவென்றால், இதுபோன்ற பல குறியாக்கங்கள் உள்ளன; இப்போது அவற்றை விரிவாக பகுப்பாய்வு செய்ய எங்களுக்கு எந்த நோக்கமும் இல்லை. அவை ஒவ்வொன்றும் சில சின்னங்களைக் காணவில்லை, இருப்பினும், அவை காட்டப்பட வேண்டும். ஒற்றை மேற்கோள் குறிகள் அல்லது உச்சரிப்புக் குறியை எழுத வேண்டும் என்று நீங்கள் ஆசைப்படுகிறீர்கள் என்று வைத்துக்கொள்வோம், ஆனால் இந்த சின்னங்கள் தொகுப்பில் சேர்க்கப்படவில்லை.

இந்த சிக்கலை அகற்றுவதற்காக, சிறப்பு சின்னங்களின் அமைப்பு அறிமுகப்படுத்தப்பட்டது, இதில் ஏராளமான பல்வேறு நினைவூட்டல்கள் அடங்கும். அவை அனைத்தும் ஒரு ஆம்பர்சண்ட் "&" உடன் தொடங்கி பொதுவாக அரைப்புள்ளி ";" உடன் முடிவடையும். முதலில், ஒவ்வொரு சிறப்பு எழுத்துக்கும் அதன் சொந்த டிஜிட்டல் குறியீடு இருந்தது. எடுத்துக்காட்டாக, உடைக்காத இடத்துக்கு, கீழே விரிவாகப் பார்ப்போம், பின்வரும் உள்ளீடு செல்லுபடியாகும்:

ஆனால் சிறிது நேரத்திற்குப் பிறகு, மிகவும் பொதுவான சின்னங்கள் அவற்றை நினைவில் வைக்க எளிதாக்குவதற்கு கடிதம் ஒப்புமைகள் (நினைவூட்டல்கள்) ஒதுக்கப்பட்டன. உடைக்காத அதே இடத்திற்கு இது போல் தெரிகிறது:

இதன் விளைவாக, உலாவி தொடர்புடைய குறியீட்டைக் காட்டுகிறது. நினைவூட்டல்களின் பட்டியல் மிகவும் பெரியது, HTML இல் பொதுவாகப் பயன்படுத்தப்படும் சிறப்பு எழுத்துக்கள்பின்வரும் அட்டவணையில் இருந்து நீங்கள் கண்டறியலாம்:

சின்னம் குறியீடு நினைவாற்றல் விளக்கம்
உடைக்காத இடம்
குறுகிய இடம் (என்-அகலம் எழுத்து n)
பரந்த இடம் (எம்-அகலம் எழுத்து m)
- என் கோடு (என்-டாஷ்)
- எம் கோடு (எம் கோடு)
­ - ­ மென்மையான பரிமாற்றம்
́ மன அழுத்தம் "அழுத்தம்" கடிதத்திற்குப் பிறகு வைக்கப்படுகிறது
© © பதிப்புரிமை
® ® ® பதிவு செய்யப்பட்ட வர்த்தக முத்திரை
வர்த்தக முத்திரை அடையாளம்
º º º செவ்வாய் கிரகத்தின் ஈட்டி
ª ª ª வீனஸின் கண்ணாடி
பிபிஎம்
π π π பை (டைம்ஸ் நியூ ரோமன் பயன்படுத்தவும்)
¦ ¦ ¦ செங்குத்து புள்ளியிடப்பட்ட கோடு
§ § § பத்தி
° ° ° பட்டம்
µ µ µ மைக்ரோ அடையாளம்
பத்தி குறி
நீள்வட்டங்கள்
மேலோட்டமான
´ ´ ´ உச்சரிப்பு குறி
எண் அடையாளம்
🔍 🔍 பூதக்கண்ணாடி (இடது பக்கம் சாய்ந்தது)
🔎 🔎 பூதக்கண்ணாடி (வலது பக்கம் சாய்ந்தது)
எண்கணிதம் மற்றும் கணித செயல்பாடுகளின் அறிகுறிகள்
× × × பெருக்கி
÷ ÷ ÷ பிரி
< < குறைவாக
> > > மேலும்
± ± ± கூட்டல்/கழித்தல்
¹ ¹ ¹ பட்டம் 1
² ² ² பட்டம் 2
³ ³ ³ பட்டம் 3
¬ ¬ ¬ மறுப்பு
¼ ¼ ¼ கால் வாசி
½ ½ ½ ஒரு பாதி
¾ ¾ ¾ நான்கில் மூன்று பங்கு
தசம புள்ளி
கழித்தல்
குறைவாக அல்லது சமமாக
அதிகமாகவோ அல்லது சமமாகவோ
தோராயமாக (கிட்டத்தட்ட) சமம்
சமமாக இல்லை
ஒரே மாதிரியாக
சதுர வேர் (தீவிரமான)
முடிவிலி
கூட்டுத்தொகை அடையாளம்
வேலை குறி
பகுதி வேறுபாடு
ஒருங்கிணைந்த
அனைவருக்கும் (தடிமனாக இருந்தால் மட்டுமே தெரியும்)
உள்ளது
வெற்று தொகுப்பு
Ø Ø Ø விட்டம்
சொந்தமானது
சொந்தமில்லை
கொண்டுள்ளது
ஒரு துணைக்குழு ஆகும்
ஒரு சூப்பர்செட் ஆகும்
துணைக்குழு அல்ல
துணைக்குழு அல்லது சமமானது
ஒரு சூப்பர்செட் அல்லது சமமானது
மேலும் ஒரு வட்டத்தில்
ஒரு வட்டத்தில் பெருக்கல் அடையாளம்
செங்குத்தாக
மூலையில்
தருக்க மற்றும்
தருக்க OR
குறுக்குவெட்டு
ஒன்றியம்
நாணய அறிகுறிகள்
யூரோ
¢ ¢ ¢ சதம்
£ £ £ எல்பி
¤ ¤t; ¤ நாணய அடையாளம்
¥ ¥ ¥ யென் மற்றும் யுவான் அடையாளம்
ƒ ƒ ƒ புளோரின் அடையாளம்
குறிப்பான்கள்
. எளிய மார்க்கர்
வட்டம்
· · · நடுப்புள்ளி
குறுக்கு
இரட்டை குறுக்கு
சிகரங்கள்
கிளப்புகள்
இதயங்கள்
வைரங்கள்
ரோம்பஸ்
எழுதுகோல்
எழுதுகோல்
எழுதுகோல்
கை
மேற்கோள்கள்
" " " இரட்டை மேற்கோள்
& & & அம்பர்சண்ட்
« « « இடது அச்சுக்கலை மேற்கோள் குறி (ஹெர்ரிங்போன் மேற்கோள் குறி)
» » » வலது அச்சுக்கலை மேற்கோள் குறி (ஹெர்ரிங்போன் மேற்கோள் குறி)
ஒற்றை மூலையில் மேற்கோள் திறப்பு
ஒற்றை மூலையில் மேற்கோள் நிறைவு
முதன்மை (நிமிடங்கள், அடி)
இரட்டை முதன்மை (வினாடிகள், அங்குலம்)
மேல் இடது ஒற்றை மேற்கோள்
மேல் வலது ஒற்றை மேற்கோள்
கீழ் வலது ஒற்றை மேற்கோள்
மேற்கோள்-அடி இடது
மேற்கோள் கால் மேல் வலது
மேற்கோள் அடி கீழ் வலது
ஒற்றை ஆங்கில தொடக்க மேற்கோள் குறி
ஒற்றை ஆங்கில இறுதி மேற்கோள் குறி
இரட்டை மேற்கோள் குறியைத் திறக்கிறது
இறுதி இரட்டை மேற்கோள் குறி
அம்புகள்
இடது அம்பு
மேல் அம்பு
வலது அம்பு
கீழே அம்பு
இடது மற்றும் வலது அம்பு
மேல் மற்றும் கீழ் அம்பு
வண்டி திரும்புதல்
இரட்டை இடது அம்பு
இரட்டை மேல் அம்பு
இரட்டை வலது அம்பு
இரட்டை கீழ் அம்புக்குறி
இடது மற்றும் வலது இரட்டை அம்பு
இரட்டை மேல் மற்றும் கீழ் அம்பு
முக்கோண மேல் அம்பு
முக்கோண கீழ் அம்புக்குறி
முக்கோண வலது அம்புக்குறி
முக்கோண இடது அம்பு
நட்சத்திரங்கள், ஸ்னோஃப்ளேக்ஸ்
பனிமனிதன்
ஸ்னோஃப்ளேக்
ஷாம்ராக்ஸால் ஸ்னோஃப்ளேக் சாண்ட்விச்
கொழுத்த கூர்மையான கோண ஸ்னோஃப்ளேக்
நிழலாடிய நட்சத்திரம்
வெற்று நட்சத்திரம்
நிரப்பப்பட்ட வட்டத்தில் நிரப்பப்படாத நட்சத்திரம்
உள்ளே திறந்த வட்டத்துடன் நிரப்பப்பட்ட நட்சத்திரம்
சுழலும் நட்சத்திரம்
வரையப்பட்ட வெள்ளை நட்சத்திரம்
நடுத்தர திறந்த வட்டம்
நடுத்தர நிரப்பப்பட்ட வட்டம்
செக்ஸ்டைல் ​​(ஸ்னோஃப்ளேக் வகை)
எட்டு புள்ளிகள் கொண்ட சுழலும் நட்சத்திரம்
கோள முனைகள் கொண்ட நட்சத்திரம்
தடித்த எட்டு-புள்ளிகள் கொண்ட துளி வடிவ நட்சத்திர-உந்துவிசை
பதினாறு புள்ளிகள் கொண்ட நட்சத்திரம்
பன்னிரண்டு புள்ளிகள் கொண்ட நட்சத்திரம்
தடிமனான எட்டு புள்ளிகள் நேராக நிரப்பப்பட்ட நட்சத்திரம்
ஆறு புள்ளிகள் நிறைந்த நட்சத்திரம்
எட்டு புள்ளிகள் நேராக நிரப்பப்பட்ட நட்சத்திரம்
எட்டு புள்ளிகள் கொண்ட நட்சத்திரம்
எட்டு புள்ளிகள் கொண்ட நட்சத்திரம்
வெற்று மையத்துடன் நட்சத்திரம்
கொழுப்பு நட்சத்திரம்
சுட்டிக்காட்டப்பட்ட நான்கு புள்ளிகள் கொண்ட திறந்த நட்சத்திரம்
சுட்டி நான்கு புள்ளிகள் நிரப்பப்பட்ட நட்சத்திரம்
ஒரு வட்டத்தில் நட்சத்திரம்
ஒரு வட்டத்தில் ஸ்னோஃப்ளேக்
கடிகாரம், நேரம்
பார்க்கவும்
பார்க்கவும்
மணிமேகலை
மணிமேகலை

உடைக்காத இடம் மற்றும் மென்மையான ஹைபன் உள்ளிட்ட சில சிறப்பு எழுத்துக்களைப் பயன்படுத்துவதற்கான வழக்குகள்

நீங்கள் ஏற்கனவே அட்டவணையை சிறிது ஆய்வு செய்திருந்தால், மேலே நான் சொன்னதை உறுதிப்படுத்தியிருப்பீர்கள், அனைத்து சிறப்பு எழுத்துக்களையும் காட்ட, ஒரு டிஜிட்டல் குறியீடு () அல்லது அதன் அகரவரிசை அனலாக் (குறியீட்டு நினைவூட்டல்கள்) பயன்படுத்தப்படுகிறது, அங்கு ஹாஷின் தொகுப்பிற்கு பதிலாக. மதிப்பெண்கள் மற்றும் எண்கள், எழுத்துக்கள் () எழுதப்பட்டுள்ளன.

இந்தக் குறியீடுகளை எப்போது பயன்படுத்த வேண்டும் என்று இப்போது பார்க்கலாம். ஒரு கட்டுரையில் நீங்கள் தகவல் நோக்கங்களுக்காக சில HTML குறிச்சொல்லைக் குறிப்பிட வேண்டும், எடுத்துக்காட்டாக,

. நீங்கள் விசைப்பலகையில் இருந்து கோண அடைப்புக்குறிகளைத் தட்டச்சு செய்தால் (மற்றும் அத்தகைய விருப்பம் உள்ளது), உலாவி அத்தகைய கட்டுமானத்தை ஒரு தொடக்க குறிச்சொல்லாக உணரும், மற்றும் உரையின் எளிய துண்டு அல்ல.

எனவே, சிறப்பு எழுத்துக்களின் அதே HTML அட்டவணையில் இருந்து தொடர்புடைய குறியீடுகளை எடுத்துக்கொள்கிறோம், முழு உள்ளீடும் இப்படி இருக்கும்:

கூடுதலாக, உலாவியில் காண்பிப்பதற்காக, ஆம்பர்சண்ட் கையொப்பம் இல்லை, ஆனால் அதன் பதவி வடிவம்

, அட்டவணையில் இருந்து அதன் குறியீட்டைச் சேர்க்க வேண்டும்:

அடிக்குறிப்பு

பின் உலாவியானது FOOTER குறிச்சொல்லைக் காண்பிக்கப் பயன்படுத்த வேண்டிய நினைவூட்டல்களின் பதிவை சரியாகக் காண்பிக்கும். இது கொஞ்சம் குழப்பமாக இருக்கிறது, ஆனால் இந்தப் பக்கத்தில் “HTML” புலத்தில் தொடர்புடைய எழுத்துக்களுக்கான நினைவூட்டல்களை உள்ளிட்டு “ரன்” பொத்தானைப் பயன்படுத்தி, “முடிவு” பகுதியில் அவற்றின் காட்சியின் முடிவைப் பெறுவதன் மூலம் இந்த அம்சத்தைப் பயிற்சி செய்யலாம். உலாவி:


ஏற்கனவே குறிப்பிட்டுள்ள BR குறிச்சொல்லைப் பயன்படுத்தி உரை மூடப்பட்டிருப்பதை நான் உறுதிசெய்துள்ளேன், இதனால் எழுத்துக்கள் ஒரு வரியில் அல்ல, ஆனால் வசதிக்காக ஒரு நெடுவரிசையில் காட்டப்படும்.

மேலே போ. சில நேரங்களில் கலவைகள் வெவ்வேறு வரிகளாக பிரிக்க விரும்பத்தகாத உரையில் எழுகின்றன. "1000 ரூபிள்" என்று சொல்லலாம். அதை மேல் வரியில் விட்டுவிடுவது தர்க்கரீதியாக இருக்கும், அல்லது போதுமான இடம் இல்லை என்றால், முழு கட்டமைப்பையும் கீழே ஒரு வரிக்கு நகர்த்தவும்.

மொபைல் உள்ளிட்ட பல்வேறு திரை அகலங்களைக் கொண்ட சாதனங்களைப் பயனர்கள் பயன்படுத்தினால் இது குறிப்பாக உண்மை. உண்மையில், இந்த விஷயத்தில், இணைய உலாவி புதிய நிபந்தனைகளுக்கு ஏற்ப உரையை வடிவமைக்கிறது. நிலையான மானிட்டர் அளவுகளில் உரை சரியாகத் தெரிந்தால், அவை மாறினால், எல்லாம் மாறலாம்.

இந்த வழக்குகளுக்கு இது வழங்கப்படுகிறது HTML உடைக்காத இடம், நான் ஏற்கனவே குறிப்பிட்டது. இந்த விஷயத்தில் ஸ்பேஸ் குறியீடு பின்வருமாறு என்பதை உங்களுக்கு நினைவூட்டுகிறேன்:

மேலும் இது இணைக்கப்பட வேண்டிய இரண்டு செட் அறிகுறிகளுக்கு இடையில் செருகப்பட வேண்டும்:

1000 ரூபிள்.

இப்போது உலாவி எந்தச் சூழ்நிலையிலும் அவற்றைப் பிரிக்காது, அதைச் சரியாகக் காட்ட உரை வடிவமைத்தல் தேவைப்பட்டாலும் கூட.

மிக நீண்ட சொல் இலவச இடத்திற்கு பொருந்தாத சூழ்நிலையும் உள்ளது, மேலும் நீங்கள் அதன் ஒரு பகுதியை நகர்த்த வேண்டும். தேவைப்பட்டால், இந்த வழக்கில் ஒரு புதிய வரியை நான் எவ்வாறு முன் வரையறுப்பது? இதற்காக உள்ளது சிறப்பு மென்மையான ஹைபன் எழுத்து-, வார்த்தையை உடைக்க வேண்டிய இடத்தில் வைக்க வேண்டும்:

நீண்ட நீண்ட நீண்ட நீண்ட சொல்

ஒரு வார்த்தையை ஹைபனேட் செய்ய வேண்டிய சூழ்நிலை ஏற்பட்டால், மென்மையான ஹைபன் நினைவூட்டலின் இடத்தில் ஒரு இடைவெளி உருவாகிறது, அங்கு ஒரு ஹைபன் (ஹைபன்) தோன்றும், மீதமுள்ள வார்த்தை கீழே அடுத்த வரியில் தோன்றும்.

இருப்பினும், மீண்டும், நடைமுறையில் தொடர்ச்சியான மற்றும் மென்மையான பரிமாற்றத்தின் எடுத்துக்காட்டுகள் உட்பட இந்த முழு விஷயத்தையும் பார்ப்பது பயனுள்ளதாக இருக்கும்:


இந்த எடிட்டரின் சாளரத்தில், இடது சுட்டி பொத்தானைக் கொண்டு இந்தப் பகுதியின் விளிம்பைப் பிடித்து, அதை வெளியிடாமல், அகலத்தைக் குறைக்க இடதுபுறமாக இழுப்பதன் மூலம் "முடிவு" பார்க்கும் புலத்தின் அளவை மாற்றலாம். உலாவி உள்ளடக்கத்தை சரியாகக் காண்பிக்க அதை மறுவடிவமைக்கத் தொடங்கும் போது ஒரு உண்மையான சூழ்நிலை எழுகிறது.

மற்றும் பரிமாற்றம் மேற்கொள்ளப்படுகிறது, இது நான் விவரித்த எடுத்துக்காட்டுகளில் வழங்கப்பட்டது. இருப்பினும், நீங்கள் பார்க்கும் சாளரத்தை நகர்த்தலாம், அதை விரிவுபடுத்தலாம் மற்றும் சுருக்கலாம், மேலும் இதை பார்வைக்கு சரிபார்க்கலாம்.

ஆவணம் திரையில் காட்டப்படும் போது, ​​குறிச்சொற்களில் உள்ள உரையைத் தவிர, இடைவெளிகள் மற்றும் வெற்று வரிகள் பாதுகாக்கப்படாது. முன்(முன் வடிவமைக்கப்பட்ட உரை). அதாவது, இடைவெளிகள், தாவல்கள் மற்றும் வெற்று வரிகளின் எந்த வரிசையும் ஒரு HTML கோப்பில் உள்ள ஒரு இடைவெளிக்கு சமம். மறுபுறம், ஒரு HTML கோப்பில் உள்ள வெள்ளை இடத்தை எத்தனை இடைவெளிகள் அல்லது புதிய (வெற்று) வரிகளைப் பயன்படுத்தி குறிப்பிடலாம்.

கால நியூலின்(புதிய வரி) கோட்பாட்டளவில் ஒரு கோட்டின் முடிவைக் குறிக்கப் பயன்படுகிறது. SGML ஒரு வரி (பதிவு) ஒரு தொடக்க எழுத்துடன் (புதிய வரி - வரி ஊட்டம், LF, ASCII குறியீடு 10) தொடங்கி, பதிவு எழுத்துடன் (வண்டி திரும்புதல், CR, ASCII 13) முடிவடைய வேண்டும் என்று குறிப்பிடுகிறது. நடைமுறையில், HTML ஆவணங்கள் கொடுக்கப்பட்ட கணினி அமைப்புகளுக்கு இணங்க புதிய வரி பிரதிநிதித்துவத்தைப் பயன்படுத்தி வழங்கப்படுகின்றன மற்றும் அனுப்பப்படுகின்றன. எனவே, HTML உலாவிகள் CR LF, CR மட்டும் அல்லது LF மட்டும் என்ற வரிசையால் குறிக்கப்படும் மூன்று பொதுவான வரிப் பிரிப்பு பிரதிநிதித்துவங்களில் ஏதேனும் ஒன்றை ஆதரிக்க அனுமதிக்கின்றன, மேலும் இந்த அனுமானத்தின் அடிப்படையில் அவை பதிவுகளின் முன்னணி மற்றும் பின்தங்கிய எழுத்துக்களின் பிரதிநிதித்துவத்தில் பிழைகளை முன்னிலைப்படுத்துகின்றன. .

எனவே, ஒரு வரி ஊட்டமானது இடைவெளிக்கு சமமானதாக இருப்பதால், உரையை எப்படி வரிகளாகப் பிரிப்பது என்பது முக்கியமல்ல. எவ்வாறாயினும், HTML இல் ஒரு வார்த்தையை இரண்டு வரிகளாகப் பிரிக்கக்கூடாது என்பதை நினைவில் கொள்ளவும். எடுத்துக்காட்டாக, கீழே காட்டப்பட்டுள்ளபடி, சர்வதேச என்ற வார்த்தையை இரண்டு வரிகளாகப் பிரித்தால்:

சர்வதேச

என இது விளங்கும்

சர்வதேச

எனவே, உங்கள் ஆவணத்தை தர்க்கரீதியாக முன்வைக்க, நீங்கள் HTML குறிச்சொற்களைப் பயன்படுத்த வேண்டும் பிஅல்லது பி.ஆர்தேவைப்பட்டால் ஒரு வரி ஊட்டத்தை வழங்க.

உலாவிகள் பொதுவாக வார்த்தைகளை இரண்டு வரிகளாகப் பிரிப்பதில்லை. இந்த சிக்கலைப் பற்றிய HTML 3.2 குறிப்பு விவரக்குறிப்புகள் மிகவும் துல்லியமாக இல்லை மற்றும் அட்டவணைப் பகுதியைப் பற்றி விவாதிக்கும்போது, ​​​​பின்வரும் கொடுக்கப்பட்டுள்ளது:

சில பயனர் முகவர்களுக்கு, ஒரு வார்த்தைக்குள் ஒரு சரத்தை மொழிபெயர்ப்பது அவசியமாகவோ அல்லது விரும்பத்தக்கதாகவோ இருக்கலாம். இதுபோன்ற சந்தர்ப்பங்களில், இது நடந்ததா என்பதை பார்வைக்கு சரிபார்க்க அறிவுறுத்தப்படுகிறது.

ஜாக்கிரதை வரி நீளம் உங்கள் கட்டுப்பாட்டிற்கு அப்பாற்பட்டது. இது உலாவி, கணினி மற்றும் உங்கள் ஆவணத்தைப் பார்க்கும் நபர்களால் உருவாக்கப்பட்ட அமைப்புகளைப் பொறுத்தது. பொதுவாக, வார்த்தைகளுக்கு இடையில் வரி முறிவுகளைத் தடுக்க எந்த வழியும் இல்லை, ஆனால் தொடர்ச்சியான இடைவெளிகளைப் பயன்படுத்தி வரி முறிவுகளைத் தடுக்க முயற்சி செய்யலாம்.

HTML குறிச்சொற்களுடன் இணைந்து புதிய வரியைப் பயன்படுத்துவது குறித்து, சிறப்பு விதிகள் உள்ளன:

  • தொடக்க குறிச்சொல்லைத் தொடர்ந்து உடனடியாக வரி முறிவுகள் புறக்கணிக்கப்படும். உதாரணமாக, வரிகள்
  • அதேபோல், இறுதிக் குறிச்சொல்லுக்கு முந்தைய வரி முறிவு புறக்கணிக்கப்படுகிறது. உதாரணமாக, வரிகள்

கிடைமட்ட தாவல் (HT) எழுத்தை HTML ஆவணத்தில் பயன்படுத்தலாம். ஆனால் உறுப்புக்குள் முன்தாவல் எழுத்துக்கு ஒரு சிறப்பு விளக்கம் உள்ளது, இது ஒரு இடத்திற்கு சமமானது மற்றும் எந்த வகையான தாவல் தகவலையும் கொண்டு செல்லாது. (அட்டவணை செய்யப்பட்ட தரவைப் பிரதிநிதித்துவப்படுத்த, உறுப்பைப் பயன்படுத்தவும் மேசை.) நடைமுறையில், நீங்கள் ஆவணத்தின் HTML மூலக் குறியீட்டை தாவல்களாக வடிவமைக்க விரும்பினால், HTML குறியீட்டில் தாவல் எழுத்துக்களைச் சேர்ப்பதைத் தவிர்ப்பது மற்றும் அதற்குப் பதிலாக பொருத்தமான இடைவெளிகளைப் பயன்படுத்துவது நல்லது.

எதற்கும் வித்தியாசம் இருக்கிறது எழுதப்பட்டதுஉங்கள் HTML குறியீட்டில் மற்றும் என்ன காட்டப்படும்உலாவியில்.

நாம் ஏற்கனவே பார்த்தபடி, குறிச்சொற்கள்போன்ற HTML<р>, உலாவியால் மட்டுமே படிக்கப்படும் (எதை அறிய வகைஉள்ளடக்கங்கள் எழுதப்பட்டுள்ளன), ஆனால் காட்டப்படவில்லைஅவனில்.

எப்படி எழுதலாம் என்று பார்த்தோம் கருத்துக்கள் HTML குறியீட்டில், உலாவியில் அந்தக் கருத்துகளைக் காட்டாமல், ஒரு மனிதனுக்குக் குறியீட்டைப் படிக்க உதவும்.

எழுதப்பட்ட குறியீடு மற்றொரு வகை புறக்கணிக்கப்பட்டதுஉலாவி உள்ளது விண்வெளி, இதில் அடங்கும்:

  • வரி முறிவுகள்;
  • வெற்று கோடுகள்;
  • தாவல் (அல்லது உள்தள்ளல்).

வரி முறிவுகள்

HTML குறியீட்டில் வரி முறிவுகள் மற்றும் வெற்று கோடுகள் (அவை வரி முறிவுகளின் வரிசை). புறக்கணிக்கப்பட்டதுஉலாவி. அவை அளவு மட்டுமே ஒற்றைவிண்வெளி.

இணையத்தின் அசல் யோசனை என்னவென்றால், இது தகவல்களைப் பகிர்வதன் மூலம் நீங்கள் தொடர்பு கொள்ளக்கூடிய ஒரு கூட்டு இடமாக இருக்க வேண்டும்.

அதை உண்மையாக்க செருகுவரி முறிவு நீங்கள் உறுப்பு பயன்படுத்த வேண்டும்
:

அதன் சிறந்த, வாழ்க்கை சரியானது
கணிக்க முடியாதது

அட்டவணை

அட்டவணை Tab விசையைப் பயன்படுத்தி பெறப்பட்ட ஒரு சிறப்பு எழுத்து. இது வழக்கமாக கர்சரை அடுத்த தாவல் நிறுத்தத்திற்கு நகர்த்துகிறது, ஆனால் சில நேரங்களில் இரண்டு இடைவெளிகளாக மாறும்.

எப்படியிருந்தாலும், வழக்கமான இடம், தாவல் போன்றது கண்ணுக்கு தெரியாத. இது உலாவியால் புறக்கணிக்கப்பட்டது:

இந்த உரையைத் தட்டுவோம்.

நீங்கள் இடத்தை சேர்க்க விரும்பினால் முன்சுருக்கமாக, நீங்கள் CSS ஐப் பயன்படுத்த வேண்டும்.

நீங்கள் ஒரு HTML உறுப்பை மூட விரும்பினால், முதலில் அதன் குழந்தை உறுப்புகள் அனைத்தையும் மூட வேண்டும்.

மர வடிவமைப்பு

HTML உறுப்புகள் ஒன்றோடொன்று உள்ளமைக்க முடியும் என்பதால், நீங்கள் ஒரு கண் வைத்திருக்க வேண்டும் ஆணைப்படிஅவை திறக்கப்பட்டதில், அவை மூடப்பட்ட வரிசையை இது பாதிக்கும்.

இந்த குறியீடு எழுதப்பட்டுள்ளது ஒன்றுவரி.

HTML உறுப்புகள் திறக்கப்பட்ட வரிசையைக் கண்காணிப்பது கடினமாக இருப்பதால், HTML ஐ எழுத பரிந்துரைக்கப்படுகிறது மர வடிவம்:

இந்த குறியீடு எழுதப்பட்டுள்ளது சிலகோடுகள், ஆனால் இன்னும் தோன்றும் ஒன்றுவரி.

மர வடிவமைப்பு உங்களை அனுமதிக்கிறது பார்வைக்குஇனப்பெருக்கம் கூடு கட்டும் நிலைஉங்கள் HTML குறியீடு. இது பார்ப்பதை எளிதாக்குகிறது:

  • இருக்கிறது மூதாதையர்;
  • - பெற்றோர்க்கு மற்றும் ;

  • மற்றும் - இது சகோதரத்துவஉறுப்புகள்.

நீங்கள் படிக்க HTML ஐ எழுதுங்கள்

தாவல்கள், வெற்று கோடுகள், செட் ஸ்பேஸ்கள் மற்றும் லைன் பிரேக்குகள் ஆகியவை கணினியால் தவிர்க்கப்பட்டு, அவை அனைத்தும் மாறிவிடும் ஒரு இடம்.

ஒரு HTML ஆவணம் ஒரு மனிதனால் எழுதப்பட்டு படிக்கப்படுகிறது, ஆனால் கணினியால் மட்டுமே படிக்கப்படுகிறது. தாவல்கள், இடைவெளிகள் மற்றும் வரி முறிவுகள் உலாவி எவ்வாறு இணையப் பக்கத்தைப் படிக்கும் மற்றும் அதைத் தொடர்ந்து காண்பிக்கும் என்பதைப் பாதிக்காது என்பதால், உங்கள் ஆவணத்தை மிகவும் படிக்கக்கூடிய வகையில் வடிவமைக்கலாம். நானேவழி.

HTML வடிவமைப்பிற்கு குறிப்பிட்ட விதிகள் எதுவும் இல்லை, ஆனால் மறைமுகமானவை உள்ளன ஒப்பந்தங்கள், குறிப்பாக:

  • பயன்படுத்த அட்டவணைகாட்சிப்படுத்த உதவும் இணைப்புகள் HTML கூறுகள்;
  • தொகுதி உறுப்புகளின் திறப்பு மற்றும் மூடல் குறிச்சொற்களை செருகவும் தனி கோடுகள்;
  • இன்லைன் கூறுகளை ஒரு வரியில் எழுதவும் (திறத்தல் மற்றும் மூடுதல் குறிச்சொற்கள் உட்பட).