ഹലോ, പ്രിയ വായനക്കാരേബ്ലോഗ് സൈറ്റ്. കുറച്ച് മുമ്പ്, ഞങ്ങൾ ഇതിനകം അതിനെക്കുറിച്ച് സംസാരിക്കാൻ കഴിഞ്ഞു, അതിലെ ഡിസൈനിനെക്കുറിച്ചും പഠിച്ചു. ഇന്ന് നമുക്ക് HTML-ലെ വൈറ്റ് സ്പേസ് എന്ന ആശയവും അത് എഴുതുമ്പോൾ അനുബന്ധ കോഡ് ഫോർമാറ്റിംഗും ഉണ്ട് (അതിൻ്റെ തുടർന്നുള്ള വായനയുടെയും ധാരണയുടെയും സൗകര്യാർത്ഥം).

ശരി, ഞങ്ങൾ വിഷയത്തിൽ സ്പർശിക്കും എന്ന വസ്തുതയുമായി ബന്ധപ്പെട്ട് നോൺ-ബ്രേക്കിംഗ് സ്പേസ്കൂടാതെ സോഫ്റ്റ് ട്രാൻസ്ഫർ, Html ഭാഷയിൽ ഉപയോഗിക്കുന്ന പ്രത്യേക പ്രതീകങ്ങൾ അല്ലെങ്കിൽ ഓർമ്മപ്പെടുത്തലുകൾ എന്ന് വിളിക്കപ്പെടുന്നവയിൽ ഞങ്ങൾ ശ്രദ്ധ കേന്ദ്രീകരിക്കേണ്ടതുണ്ട്, അത് നിങ്ങളെ കോഡിലേക്ക് ചേർക്കാൻ അനുവദിക്കും. വെബ് പ്രമാണംമുകളിൽ സൂചിപ്പിച്ചതുപോലെ നിരവധി അധിക ചിഹ്നങ്ങൾ. എന്നാൽ ആദ്യം കാര്യങ്ങൾ ആദ്യം.

HTML-ലെ സ്‌പെയ്‌സുകളും വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകങ്ങളും

ഇതിനായി പ്രത്യേകം രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്ന ടാഗുകൾ (ഖണ്ഡിക, തലക്കെട്ടുകൾ മുതലായവ) ഉപയോഗിച്ച് ടെക്‌സ്‌റ്റ് ഫോർമാറ്റ് ചെയ്യുന്ന പ്രശ്‌നത്തിലേക്ക് കടക്കുന്നതിന് മുമ്പ്, സ്‌പെയ്‌സുകൾ, ലൈൻ ബ്രേക്കുകൾ (Enter), ടാബുലേഷൻ എന്നിവ HTML ഭാഷയിൽ എങ്ങനെ വ്യാഖ്യാനിക്കപ്പെടുന്നു, ബ്രേക്കിംഗ് എങ്ങനെ എന്നതിനെക്കുറിച്ച് ചിന്തിക്കാൻ ഞാൻ ആഗ്രഹിക്കുന്നു. ബ്രൗസർ വിൻഡോയിൽ ടെക്‌സ്‌റ്റ് വലുപ്പം മാറ്റുമ്പോൾ അത് പുറത്തു കൊണ്ടുപോയി.

ശരിയാണ്, ഇത്തരത്തിലുള്ള വിഷ്വൽ ഫോർമാറ്റിംഗിനായി (ഇത് വെബ് പേജിൽ ദൃശ്യമാകില്ല), മിക്കപ്പോഴും ഇത് ഉപയോഗിക്കുന്നത് സ്പെയ്സുകളല്ല, പകരം ടാബ്, ലൈൻ ബ്രേക്ക് പ്രതീകങ്ങൾ എന്നിവയാണ്. അത്തരമൊരു നിയമമുണ്ട് - നിങ്ങൾ ഒരു നെസ്റ്റഡ് Html ടാഗ് എഴുതാൻ തുടങ്ങുമ്പോൾ ടാബുകൾ ഉപയോഗിച്ച് ഇൻഡൻ്റ് ചെയ്യുക (ടാബ് കീകീബോർഡിൽ), നിങ്ങൾ ഈ ടാഗ് അടയ്ക്കുമ്പോൾ, ഇൻഡൻ്റേഷൻ നീക്കം ചെയ്യുക (കീബോർഡിലെ Shift+Tab കീ കോമ്പിനേഷൻ).

ഓപ്പണിംഗ്, ക്ലോസിംഗ് ടാഗുകൾ ഒരേ ലംബ തലത്തിൽ (നിങ്ങളുടെ Html എഡിറ്ററിലെ പേജിൻ്റെ വലത് അറ്റത്ത് നിന്നുള്ള അതേ എണ്ണം ടാബുകളിൽ, ഉദാഹരണത്തിന്, ഞാൻ എഴുതിയ നോട്ട്പാഡ്++) ഇത് ചെയ്യണം. കൂടാതെ, ഓപ്പണിംഗ് എലമെൻ്റ് എഴുതിയ ഉടൻ തന്നെ നിരവധി ലൈൻ ബ്രേക്കുകൾ ഉണ്ടാക്കാനും ക്ലോസിംഗ് ഒരെണ്ണം ഒരേ തലത്തിൽ (ടാബുകളുടെ എണ്ണം) എഴുതാനും ഞാൻ നിങ്ങളെ ഉപദേശിക്കുന്നു, അതുവഴി ഇത് പിന്നീട് ചെയ്യാൻ നിങ്ങൾ മറക്കരുത്.

ആ. ഓപ്പണിംഗ്, ക്ലോസിംഗ് ഘടകങ്ങൾ ലംബമായി ഒരേ ലെവലിൽ ആയിരിക്കണം, കൂടാതെ ആന്തരിക ടാഗുകൾ ഒരു ടാബ് പ്രതീകം ഉപയോഗിച്ച് മാറ്റുകയും ക്ലോസിംഗും ഓപ്പണിംഗ് ഘടകങ്ങളും അതേ ലെവലിൽ വീണ്ടും സ്ഥാപിക്കുകയും വേണം.

വേണ്ടി ലളിതമായ വെബ്പ്രമാണങ്ങൾ ഇത് ഓവർകില്ലായി തോന്നാം, പക്ഷേ കൂടുതലോ കുറവോ സങ്കീർണ്ണമായവ സൃഷ്ടിക്കുമ്പോൾ, അവ കോഡ് കൂടുതൽ വ്യക്തമാകുംകൂടാതെ ധാരാളം ഇടങ്ങൾ ഉള്ളതിനാൽ വായിക്കാൻ കഴിയും, കൂടാതെ ടാഗുകളുടെ സമമിതി ക്രമീകരണം കാരണം പിശകുകൾ കണ്ടെത്തുന്നത് വളരെ എളുപ്പമായിരിക്കും.

HTML കോഡിലെ പ്രത്യേക പ്രതീകങ്ങൾ അല്ലെങ്കിൽ ഓർമ്മപ്പെടുത്തലുകൾ

അതിനാൽ, ഇപ്പോൾ നമുക്ക് പ്രത്യേക പ്രതീകങ്ങൾ എന്ന് വിളിക്കപ്പെടുന്നതിനെക്കുറിച്ച് സംസാരിക്കാം, ഈ ലേഖനത്തിൻ്റെ തുടക്കത്തിൽ ഞാൻ പ്രഖ്യാപിച്ച ഉപയോഗത്തിൻ്റെ ലാളിത്യം. പ്രത്യേക പ്രതീകങ്ങളെ ചിലപ്പോൾ ഓർമ്മപ്പെടുത്തലുകൾ അല്ലെങ്കിൽ പകരക്കാർ എന്നും വിളിക്കുന്നു. വളരെക്കാലം മുമ്പ് ഭാഷയിൽ ഉയർന്നുവന്ന ഒരു പ്രശ്നം പരിഹരിക്കാനാണ് അവ ഉദ്ദേശിക്കുന്നത്. ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ്ഉപയോഗിച്ച എൻകോഡിംഗുമായി ബന്ധപ്പെട്ട പ്രശ്നം.

നിങ്ങൾ കീബോർഡിൽ ടെക്സ്റ്റ് ടൈപ്പുചെയ്യുമ്പോൾ, നിങ്ങളുടെ ഭാഷയുടെ പ്രതീകങ്ങൾ മുൻകൂട്ടി നിശ്ചയിച്ച അൽഗോരിതം അനുസരിച്ച് എൻകോഡ് ചെയ്യപ്പെടും, തുടർന്ന് ഡീകോഡിംഗ് കാരണം നിങ്ങൾ ഉപയോഗിക്കുന്ന ഫോണ്ടുകൾ (സൈറ്റിനായി എവിടെ കണ്ടെത്തണം, എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യണം) ഉപയോഗിച്ച് അവ സൈറ്റിൽ പ്രദർശിപ്പിക്കും.

ധാരാളം എൻകോഡിംഗുകൾ ഉണ്ട്, എന്നാൽ എച്ച്ടിഎംഎൽ ഭാഷയ്ക്കായി എൻകോഡിംഗുകളുടെ വിപുലീകൃത പതിപ്പ് ഡിഫോൾട്ടായി സ്വീകരിച്ചു.

ഈ ടെക്സ്റ്റ് എൻകോഡിംഗിൽ 256 പ്രതീകങ്ങൾ മാത്രമേ എഴുതാൻ കഴിയൂ - ASCII-യിൽ നിന്ന് 128 ഉം റഷ്യൻ അക്ഷരങ്ങൾക്കായി മറ്റൊരു 128 ഉം. തൽഫലമായി, ASCII-യിൽ ഉൾപ്പെടുത്തിയിട്ടില്ലാത്തതും റഷ്യൻ അക്ഷരങ്ങൾ ഉൾപ്പെടുത്താത്തതുമായ പ്രതീകങ്ങളുടെ സൈറ്റുകളിലെ ഉപയോഗത്തിൽ ഒരു പ്രശ്നം ഉടലെടുത്തു. വിൻഡോസ് എൻകോഡിംഗുകൾ 1251 (CP1251). ശരി, നിങ്ങൾ ഒരു ടിൽഡോ അല്ലെങ്കിൽ അപ്പോസ്‌ട്രോഫിയോ ഉപയോഗിക്കാൻ തീരുമാനിച്ചു, എന്നാൽ അത്തരം സാധ്യതകൾ ഉപയോഗിച്ച ഭാഷയിൽ അന്തർലീനമാണ് HTML എൻകോഡിംഗ്പണയപ്പെടുത്തിയിട്ടില്ല.

അത്തരം സന്ദർഭങ്ങൾക്കാണ് പകരം വയ്ക്കലുകൾ അല്ലെങ്കിൽ മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, ഓർമ്മപ്പെടുത്തലുകൾ കണ്ടുപിടിച്ചത്. തുടക്കത്തിൽ പ്രത്യേക കഥാപാത്രങ്ങൾ ഉണ്ടായിരുന്നു ഡിജിറ്റൽ കാഴ്ചരേഖകള്, എന്നാൽ പിന്നീട് ഏറ്റവും സാധാരണമായവയ്ക്ക് ഓർമ്മിക്കാൻ എളുപ്പമാക്കുന്നതിന് അവരുടെ അക്ഷരങ്ങൾ ചേർത്തു.

IN പൊതുവായ ധാരണ, ഒരു ആമ്പർസാൻഡിൽ ആരംഭിച്ച് ";" എന്ന അർദ്ധവിരാമത്തിൽ അവസാനിക്കുന്ന ഒരു പ്രതീകമാണ് ഓർമ്മപ്പെടുത്തൽ. കൃത്യമായും ഈ കാരണങ്ങളാലാണ് ബ്രൗസർ HTML പാഴ്‌സിംഗ്കോഡ് അതിൽ നിന്ന് പ്രത്യേക പ്രതീകങ്ങൾ വേർതിരിച്ചെടുക്കുന്നു. സംഖ്യാ വൈൽഡ്കാർഡ് കോഡിലെ ആംപേഴ്സൻ്റിന് ഉടൻ തന്നെ "#" എന്ന പൗണ്ട് ചിഹ്നം ഉണ്ടായിരിക്കണം, ചിലപ്പോൾ ഹാഷ് എന്നും വിളിക്കപ്പെടുന്നു. അതിനുശേഷം മാത്രമേ യൂണികോഡ് എൻകോഡിംഗിൽ ആവശ്യമുള്ള പ്രതീകത്തിൻ്റെ ഡിജിറ്റൽ കോഡ് പിന്തുടരുകയുള്ളൂ.

യൂണിക്കോഡിൽ 60,000-ലധികം പ്രതീകങ്ങൾ എഴുതാൻ കഴിയും - പ്രധാന കാര്യം, നിങ്ങളുടെ സൈറ്റിൽ ഉപയോഗിച്ചിരിക്കുന്ന ഫോണ്ട് നിങ്ങൾക്ക് ആവശ്യമുള്ള ഓർമ്മ ചിഹ്നത്തെ പിന്തുണയ്ക്കുന്നു എന്നതാണ്. മിക്കവാറും എല്ലാ യൂണികോഡ് പ്രതീകങ്ങളെയും പിന്തുണയ്‌ക്കുന്ന ഫോണ്ടുകൾ ഉണ്ട്, കൂടാതെ ഒരു പ്രത്യേക സെറ്റ് പ്രതീകങ്ങളുള്ള ഓപ്ഷനുകൾ മാത്രമേ ഉള്ളൂ.

പ്രത്യേക പ്രതീകങ്ങളുടെ മുഴുവൻ പട്ടികയും വളരെ വലുതായിരിക്കും, പക്ഷേ ഏറ്റവും സാധാരണയായി ഉപയോഗിക്കുന്ന മെമ്മോണിക്സ്ഈ പട്ടികയിൽ നിന്ന് നിങ്ങൾക്ക് കടം വാങ്ങാം:

തികച്ചും രസകരമായ ഒരു കാര്യമുണ്ട് കോഡ് ലഭിക്കാനുള്ള വഴി HTML ഓർമ്മപ്പെടുത്തൽ നിങ്ങൾക്ക് ആവശ്യമുള്ള ചിഹ്നത്തിനായി. ഇത് ചെയ്യുന്നതിന്, തുറന്നാൽ മതിയാകും മൈക്രോസോഫ്റ്റ് എഡിറ്റർവാക്ക്, സൃഷ്ടിക്കുക പുതിയ പ്രമാണംകൂടാതെ തിരഞ്ഞെടുക്കുക മുകളിലെ മെനു“തിരുകുക” - “ചിഹ്നം” (ഞാൻ 2003 പതിപ്പാണ് ഉപയോഗിക്കുന്നത്, അതിനാൽ പിന്നീടുള്ള പതിപ്പുകളിൽ സമാനമായ പ്രവർത്തനം എങ്ങനെ ചെയ്യണമെന്ന് എനിക്കറിയില്ല).

തുറക്കുന്ന വിൻഡോയിൽ, നിങ്ങൾ ഒരു ഫോണ്ട് തിരഞ്ഞെടുക്കേണ്ടതുണ്ട്, ഉദാഹരണത്തിന്, ടൈംസ് ന്യൂ റോമൻ (അല്ലെങ്കിൽ നിങ്ങളുടെ സൈറ്റ് സന്ദർശകരുടെ ഭൂരിഭാഗം കമ്പ്യൂട്ടറുകളിലും വ്യക്തമായും ഉണ്ടായിരിക്കുന്ന മറ്റേതെങ്കിലും - കൊറിയർ അല്ലെങ്കിൽ ഏരിയൽ, ഉദാഹരണത്തിന്).

നിങ്ങളുടേതിലേക്ക് തുറക്കുന്ന പട്ടികയിൽ നിന്ന് ചേർക്കുക വേഡ് ഡോക്യുമെൻ്റ്നിങ്ങൾക്ക് ആവശ്യമായ എല്ലാ പ്രത്യേക പ്രതീകങ്ങളും ഈ വേഡ് ഡോക്യുമെൻ്റ് ഒരു വെബ് പേജായി സംരക്ഷിക്കുക (സംരക്ഷിക്കുമ്പോൾ ".html" ഡ്രോപ്പ്-ഡൗൺ ലിസ്റ്റിൽ നിന്ന് തിരഞ്ഞെടുത്തത്). ശരി, അപ്പോൾ നിങ്ങൾ ചെയ്യേണ്ടത് ഈ വെബ് പേജ് ഏതെങ്കിലുമൊരു പേജിൽ തുറക്കുക എന്നതാണ് HTML എഡിറ്റർ(അതേ നോട്ട്പാഡ് ++ ചെയ്യും) നിങ്ങൾ എല്ലാം കാണും ഡിജിറ്റൽ കോഡുകൾനിങ്ങൾക്ക് ആവശ്യമുള്ള ഓർമ്മകൾ:

രീതി അൽപ്പം സങ്കീർണ്ണമാണ്, എന്നാൽ നിങ്ങളുടെ വെബ്‌സൈറ്റ് പേജിൽ ചില അപൂർവ പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, മുകളിൽ കാണിച്ചിരിക്കുന്നതുപോലുള്ള പട്ടികകൾക്കായി ഇൻ്റർനെറ്റിൽ തിരയുന്നതിനേക്കാൾ എളുപ്പമായിരിക്കും ഇത്. തത്ഫലമായുണ്ടാകുന്ന പ്രത്യേക പ്രതീക കോഡ് നിങ്ങൾ ശരിയായ സ്ഥലത്ത് ഒട്ടിക്കേണ്ടതുണ്ട്, അതിനുപകരം വെബ് പേജിൽ ബ്രൗസർ നിങ്ങൾക്ക് ആവശ്യമുള്ള പ്രതീകം പ്രദർശിപ്പിക്കും (ഉദാഹരണത്തിന്, ഒരു നോൺ-ബ്രേക്കിംഗ് സ്പേസ്).

ഉദാഹരണങ്ങളിൽ നോൺ-ബ്രേക്കിംഗ് സ്പേസും സോഫ്റ്റ് ഹൈഫനും

ഞാൻ മുകളിൽ സൂചിപ്പിച്ചതുപോലെ, മുകളിൽ നൽകിയിരിക്കുന്ന പ്രത്യേക പ്രതീകങ്ങളുടെ പട്ടികയിൽ നിന്ന് നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, Html-ലെ ചില ഓർമ്മപ്പെടുത്തലുകൾക്ക് ഡിജിറ്റലിനുപുറമെ, അവയുടെ കൂടുതൽ പ്രതീകാത്മക പദവിയും ലഭിച്ചു. ലളിതമായ ഓർമ്മപ്പെടുത്തൽ. ആ. "#" (ഹാഷ്) എന്ന ഹാഷ് ചിഹ്നത്തിനുപകരം, പ്രതീകാത്മക വേരിയൻ്റുകളിൽ വാക്കുകൾ ഉപയോഗിക്കുന്നു. ഉദാഹരണത്തിന്, ഒരേ നോൺ-ബ്രേക്കിംഗ് സ്പേസ് (ഡിജിറ്റൽ മെമ്മോണിക്) എന്നോ (പ്രതീകം) എന്നോ എഴുതാം.

ലേഖനങ്ങൾ എഴുതുമ്പോൾ, നിങ്ങൾക്ക് ഒരു ആമ്പർസാൻഡ് (&) അല്ലെങ്കിൽ ഓപ്പൺ ആംഗിൾ ബ്രാക്കറ്റ് ചേർക്കണമെങ്കിൽ (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

അതായത്, നിങ്ങൾ ഒരു ലേഖനം എഴുതുകയാണെങ്കിൽ, അതിൽ നിങ്ങൾ ചേർക്കേണ്ടതുണ്ട്, ഉദാഹരണത്തിന്, ടെക്സ്റ്റിലേക്ക് ഒരു ടാഗ് ഡിസ്പ്ലേ< body>അല്ലെങ്കിൽ നിങ്ങൾ ഒരു ചെറിയ ചിഹ്നം ചേർക്കേണ്ടതുണ്ട് (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

അതിനാൽ, സമാനമായ ഒരു പ്രശ്നം പരിഹരിക്കുന്നതിന് നിങ്ങൾ ഇനിപ്പറയുന്ന നിർമ്മാണം ചേർക്കേണ്ടതുണ്ട്:

സ്മരണികകളുടെ കോഡ് പ്രദർശിപ്പിക്കുന്നതിനും ഇത് ബാധകമാണ്, കാരണം അവ ഒരു ആമ്പർസാൻഡിൽ ആരംഭിക്കുന്നു. നിങ്ങൾ ടെക്സ്റ്റിലേക്ക് കോഡ് ചേർക്കേണ്ടതുണ്ട്, ആമ്പർസാൻഡ് ചിഹ്നത്തിന് പകരം അതിൻ്റെ പകരം വയ്ക്കൽ (പ്രത്യേക പ്രതീകം):

പേജിൽ ലഭിക്കാൻ ഇത് ചെയ്യേണ്ടതുണ്ട്<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

നിങ്ങൾ മിക്കവാറും ഒരു നോൺ-ബ്രേക്കിംഗ് സ്‌പെയ്‌സും ഉപയോഗിക്കും, അത് ഒരു വെബ് പേജിൽ ഇതുപോലെയായിരിക്കും പതിവ് ഇടം, എന്നാൽ ബ്രൗസർ അതിനെ ഒരു വൈറ്റ്‌സ്‌പേസ് പ്രതീകമായി കണക്കാക്കില്ല അതിൽ കൈമാറ്റം നടത്തില്ല(ഉദാഹരണത്തിന്, 1400 GB മുതലായ പദസമുച്ചയങ്ങൾക്ക് ഇത് ഉചിതമായിരിക്കും, വ്യത്യസ്ത വരികളിൽ ഹൈഫനേറ്റ് ചെയ്യുന്നത് ഉചിതമല്ല):

1400 ജിബി.

വാചകത്തിൽ വളരെ ദൈർഘ്യമേറിയ വാക്കുകൾ അടങ്ങിയിരിക്കുമ്പോൾ ചിലപ്പോൾ വിപരീത സാഹചര്യം ഉണ്ടാകാം, ആവശ്യമെങ്കിൽ ബ്രൗസർ ഹൈഫനേഷൻ ഉപയോഗിച്ച് എനിക്ക് ഈ വാക്കുകൾ തകർക്കാൻ കഴിയും. അത്തരം ആവശ്യങ്ങൾക്കായി, ഒരു പ്രത്യേക ചിഹ്നം "സോഫ്റ്റ് ട്രാൻസ്ഫർ" നൽകിയിട്ടുണ്ട് -

നീണ്ട, നീണ്ട വാക്ക്;

മറ്റൊരു ലൈനിലേക്ക് നീങ്ങേണ്ടത് ആവശ്യമായി വരുമ്പോൾ, ബ്രൗസർ സോഫ്റ്റ് ഹൈഫൻ മെമ്മോണിക് എന്നതിന് പകരം ഒരു ഹൈഫൻ ഉപയോഗിക്കുകയും ബാക്കിയുള്ള വാക്ക് അടുത്ത വരിയിലേക്ക് അയയ്ക്കുകയും ചെയ്യും. ഈ മുഴുവൻ വാക്കും ഒരു വരിയിൽ സ്ഥാപിക്കാൻ മതിയായ ഇടമുണ്ടെങ്കിൽ, ബ്രൗസർ ഒരു ലൈൻ ഫീഡും വരയ്ക്കില്ല. അത് വളരെ ലളിതമാണ്.

നിങ്ങൾക്ക് ആശംസകൾ! ബ്ലോഗ് സൈറ്റിൻ്റെ പേജുകളിൽ ഉടൻ കാണാം

എന്നതിൽ പോയി നിങ്ങൾക്ക് കൂടുതൽ വീഡിയോകൾ കാണാൻ കഴിയും

നിങ്ങൾക്ക് താൽപ്പര്യമുണ്ടാകാം

MailTo - അതെന്താണ്, ഒരു ഇമെയിൽ അയയ്‌ക്കുന്നതിന് Html-ൽ ഒരു ലിങ്ക് എങ്ങനെ സൃഷ്‌ടിക്കാം
Html 4.01 സ്റ്റാൻഡേർഡ് അനുസരിച്ച് H1-H6, തിരശ്ചീന രേഖ Hr, ലൈൻ ബ്രേക്ക് Br, ഖണ്ഡിക P എന്നിവയുടെ തലക്കെട്ടുകളുടെ ടാഗുകളും ആട്രിബ്യൂട്ടുകളും
HTML - IMG, A ടാഗുകളിലേക്ക് ഒരു ലിങ്കും ചിത്രവും (ഫോട്ടോ) എങ്ങനെ ചേർക്കാം

ഇത്തവണ നമ്മൾ HTML വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളെക്കുറിച്ച് സംസാരിക്കും. ഒറ്റനോട്ടത്തിൽ, വിഷയം അപ്രധാനവും ശരിക്കും ആവശ്യമില്ലാത്തതുമാണെന്ന് തോന്നുന്നു, എന്നാൽ ഇത് കേസിൽ നിന്ന് വളരെ അകലെയാണെന്ന് നിങ്ങൾക്ക് ഉറപ്പുനൽകാൻ ഞാൻ ധൈര്യപ്പെടുന്നു. വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ HTML ൽ ഉണ്ട്, ഒന്നാമതായി, വ്യക്തവും നിർവചിക്കപ്പെട്ടതുമായ ഉദ്ദേശം, രണ്ടാമതായി, മുൻകൂട്ടി നിശ്ചയിച്ച പെരുമാറ്റം. HTML-ലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളുടെ ഉദ്ദേശ്യം കൂടുതലോ കുറവോ വ്യക്തമാണെന്ന് ഞാൻ കരുതുന്നു: വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ പ്രധാനമായും HTML കോഡ് ഫോർമാറ്റ് ചെയ്യാൻ ഉപയോഗിക്കുന്നു, പക്ഷേ അതിനായി മാത്രമല്ല. എന്നാൽ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളുടെ പെരുമാറ്റത്തെക്കുറിച്ച് എല്ലാം വ്യക്തമാണെന്ന് ഞാൻ കരുതുന്നില്ല. ബ്രൗസറുകൾ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളെ ഒരു പ്രത്യേക രീതിയിൽ കൈകാര്യം ചെയ്യുന്നു എന്നതാണ് കാര്യം, അതിനാലാണ് വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾക്ക് വ്യക്തമായി നിർവചിക്കപ്പെട്ട സ്വഭാവമുണ്ടെന്ന് ഞാൻ എഴുതിയത്.

HTML വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളെ തരങ്ങളായി വിഭജിക്കുന്നു എന്നത് ഉടൻ തന്നെ ശ്രദ്ധിക്കുക: HTML ടാബ്, സ്‌പെയ്‌സ്, ലൈൻ ബ്രേക്ക്. ഈ തരങ്ങളിൽ ഓരോന്നും പ്രത്യേക രീതിയിൽ ബ്രൗസർ പ്രോസസ്സ് ചെയ്യുന്നു, കൂടാതെ, വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ എങ്ങനെ കൈകാര്യം ചെയ്യണമെന്ന് ബ്രൗസറിനോട് പറയുന്ന പ്രത്യേക ടാഗുകൾ HTML-ൽ ഉണ്ട്. HTML-ൽ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ ആവശ്യമായിരിക്കുന്നത് എന്തുകൊണ്ടാണെന്നും HTML-ലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളെ ഏതൊക്കെ തരങ്ങളായി തിരിച്ചിരിക്കുന്നുവെന്നും ബ്രൗസർ അവ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നുവെന്നും ഈ പോസ്റ്റിൽ നിന്ന് നിങ്ങൾ പഠിക്കും.

ഓരോ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളും ഞങ്ങൾ വിശദമായി പരിഗണിക്കും. റെക്കോർഡിംഗ് ഇനിപ്പറയുന്ന പ്രശ്നങ്ങൾ ഉൾക്കൊള്ളും:

• ബ്രൗസർ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു HTML പ്രമാണത്തിലെ ഇടങ്ങൾഎന്താണ് തമ്മിലുള്ള വ്യത്യാസം പതിവ് സ്ഥലവും നോൺ-ബ്രേക്കിംഗ് സ്ഥലവും;
• അത് എന്തിനുവേണ്ടിയാണ് ഉപയോഗിക്കുന്നത് HTML-ൽ ടാബ് സ്റ്റോപ്പ്;
• ലൈൻ ബ്രേക്കുകളെ ബ്രൗസർ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു, HTML-ൽ എന്തുകൊണ്ട് ലൈൻ ബ്രേക്കുകൾ ആവശ്യമാണ്, കൂടാതെ HTML-ൽ ഒരു ലൈൻ ബ്രേക്ക് എങ്ങനെയിരിക്കും?;
• ഒരു ലൈൻ ബ്രേക്ക് നിർബന്ധിക്കാൻ ബ്രൗസറിനെ എങ്ങനെ നിർബന്ധിക്കാം;
• കൂടാതെ HTML-ലെ എല്ലാ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളും എങ്ങനെ സംരക്ഷിക്കാം.

ബ്രൗസർ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നുവെന്ന് മനസിലാക്കാൻ പോസ്റ്റിൽ നിന്നുള്ള വാക്കാലുള്ള വിശദീകരണങ്ങളും ഉദാഹരണങ്ങളും നിങ്ങളെ സഹായിക്കുമെന്ന് ഞാൻ പ്രതീക്ഷിക്കുന്നു.

HTML-ൽ എന്തിനുവേണ്ടിയാണ് വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്നത്?

HTML-ലും, നമ്മൾ എന്തെങ്കിലും വികസിപ്പിക്കുന്ന ഏതൊരു ഭാഷയിലും, വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകങ്ങളുണ്ട്. അതിനാൽ നമുക്ക് ആദ്യം ചോദ്യം ഒഴിവാക്കാം: HTML-ലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ എന്തിനുവേണ്ടിയാണ്?? ഉത്തരം യഥാർത്ഥത്തിൽ വളരെ ലളിതമാണ്. HTML ലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ രണ്ട് ആവശ്യങ്ങൾക്കായി ഉപയോഗിക്കുന്നു. HTML-ലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളുടെ ആദ്യ ഉദ്ദേശം അല്ലെങ്കിൽ ആദ്യ ഉദ്ദേശ്യം HTML പ്രമാണം ഫോർമാറ്റ് ചെയ്യുക എന്നതാണ്.

വൈറ്റ്‌സ്‌പേസ് ഉപയോഗിക്കുന്നതിലൂടെ ഞങ്ങൾ HTML കോഡ് ഞങ്ങൾക്കും മറ്റ് ഡെവലപ്പർമാർക്കും വായിക്കാവുന്നതും മനസ്സിലാക്കാവുന്നതുമാക്കി മാറ്റുന്നു. വൈറ്റ്‌സ്‌പെയ്‌സ് ഇല്ലാത്ത കോഡ് വളരെ വായിക്കാനാകുന്നതല്ലെന്നും എഡിറ്റുചെയ്യാൻ വളരെ സൗകര്യപ്രദവുമല്ലെന്നും സമ്മതിക്കുക. HTML ഭാഷാ സ്റ്റാൻഡേർഡ് വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളോട് സഹിഷ്ണുത പുലർത്തുന്നു, അതിനർത്ഥം നമുക്ക് അവ ഒരു ഡോക്യുമെൻ്റിൽ നമുക്ക് ഇഷ്ടമുള്ളതുപോലെ ഉപയോഗിക്കാം അല്ലെങ്കിൽ തുടർച്ചയായ കോഡ് എഴുതാം എന്നാണ്.

HTML-ലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളുടെ രണ്ടാമത്തെ ഉദ്ദേശ്യം, ലോജിക്കൽ ആണെന്ന് ഒരാൾ പറഞ്ഞേക്കാം, സ്‌പെയ്‌സുകളില്ലാത്ത ടെക്‌സ്‌റ്റുകൾ പൂർണ്ണമായും വായിക്കാൻ കഴിയാത്തതിനാൽ, വാക്കുകൾ പരസ്പരം വേർതിരിക്കുന്നതിന് ഞങ്ങൾ വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്നു. നിങ്ങൾ അബദ്ധവശാൽ വാക്കുകൾക്കിടയിൽ നിരവധി ഇടങ്ങൾ ഇടുന്ന സാഹചര്യങ്ങളുണ്ട് HTML ടാഗ്കൂടാതെ, ഈ സാഹചര്യത്തിൽ, ബ്രൗസർ ഈ ഇടങ്ങൾ ഒന്നിലേക്ക് "കംപ്രസ്സ്" ചെയ്യും. ഭാവിയിൽ, ഞങ്ങൾ ഇത് ഉറപ്പാക്കുകയും ഒരു ഉദാഹരണം നോക്കുകയും ചെയ്യും.

അതോടൊപ്പം ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു HTML-ലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളുടെ ഉദ്ദേശ്യം ഞങ്ങൾ കണ്ടെത്തിഇപ്പോൾ നമുക്ക് മുന്നോട്ട് പോകാം. വൈറ്റ്‌സ്‌പെയ്‌സിൻ്റെ വിഷയം വളരെ ലളിതമാണ്, പക്ഷേ പ്രധാനമാണ്. അടിസ്ഥാനപരമായി, HTML-ൽ സങ്കീർണ്ണമായ വിഷയങ്ങളൊന്നുമില്ല, ഒന്നും അപ്രധാനമല്ല, കാരണം HTML പിന്തുടരേണ്ട ഒരു മാനദണ്ഡമാണ്.

HTML-ലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളുടെ തരങ്ങൾ

വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളുടെ ഉദ്ദേശ്യത്തെക്കുറിച്ച് എല്ലാം വ്യക്തമായതിനാൽ, വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളുടെ തരങ്ങൾ മനസ്സിലാക്കുന്നത് മൂല്യവത്താണ്. HTML-ലും പൊതുവേ, വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളെ ഇനിപ്പറയുന്ന രീതിയിൽ വേർതിരിക്കാം: സ്ഥലം, ടാബ്, ലൈൻ ബ്രേക്ക്. വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളെ വാക്കുകളിൽ വിവരിക്കുന്നത് നല്ലതാണ്, പക്ഷേ അവ എൻ്റെ സ്വന്തം കണ്ണുകൊണ്ട് കാണാൻ ഞാൻ ആഗ്രഹിക്കുന്നു, ഇത് ഞങ്ങളെ സഹായിക്കും, ഇതിന് വാക്യഘടന ഹൈലൈറ്റിംഗ് ഉണ്ട്, എന്നാൽ നോട്ട്പാഡ്++ ന് വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ പ്രദർശിപ്പിക്കാൻ കഴിയുമെന്നത് ഇപ്പോൾ ഞങ്ങൾക്ക് പ്രധാനമാണ്.

ചിത്രത്തിൽ ശ്രദ്ധിക്കുക: ഇത് നോട്ട്പാഡ് ++ ൽ നിന്നുള്ള ഒരു സ്ക്രീൻഷോട്ടാണ്, ഞങ്ങൾ സംസാരിച്ച പോസ്റ്റിൽ നിന്ന് തുറന്നതാണ് . ഓറഞ്ച് അമ്പ് - ഇതൊരു HTML പ്രമാണത്തിലെ ഒരു ടാബാണ്. ഞാൻ വിൻഡോസ് 10 പ്രവർത്തിപ്പിക്കുന്നതിനാൽ, HTML ലെ ലൈൻ ബ്രേക്കുകൾ രണ്ട് പ്രതീകങ്ങളാൽ പ്രദർശിപ്പിക്കും: CR, LF(ഇത് ടൈപ്പ്റൈറ്ററുകളിൽ നിന്ന് വരുന്ന ഒരു പാരമ്പര്യമാണ്; ലിനക്സ് ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളിൽ, ലൈൻ ബ്രേക്കുകൾ സൂചിപ്പിക്കുന്നത് LF ചിഹ്നത്താൽ മാത്രമാണ്). എന്നാൽ നോട്ട്പാഡ്++ ലെ സ്‌പേസ് ബാർ ഒരു ചുവന്ന ഡോട്ട് ചിഹ്നമായി പ്രദർശിപ്പിച്ചിരിക്കുന്നു; നിങ്ങൾ സ്‌ക്രീൻഷോട്ട് സൂക്ഷ്മമായി നോക്കിയാൽ, നിങ്ങൾ അത് ശ്രദ്ധിക്കും.

അതിനാൽ, ഒരു HTML പ്രമാണത്തിൽ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ കാണാൻ നോട്ട്പാഡ്++ ഞങ്ങളെ സഹായിച്ചു: ടാബ്, ലൈൻ ബ്രേക്ക്, സ്പേസ്. എന്നിരുന്നാലും, ബ്രൗസർ നമുക്കായി സൃഷ്‌ടിക്കുന്ന ഈ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളിൽ ഭൂരിഭാഗവും HTML പേജിൽ ഞങ്ങൾ കാണില്ല. HTML വൈറ്റ്‌സ്‌പെയ്‌സിനോട് സംവേദനക്ഷമമല്ലെന്ന് ഞങ്ങൾ ഇതിനകം പറഞ്ഞിട്ടുണ്ട്, കൂടാതെ ബ്രൗസറുകൾ ടാഗുകൾക്കിടയിലുള്ള എല്ലാ വൈറ്റ്‌സ്‌പെയ്‌സും നിരസിക്കുന്നു.

ഓരോ വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകവും നിങ്ങളുടെ ഹാർഡ് ഡ്രൈവിൽ ഇടം പിടിക്കുന്നു എന്ന വസ്തുതയിലേക്ക് നിങ്ങളുടെ ശ്രദ്ധ ക്ഷണിക്കാൻ ഞങ്ങൾ ആഗ്രഹിക്കുന്നു; HTML-ലെ ഒരു വൈറ്റ്‌സ്‌പേസ് പ്രതീകത്തിൻ്റെ വലുപ്പം പ്രമാണത്തിൻ്റെ എൻകോഡിംഗിനെ ആശ്രയിച്ചിരിക്കുന്നു. അതിനാൽ, നിങ്ങൾ ബ്രൗസ് ചെയ്യുകയും സൈറ്റിൻ്റെ ലോഡിംഗ് വേഗത കുറയ്ക്കുകയും ചെയ്യുകയാണെങ്കിൽ, ഹോസ്റ്റിംഗിൽ നിങ്ങൾക്ക് ഇടയിലുള്ള എല്ലാ വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകങ്ങളും നീക്കംചെയ്യാൻ ശ്രമിക്കാം, അതുവഴി ഡോക്യുമെൻ്റിൻ്റെ വലുപ്പം കുറയുന്നു.

HTML-ൽ സ്‌പെയ്‌സും നോൺ ബ്രേക്കിംഗ് സ്‌പെയ്‌സും

ഇനി നമുക്ക് ഓരോ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളും വ്യക്തിഗതമായി നോക്കാം. HTML-ലെ സ്‌പെയ്‌സുകളിൽ നിന്ന് തുടങ്ങാം. അതിനാൽ, ടാഗുകൾക്കിടയിലുള്ള എല്ലാ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളെയും ബ്രൗസർ അവഗണിക്കുന്നുവെന്ന് ഞങ്ങൾക്കറിയാം. എന്നാൽ ടാഗുകൾക്കുള്ളിലെ വൈറ്റ്‌സ്‌പേസ് ബ്രൗസർ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു എന്നത് ഒരു പ്രധാന ചോദ്യമാണ്, കാരണം പേജിൽ ടെക്‌സ്‌റ്റ് എങ്ങനെ പ്രദർശിപ്പിക്കുമെന്ന് ഇത് നിർണ്ണയിക്കുന്നു. ഇത് ഒരു ഉദാഹരണത്തിലൂടെ നോക്കാം. നിങ്ങൾക്ക് സൗകര്യപ്രദമായ ഏതെങ്കിലും എഡിറ്റർ തുറക്കുക, നിങ്ങൾക്ക് ഒരു സാധാരണ നോട്ട്പാഡ് പോലും ഉപയോഗിക്കാം, എന്നാൽ HTML-മായി പ്രവർത്തിക്കാനുള്ള മികച്ച കഴിവുകളുള്ള, ഇനിപ്പറയുന്ന കോഡ് ടൈപ്പുചെയ്യാൻ ഞാൻ നിങ്ങളെ ശുപാർശ ചെയ്യുന്നു:

നിങ്ങൾക്ക് സൗകര്യപ്രദമായ ഏതെങ്കിലും ഫോൾഡറിലേക്ക് .html എക്സ്റ്റൻഷൻ ഉപയോഗിച്ച് ഫയൽ സംരക്ഷിച്ച് ബ്രൗസറിൽ തുറക്കുക, നിങ്ങൾ ഈ ചിത്രം കാണും:

ആദ്യത്തെ HTML ഖണ്ഡികയിൽ, ബ്രൗസർ എല്ലാ അധിക സ്‌പെയ്‌സുകളും നോൺ-സ്‌പേസ് പ്രതീകങ്ങളും ഒരൊറ്റ സ്‌പെയ്‌സിലേക്ക് “പരിവർത്തനം” ചെയ്‌തതായി ഞങ്ങൾ കാണുന്നു. എന്നാൽ രണ്ടാമത്തെ ഖണ്ഡികയിൽ ഞങ്ങളുടെ സ്ഥിതി കുറച്ച് വ്യത്യസ്തമാണ്. ഇവിടെ നമ്മൾ ഒരു പ്രത്യേക പ്രതീകം ഉപയോഗിക്കുന്നു, അത് പലപ്പോഴും പറയപ്പെടുന്നു HTML-ൽ നോൺ-ബ്രേക്കിംഗ് സ്പേസ്. ഇത് ഒരു പ്രത്യേക എൻകോഡിംഗ് സീക്വൻസായതിനാൽ HTML-ൽ ഒരു നോൺ-ബ്രേക്കിംഗ് സ്പേസ് പറയുന്നത് പൂർണ്ണമായും ശരിയല്ല എന്നതാണ് കാര്യം.

HTML പ്രമാണങ്ങളിലെ നോൺ-ബ്രേക്കിംഗ് സ്‌പെയ്‌സുകൾ, മറ്റേതൊരു ഡോക്യുമെൻ്റിലെയും പോലെ, ഈ ഡോക്യുമെൻ്റ് തുറക്കുന്ന പ്രോഗ്രാമിനോട് (ഞങ്ങളുടെ കാര്യത്തിൽ, ബ്രൗസർ) ഈ വാക്കുകൾ ഒരു സ്‌പെയ്‌സ് ഉപയോഗിച്ച് അഭേദ്യമായി ബന്ധിപ്പിച്ചിരിക്കുന്നുവെന്ന് പറയാൻ ഉപയോഗിക്കുന്നു, മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, നമ്മൾ “ഹലോ വേൾഡ്!” എന്ന് എഴുതുകയാണെങ്കിൽ, പിന്നെ ബ്രൗസർ ഒരിക്കലും "ലോകം" എന്ന വാക്ക് കൈമാറില്ല !" ഒരു പുതിയ വരിയിൽ "ഹലോ" എന്ന വാക്ക് ഇല്ലാതെ, റാപ്പിംഗ് ഒരുമിച്ച് മാത്രമേ നടപ്പിലാക്കൂ. കൂടാതെ മറ്റെല്ലാം HTML-ലെ നോൺ-ബ്രേക്കിംഗ് സ്പേസ് ഉപയോഗിക്കാം HTML ടാഗുകൾക്കുള്ളിൽ വാക്കുകൾക്കിടയിൽ കുറച്ച് ഇടങ്ങൾ ഇടാൻ.

ബ്രൗസർ വിൻഡോ കാണിക്കുന്ന ചിത്രം ശ്രദ്ധിക്കുക: HTML ടാഗിനുള്ളിൽ ഞങ്ങൾ ഒരു നോൺ-ബ്രേക്കിംഗ് സ്പേസ് ഉപയോഗിച്ചിട്ടും ബ്രൗസർ എല്ലാ ലൈൻ ബ്രേക്കുകളും അവഗണിച്ചു.

നമുക്ക് സംഗ്രഹിക്കാം: HTML ടാഗുകൾക്ക് പുറത്തുള്ള എല്ലാ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളെയും ബ്രൗസർ അവഗണിക്കുകയും ബ്രൗസർ കംപ്രസ് ചെയ്യുകയും ചെയ്യുന്നു HTML ടാഗിനുള്ളിലെ എല്ലാ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളും ഒരു സ്‌പെയ്‌സ് വരെ, HTML ടാഗിനുള്ളിൽ ഒരു നോൺ-ബ്രേക്കിംഗ് സ്പേസ് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ.

HTML ടാബ് അല്ലെങ്കിൽ മറ്റൊരു സ്പേസ് പ്രതീകം

HTML ടാബ് മറ്റൊരു വൈറ്റ്‌സ്‌പേസ് പ്രതീകമാണ്. മിക്കപ്പോഴും, HTML-ലെ ടാബുകൾ എഡിറ്ററിൽ HTML കോഡ് ഫോർമാറ്റ് ചെയ്യാൻ ഉപയോഗിക്കുന്നു. ഒരു HTML ടാഗിനുള്ളിൽ ടാബുകൾ ഉപയോഗിക്കരുത്.

ഏതിനെക്കുറിച്ചാണ് നമ്മൾ അടുത്തതായി സംസാരിക്കുന്നത്.  ടാബുകൾക്ക് ഒരു നിശ്ചിത വലുപ്പമില്ല എന്നതാണ് കാര്യം.  എഡിറ്ററിലും ബ്രൗസറിലും ടാബ് വലുപ്പം ക്രമീകരിക്കാൻ കഴിയും.  അതിനാൽ, ഒരു പ്രത്യേക ഉപയോക്താവിനായി ടാബുലേഷൻ എങ്ങനെ പ്രദർശിപ്പിക്കുമെന്ന് കൃത്യമായി പറയാൻ കഴിയില്ല.

HTML-ലെ ടാബുലേഷൻ ഇഷ്‌ടാനുസൃതമാക്കാം (HTML-ൽ മാത്രമല്ല), കാരണം ഇത് ഒന്നിച്ച് ചേർന്ന നിരവധി ഇടങ്ങളെ പ്രതിനിധീകരിക്കുന്നു.  ഒരു സ്പേസ് ടാബ് പ്രതീകം എഴുതാൻ, ടാബ് കീ അമർത്തുക (ഇത് ഏത് എഡിറ്ററിലും പ്രവർത്തിക്കുമെന്ന് ഞാൻ കരുതുന്നു).  HTML-ലെ ടാബുലേഷൻ കോഡ് ഫോർമാറ്റ് ചെയ്യാൻ ഉപയോഗിക്കാം (ഫോർമാറ്റിംഗ് കോഡ് HTML-ൽ നേരിട്ട് ഫോർമാറ്റിംഗ് ടെക്സ്റ്റുമായി ആശയക്കുഴപ്പത്തിലാക്കരുത്), എന്നാൽ ഇത് HTML ടാഗുകൾക്കുള്ളിൽ ഉപയോഗിക്കരുത്, കാരണം ഇത് ഓരോ ഉപയോക്താവിനും അവൻ്റെ ക്രമീകരണങ്ങൾക്ക് അനുസൃതമായി പ്രദർശിപ്പിക്കും, അതിനാൽ വ്യത്യസ്തമായി .  ഒരുപക്ഷെ, ഞങ്ങൾക്ക് കഴിയുന്നതെല്ലാം ഞങ്ങൾ പറഞ്ഞിട്ടുണ്ട് HTML പ്രമാണങ്ങളിലും എഡിറ്ററുകളിലും ടാബുകൾ ഉപയോഗിക്കുന്നു.
HTML ലൈൻ ബ്രേക്ക് അല്ലെങ്കിൽ മൂന്നാം സ്പേസ് പ്രതീകം.  ലൈൻ ബ്രേക്ക് കഥാപാത്രം
HTML ലെ ലൈൻ ബ്രേക്ക്, കൂടാതെ HTML-ൽ മാത്രമല്ല, എൻ്റർ കീ അമർത്തിയാണ് ചെയ്യുന്നത്. ലൈൻ ബ്രേക്ക് കഥാപാത്രം Linux ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളിൽ: എൽ.എഫ്.  വിൻഡോസ് ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളിൽ സിആർ എൽഎഫ്, പതിപ്പ് ഒമ്പതിന് മുമ്പുള്ള Mac OS സിസ്റ്റങ്ങളിൽ, ലൈൻ ബ്രേക്ക് ക്യാരക്ടർ സീക്വൻസ് ആയിരുന്നു CR.  അതിനാൽ ഞങ്ങൾക്ക് അത് ഇതിനകം അറിയാം HTML പ്രമാണത്തിലെ ലൈൻ ബ്രേക്കുകൾ ബ്രൗസർ അവഗണിക്കുന്നു, അവർ എവിടെയാണെങ്കിലും.
HTML ലെ ലൈൻ ബ്രേക്ക്പ്രധാനമായും കോഡ് എഡിറ്റ് ചെയ്യുന്നതിനും ഫോർമാറ്റിംഗ് ചെയ്യുന്നതിനും അത് വായിക്കാവുന്നതും എഡിറ്റ് ചെയ്യാൻ എളുപ്പവുമാക്കാൻ ഉപയോഗിക്കുന്നു, നിങ്ങൾക്കും നിങ്ങളോടൊപ്പം പ്രവർത്തിക്കുന്ന ആളുകൾക്കും കോഡ് വായിക്കുന്നത് എളുപ്പമാക്കുന്നതിന് ഒരു ലൈൻ ബ്രേക്ക് ഇടാനുള്ള അവസരം അവഗണിക്കരുത്.
ബ്രൗസർ എങ്ങനെ ലൈൻ ബ്രേക്കുകൾ ചെയ്യുന്നു
അതിനാൽ, വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളെ ബ്രൗസർ എങ്ങനെ വ്യാഖ്യാനിക്കുന്നുവെന്ന് ഞങ്ങൾ ഇതിനകം കണ്ടെത്തി, തത്വത്തിൽ, വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ എന്താണെന്ന ചോദ്യം സ്വയം തീരുമാനിച്ചു: ടാബ്, സ്പേസ്, നോൺ ബ്രേക്കിംഗ് സ്പേസ്, ലൈൻ ബ്രേക്ക്, ഞങ്ങൾക്ക് ആവശ്യമാണ് കോഡ് ഫോർമാറ്റ് ചെയ്യാൻഅത് വായിക്കാനാകുന്ന തരത്തിലാക്കാൻ.  മതിയായ വ്യൂപോർട്ട് ഇല്ലാത്തപ്പോൾ ബ്രൗസർ എങ്ങനെ ലൈനുകൾ തകർക്കുന്നു എന്നതിനെക്കുറിച്ച് സംസാരിച്ചില്ലെങ്കിൽ ഞങ്ങൾ മുഴുവൻ സത്യവും പറയില്ല.
ബ്രൗസറിനെ സംബന്ധിച്ചിടത്തോളം, സ്‌പേസ് പ്രതീകങ്ങൾ മാർഗ്ഗനിർദ്ദേശങ്ങളാണ്, അത് കാണുന്ന സ്ഥലത്തേക്ക് ഘടിപ്പിക്കാൻ കഴിയാത്ത സാഹചര്യത്തിൽ വരികൾ എങ്ങനെ പൊതിയുമെന്ന് നിർണ്ണയിക്കുന്നു.  ലളിതമായ ഒരു ഉദാഹരണം നടപ്പിലാക്കാൻ ശ്രമിക്കാം.  നമുക്ക് ഒരു ലളിതമായ HTML പ്രമാണം ഉണ്ടാക്കാം.  ഏതെങ്കിലും സൗകര്യപ്രദമായ എഡിറ്റർ തുറക്കുക, ഉദാഹരണത്തിന്, ഇനിപ്പറയുന്ന കോഡ് എഴുതുക:
 
 








സ്‌പെയ്‌സുകളില്ലാതെ എഴുതിയ വാചകം കൈമാറില്ല
കാണൽ ഏരിയ മുഴുവൻ ലൈനിനും യോജിപ്പിക്കാൻ പര്യാപ്തമല്ലെങ്കിൽ ലൈനുകൾ തകർക്കാൻ ബ്രൗസർ വൈറ്റ്സ്പേസ് ഉപയോഗിക്കുന്നു.






 


 
<
!
DOCTYPE
html
>
<
html
lang
=
"ru-RU"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>HTML-ലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ<
/
title
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"style.css"
/
>
<
/
head
>
<
body
>
<
h1
>സ്‌പെയ്‌സുകളില്ലാതെ എഴുതിയ വാചകം കൈമാറില്ല<
/
h1
>
<
p
>റാപ്പിംഗ് നടത്താൻ ബ്രൗസർ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്നു
ആവശ്യത്തിന് കാഴ്ച സ്ഥലമില്ലാത്ത സാഹചര്യത്തിൽ ലൈനുകൾ
മുഴുവൻ വരിയിലും യോജിക്കുന്നു<
/
p
>
<
/
body
>
<
/
html
>


തുടർന്ന് ബ്രൗസറിൽ ഉദാഹരണം തുറന്ന് കാണൽ ഏരിയ പരമാവധി കുറയ്ക്കുക, ചുവടെയുള്ള ചിത്രത്തിലെ അതേ ചിത്രം നിങ്ങൾ കാണും.

HTML ഹെഡറിൻ്റെ കാര്യത്തിൽ, ബ്രൗസർ ഒന്നും പൊതിയാതെ ലൈൻ അതേപടി ഉപേക്ഷിച്ചു.  എന്നാൽ കാര്യത്തിൽ HTML ഖണ്ഡികബ്രൗസർ ഇപ്പോൾ അത് മനസ്സിലാക്കുന്നു വരികൾ എങ്ങനെ പൊതിയാംഖണ്ഡികയുടെ ടെക്‌സ്‌റ്റിൽ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ അടങ്ങിയിരിക്കുന്നു എന്ന വസ്തുത കാരണം, ഒരു ലൈൻ ബ്രേക്ക് നടപ്പിലാക്കുന്നതിനായി ബ്രൗസർ ഫോക്കസ് ചെയ്യുന്നു.
അതിനാൽ ഞങ്ങൾ ഇതിനകം കണ്ടെത്തി HTML-ൽ വൈറ്റ്‌സ്‌പെയ്‌സിൻ്റെ മൂന്ന് ഉപയോഗങ്ങൾ: ആദ്യത്തേതും പ്രധാനവുമായത് കോഡ് ഫോർമാറ്റ് ചെയ്യാൻ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്നു എന്നതാണ്, രണ്ടാമത്തെ പ്രയോഗം, വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്ന ബ്രൗസർ, മതിയായ വ്യൂപോർട്ട് ഇല്ലാത്തപ്പോൾ ലൈൻ ബ്രേക്ക് ചെയ്യുന്നു, കൂടാതെ HTML-ലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളുടെ മൂന്നാമത്തെ ഉപയോഗം വാചകത്തിലെ വാക്കുകൾ വേർതിരിക്കുന്നതിനെ കുറിച്ച്.
HTML-ൽ നിർബന്ധിത ലൈൻ ബ്രേക്ക്.  HTML ടാഗ് 


അതിനാൽ, ബ്രൗസർ ആണെന്ന് ഞങ്ങൾ കണ്ടെത്തി HTML ലെ ലൈൻ ബ്രേക്കുകളിൽ തുമ്മുന്നു, എന്നാൽ ബ്രൗസറിലെ വ്യൂപോർട്ട് അവസാനിക്കുന്നിടത്ത് അല്ലാതെ നമുക്ക് ആവശ്യമുള്ളിടത്ത് ലൈൻ തകർക്കേണ്ട ആവശ്യമുണ്ടെങ്കിൽ നമ്മൾ എന്തുചെയ്യണം?  ഉദാഹരണത്തിന്, ഞങ്ങൾ കവിതകൾ പ്രസിദ്ധീകരിക്കാൻ ആഗ്രഹിക്കുന്നു, പക്ഷേ അവ ഖണ്ഡികകളായി പ്രസിദ്ധീകരിക്കുന്നത് വളരെ ശരിയും അസൗകര്യവുമല്ല.  അത്തരം സാഹചര്യങ്ങളിൽ, HTML ടാഗ് നമ്മെ രക്ഷിക്കുകയും നമ്മെ വളരെയധികം രക്ഷിക്കുകയും ചെയ്യുന്നു. 
.
BR ആണ് ചെറിയക്ഷരം HTMLമൂലകവും ഒരൊറ്റ HTML ടാഗും.  HTML ടാഗ് എക്സിക്യൂട്ട് ചെയ്യുന്നു 
ഒരൊറ്റ ലളിതമായ ഒന്ന്, പക്ഷേ പ്രധാന പ്രവർത്തനം – ഫോഴ്‌സ് ലൈൻ ബ്രേക്കുകൾ.  ബ്രൗസർ HTML ടാഗ് കാണുമ്പോൾ 
, ഇത് ഉപയോക്താക്കൾ ഒരു ലൈൻ ബ്രേക്ക് ആയി കാണുന്ന ഒരു HTML ഘടകം സൃഷ്ടിക്കുന്നു.  ഒരു ഉദാഹരണം ഉപയോഗിച്ച് നിർബന്ധിത ലൈൻ ബ്രേക്ക് ഉണ്ടാക്കാം, നിങ്ങൾക്ക് സൗകര്യപ്രദമായ ഏതെങ്കിലും എഡിറ്റർ തുറക്കുക, എൻ്റെ അഭിപ്രായത്തിൽ ഏറ്റവും കൂടുതൽ സൗകര്യപ്രദമായ എഡിറ്റർമാർആണ്, ഇനിപ്പറയുന്ന കോഡ് പകർത്തുക:
 
 








വെളുത്ത ബിർച്ച് 
എൻ്റെ ജനലിനു താഴെ 
മഞ്ഞു മൂടി 
കൃത്യമായി വെള്ളി.






 


 
<
!
DOCTYPE
html
>
<
html
lang
=
"ru-RU"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>HTML-ലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ<
/
title
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"style.css"
/
>
<
/
head
>
<
body
>
<
p
>വെളുത്ത ബിർച്ച്<
br
>എൻ്റെ ജനലിനു താഴെ<
br
>
മഞ്ഞ് കൊണ്ട് എന്നെ പൊതിഞ്ഞു,<
br
>കൃത്യമായി വെള്ളി.<
/
p
>
<
/
body
>
<
/
html
>


യെസെനിൻ്റെ കൃതിയിൽ നിന്നുള്ള ക്വാട്രെയിൻ ഇനിപ്പറയുന്ന രീതിയിൽ പ്രദർശിപ്പിക്കും:

കവിതയുടെ ഓരോ വരിയും എഴുതിയിരിക്കുന്നു പുതിയ വര, തത്വത്തിൽ, ഇതാണ് ഞങ്ങൾ അന്വേഷിച്ചത്.  അതിനാൽ, ടാഗ് ചെയ്യുക 
വേണ്ടി ഉപയോഗിക്കുന്നു HTML-ൽ ഫോഴ്‌സ് ലൈൻ ബ്രേക്കുകൾ.  നിങ്ങൾ തുടർച്ചയായി രണ്ടോ അതിലധികമോ ബിആർ ടാഗുകൾ എഴുതുകയാണെങ്കിൽ, ടാഗുകൾ ഉള്ളത്ര നിർബന്ധിത ലൈൻ ബ്രേക്കുകൾ ബ്രൗസർ സൃഷ്ടിക്കും. 
അവൻ പ്രമാണത്തിൽ കാണും.
ടാഗിൻ്റെ ഒരു പ്രധാന സവിശേഷത 
കോഡിൽ അതിന് മുമ്പുള്ള എല്ലാ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളും അതിന് ശേഷം സ്ഥിതിചെയ്യുന്ന എല്ലാ പ്രതീകങ്ങളും അവഗണിക്കപ്പെടുന്നു എന്നതാണ്.  അതിനാൽ, ഈ ടാഗ് ഉപയോഗിച്ച് നിങ്ങൾക്ക് സുരക്ഷിതമായി ഒരു നിർബന്ധിത ലൈൻ ബ്രേക്ക് സൃഷ്ടിക്കാൻ കഴിയും, ഒരു അധിക വൈറ്റ് സ്പേസ് പ്രതീകം എവിടെയെങ്കിലും "ക്രോൾ ഔട്ട്" ചെയ്യുമെന്ന് ഭയപ്പെടാതെ.  ടാഗ് എന്നത് ശ്രദ്ധിക്കേണ്ടതാണ് 
അടുത്തത് എങ്ങനെ കൈകാര്യം ചെയ്യണമെന്ന് ബ്രൗസറിനോട് പറയുന്ന ഒരു ക്ലിയർ ഉണ്ട് 
വാചകം ഒരു ഫ്ലോട്ടിംഗ് HTML ഘടകത്തിന് ചുറ്റും പൊതിഞ്ഞാൽ വരി, എന്നാൽ ഞങ്ങൾ അതിനെ കുറിച്ച് മറ്റൊരു പോസ്റ്റിൽ സംസാരിക്കും.
HTML-ൽ വൈറ്റ്‌സ്‌പേസ് സംരക്ഷിക്കുന്നു.  HTML ടാഗ് 

ഇനി നമുക്ക് വ്ളാഡിമിർ മായകോവ്സ്കിയുടെ പ്രശ്നം ചർച്ച ചെയ്യാം... കൂടുതൽ കൃത്യമായി പറഞ്ഞാൽ, അദ്ദേഹത്തിൻ്റെ ശൈലി, അതിലും കൃത്യമായി, വ്ളാഡിമിർ മായകോവ്സ്കിയുടെ കവിതകൾ എങ്ങനെ ഒരു HTML പ്രമാണത്തിൽ എഴുതാം.
നമ്മൾ ശരിക്കും ഉപയോഗിക്കേണ്ടതുണ്ടോ പ്രത്യേക ചിഹ്നങ്ങൾഎച്ച്.ടി.എം.എൽ., ഓരോ വരിക്കുശേഷവും ഒരു നോൺ-ബ്രേക്കിംഗ് സ്‌പെയ്‌സും ഒരു ടാഗും 
?  ഉത്തരം: തീർച്ചയായും ഇല്ല.  HTML സ്റ്റാൻഡേർഡിൻ്റെ ഡെവലപ്പർമാർ ഈ പോയിൻ്റ് കണക്കിലെടുക്കുകയും അത് സ്റ്റാൻഡേർഡിലേക്ക് സ്വീകരിക്കുകയും ചെയ്തു പ്രത്യേക HTMLടാഗ് 
. ടാഗ് ചെയ്യുക 
അല്ലെങ്കിൽ മുൻകൂട്ടി ഫോർമാറ്റ് ചെയ്തത് രചയിതാവിൻ്റെ ഫോർമാറ്റിംഗ് ആയി റഷ്യൻ ഭാഷയിലേക്ക് വിവർത്തനം ചെയ്യാം.

ഈ ടാഗ് അനുവദിക്കുന്നു HTML-ൽ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ സംരക്ഷിക്കുക.  ബ്രൗസർ ഒരു ടാഗിനുള്ളിൽ ടെക്‌സ്‌റ്റ് കാണുമ്പോൾ 
ഇത് അത് പോലെ പ്രദർശിപ്പിക്കുന്നു, അതായത്, എല്ലാ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളും സംരക്ഷിക്കുന്നു: ലൈൻ ബ്രേക്കുകൾ, ടാബുകൾ, വെറും സ്‌പെയ്‌സുകൾ എന്നിവ ടാഗിനുള്ളിൽ സംരക്ഷിക്കപ്പെടും. 
നിങ്ങൾ അവ എഴുതിയ രീതി.

HTML ടാഗ് എന്നത് ശ്രദ്ധിക്കേണ്ടതാണ് 
ജോടിയാക്കിയിരിക്കുന്നു, കൂടാതെ HTML PRE ഘടകം ബ്ലോക്ക്-ലെവൽ ആണ്.  യഥാർത്ഥത്തിൽ, ഞങ്ങൾ മുകളിൽ പറഞ്ഞ കാരണത്താലാണ് ടാഗിനെ രചയിതാവ് ഫോർമാറ്റിംഗ് എന്ന് വിളിക്കുന്നത്: ഈ ടാഗിനുള്ളിലെ ടെക്സ്റ്റിൻ്റെ എല്ലാ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളും രചയിതാവ് എഴുതിയ രൂപത്തിൽ ബ്രൗസർ സംരക്ഷിക്കുന്നു.  നമുക്ക് ശ്രമിക്കാം എല്ലാ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളും HTML-ൽ സൂക്ഷിക്കുക, ടാഗ് ഉപയോഗിച്ച് 
ബ്രൗസറിൽ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ എങ്ങനെ പ്രദർശിപ്പിക്കുമെന്ന് നോക്കാം.


ഡോക്യുമെൻ്റ് കോഡ് വളരെ ലളിതമാണ്, വി.മായകോവ്സ്കിയുടെ വാക്യം ഒരു കണ്ടെയ്നറിൽ സ്ഥാപിച്ചിരിക്കുന്നു 
ഇനി നമുക്ക് നോക്കാം ഉള്ളിലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ ബ്രൗസർ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു? HTML ഘടകം PRE.


എല്ലാ വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകങ്ങളും ഞങ്ങൾ എഴുതിയ രൂപത്തിൽ സംരക്ഷിക്കപ്പെട്ടതായി ഞങ്ങൾ കാണുന്നു.  ഇപ്പോൾ ഞങ്ങൾ ടാഗ് ആണെന്ന് ഉറപ്പാക്കി 
HTML പേജുകളിലെ വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ ശരിക്കും സംരക്ഷിക്കുന്നു.

അതിനാൽ, മുകളിൽ പറഞ്ഞവയെല്ലാം നമുക്ക് സംഗ്രഹിക്കാം. HTML-ൽ മൂന്ന് തരം വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളുണ്ട്: ടാബ്, ലൈൻ ബ്രേക്ക്, സ്പെയ്സ്.. HTML-ലെ ടാബ്എഡിറ്ററിൽ HTML കോഡ് ഫോർമാറ്റ് ചെയ്യാൻ മാത്രമേ ഉപയോഗിക്കാവൂ. HTML ലെ ലൈൻ ബ്രേക്കുകൾബ്രൗസറുകൾ അവയെ അവഗണിക്കുന്നു, ടാബുകൾ പോലെ അവയെ ഒരു സ്‌പെയ്‌സിലേക്ക് "കംപ്രസ്സുചെയ്യുന്നു".  HTML-ൽ ഒരു ലൈൻ ബ്രേക്ക് സൃഷ്ടിക്കാൻ, ടാഗ് ഉപയോഗിക്കുക 
.
HTML-ലെ സ്‌പെയ്‌സുകൾരണ്ട് ആവശ്യങ്ങൾക്ക് ആവശ്യമാണ്: ലൈനുകൾ എങ്ങനെ തകർക്കണമെന്ന് നിർണ്ണയിക്കാൻ ബ്രൗസർ സ്‌പെയ്‌സുകൾ ഉപയോഗിക്കുന്നു; ടെക്‌സ്‌റ്റ് റീഡബിൾ ആക്കുന്നതിന് സ്‌പെയ്‌സുകൾ ആവശ്യമാണ്.  HTML പ്രത്യേക എൻകോഡിംഗ് പ്രതീകങ്ങളെ പിന്തുണയ്ക്കുന്നു, ഉദാ. HTML-ലെ നോൺ-ബ്രേക്കിംഗ് സ്പേസ് പ്രതീകംനിങ്ങൾക്ക് ഒരു വരിയിൽ ഒന്നിലധികം സ്‌പെയ്‌സുകൾ എഴുതാൻ താൽപ്പര്യപ്പെടുമ്പോൾ (അല്ലെങ്കിൽ ബ്രൗസർ അവയെ ഒന്നായി ചുരുക്കും) അല്ലെങ്കിൽ കോഡിൽ വാക്കുകൾ പരസ്പരം ഇല്ലാതെ പുതിയ വരികളിൽ പൊതിയരുതെന്ന് ബ്രൗസറിനോട് പറയാൻ ആഗ്രഹിക്കുന്നു.
ടൈപ്പ്റൈറ്റഡ് ടെക്സ്റ്റിൽ അച്ചടിച്ച പ്രതീകങ്ങൾ അടങ്ങിയിരിക്കുന്നു - ഗ്രാഫിക് ചിഹ്നങ്ങൾ. 
ഗ്രാഫിക് ചിഹ്നങ്ങൾ ടെക്സ്റ്റിൽ ദൃശ്യമായ ഡിസ്പ്ലേ ഉള്ള ചിഹ്നങ്ങളാണ്. 
എല്ലാ ഗ്രാഫിക് ചിഹ്നങ്ങളും ഒരൊറ്റ സെറ്റിൽ ശേഖരിക്കുന്നു സാർവത്രിക സംവിധാനംയൂണികോഡ്. 
തിരുകുക ഗ്രാഫിക് ചിഹ്നം html പ്രമാണത്തിലേക്ക് യൂണികോഡ് 
- ഈ പട്ടികയുടെ പ്രധാനവും ഏക ഉദ്ദേശവും.
ഇനിപ്പറയുന്ന വഴികളിലൊന്നിൽ നിങ്ങൾക്ക് ഒരു HTML പ്രമാണത്തിലേക്ക് ഒരു ചിഹ്നം ചേർക്കാൻ കഴിയും:
ബ്രൗസർ വിൻഡോയിൽ നിന്ന് നിങ്ങളുടെ വിഷ്വൽ html എഡിറ്ററിൻ്റെ വിൻഡോയിലേക്ക് ചിഹ്ന ചിത്രം പകർത്തുക
ചിഹ്നത്തിൻ്റെ html കോഡ് നേരിട്ട് html ഡോക്യുമെൻ്റിൻ്റെ കോഡിലേക്ക് പകർത്തുക
ഇവ രണ്ട് വ്യത്യസ്ത രീതികളാണെന്ന് ദയവായി മനസ്സിലാക്കുക: 
വിഷ്വലിലേക്ക് വിഷ്വൽ തിരുകുക
കോഡിലേക്ക് കോഡ് ചേർക്കുക.
ഒരു ചിഹ്നത്തിനായുള്ള ഫോണ്ട്, HTML-ൽ അതിൻ്റെ വലിപ്പവും നിറവും ഇതുപോലുള്ള കോഡ് ഉപയോഗിച്ച് സജ്ജമാക്കാൻ കഴിയും: 
 CHARACTER_CODE 
എവിടെ, 
ഏരിയൽ - ഫോണ്ട്, 
10px - ഫോണ്ട് വലുപ്പം പിക്സലിൽ, 
#ff0000 - ഫോണ്ട് കളർ കോഡ് (ചുവപ്പ്)
ഉദാഹരണത്തിന്: 
☎ - പ്രതീക ഫോണ്ട് വലുപ്പം 30px, 
☎ - ചിഹ്ന ഫോണ്ട് വലുപ്പം 30px, നിറം - ചുവപ്പ് 
☎ - പ്രതീക ഫോണ്ട് വലുപ്പം 20px, 
☎ - ചിഹ്ന ഫോണ്ട് വലുപ്പം 10px. 
കുറിപ്പ്  ഏരിയൽ, വെർദാന, തഹോമ എന്നിവയാണ് പ്രത്യേക പ്രതീകങ്ങൾ ചേർക്കുന്നതിന് ശുപാർശ ചെയ്യുന്ന ഫോണ്ടുകൾ.  ഈ ഫോണ്ടുകൾ യൂണികോഡ് പ്രതീകങ്ങൾ ശരിയായി പ്രദർശിപ്പിക്കുകയും വെബ് ആപ്ലിക്കേഷനുകൾ സ്വയം ശരിയായി പിന്തുണയ്ക്കുകയും ചെയ്യുന്നു.
"ചിഹ്നം"
(ദൃശ്യ ചിഹ്ന പ്രദർശനം) 
ഈ കോളത്തിൽ നിന്ന് നിങ്ങൾക്ക് ചിഹ്ന ചിത്രം പകർത്തി വിൻഡോയിൽ ഒട്ടിക്കാം html ടെക്സ്റ്റ് എഡിറ്റർ.  ചിഹ്നം 20px ഫോണ്ട് സൈസ് ഉപയോഗിച്ച് പകർത്തും.  പകർത്തൽ പൂർത്തിയായ ശേഷം, പകർത്തിയ പ്രതീകത്തിലേക്ക് നേരിട്ട് ഫോണ്ട് വലുപ്പം വ്യക്തിഗതമായി ക്രമീകരിക്കേണ്ടത് ആവശ്യമായി വന്നേക്കാം.
"പേര്"
(പ്രധാനപ്പെട്ടവയ്ക്ക് മാത്രം അല്ലെങ്കിൽ വിചിത്ര കഥാപാത്രങ്ങൾ)
ചിഹ്നത്തിൻ്റെ ഉദ്ദേശ്യം, അതിൻ്റെ വ്യാപ്തി, ഉദാഹരണങ്ങൾ എന്നിവയുടെ വിശദീകരണം...
"മെമ്മോണിക്സ്"
HTML-ലെ ഒരു പ്രതീകത്തിൻ്റെ അക്ഷരമാലാ കോഡിനെ സൂചിപ്പിക്കുന്നു "" എന്ന ഫോമിൻ്റെ അക്ഷരമാലാ ക്രമമാണ് ഓർമ്മപ്പെടുത്തൽ എല്ലാ html ആപ്ലിക്കേഷനുകളും പിന്തുണയ്ക്കുന്നു. ഓരോ സ്മരണികയിലും നിങ്ങളുടെ ചിഹ്നത്തിൻ്റെ ഒരു അക്ഷരനാമം (പദവി) അടങ്ങിയിരിക്കുന്നു. സേവന ബാഡ്ജ്(&), ഇത് ബ്രൗസറിന് കോഡ് വായിക്കുന്നതിനുള്ള ഒരു സിഗ്നലായി വർത്തിക്കുന്നു, മോണിറ്റർ സ്ക്രീനിൽ ദൃശ്യമാകില്ല.  ഓരോ സ്മരണികയുടെയും പേര് അദ്വിതീയവും വായിക്കാൻ എളുപ്പവുമാണ്, കാരണം ഇത് ചിഹ്നത്തിൻ്റെ സവിശേഷതയായ ഇംഗ്ലീഷ് പദത്തിൽ നിന്ന് ഉരുത്തിരിഞ്ഞതാണ്. 
മെമ്മോണിക്സ് (ഗ്രീക്ക്) - എന്തെങ്കിലും ഓർമ്മിക്കുന്ന കല.  ഓർമ്മപ്പെടുത്തുന്ന ഒബ്ജക്റ്റ് എന്തെങ്കിലും ഒരു അനുബന്ധ അവസ്ഥയിലേക്ക് കൊണ്ടുവരുമ്പോൾ, ഓർമ്മിക്കാൻ പ്രയാസമുള്ള വിവരങ്ങൾ മനസ്സിലാക്കാൻ മെമ്മോണിക്സ് ഉപയോഗിക്കുന്നു.
"കോഡ്"
കോഡ് - സംഖ്യാശാസ്ത്രം ദശാംശ കോഡ് HTML ലെ പ്രതീകം, & പോലെ.  ഒരു html ഡോക്യുമെൻ്റിൻ്റെ html കോഡിലേക്ക് നേരിട്ട് ചേർത്തു.  സംഖ്യാ ദശാംശ കോഡ് സൂചിപ്പിക്കുന്ന ഒരു സംഖ്യ അടങ്ങിയിരിക്കുന്നു സീരിയൽ നമ്പർയൂണികോഡ് സിസ്റ്റത്തിലെ പ്രതീകങ്ങളും നിരവധി സേവന പ്രതീകങ്ങളും (& ഒപ്പം #), ബ്രൗസറിന് കോഡ് വായിക്കുന്നതിനുള്ള ഒരു സിഗ്നലായി വർത്തിക്കുകയും മോണിറ്റർ സ്‌ക്രീനിൽ ദൃശ്യമാകാതിരിക്കുകയും ചെയ്യുന്നു.  ഡെസിമൽ കോഡ് അതിൻ്റെ ബഹുമുഖതയും ധാരണയുടെ എളുപ്പവും കാരണം വ്യാപകമായി ഉപയോഗിക്കുകയും ഉപയോഗിക്കുകയും ചെയ്യുന്നു.
HTML (XHTML) ലെ പ്രതീകങ്ങൾ നിയന്ത്രിക്കുക
HTML (XHTML) ലെ നിയന്ത്രണ പ്രതീകങ്ങൾ ഒരു വെബ് പേജിൻ്റെ HTML ലേഔട്ടിൽ ഉപയോഗിക്കുന്ന HTML ഭാഷയുടെ സേവന പ്രതീകങ്ങളാണ്.  ഏത് ബ്രൗസറും ഈ പ്രതീകങ്ങളെ പിന്തുണയ്ക്കണം, കാരണം അവയില്ലാതെ HTML ടെക്സ്റ്റ് ശരിയായി പ്രദർശിപ്പിക്കുന്നത് അസാധ്യമാണ്.  നിയന്ത്രണ പ്രതീകങ്ങൾ ടെക്‌സ്‌റ്റിൽ പ്രദർശിപ്പിക്കില്ല, കീബോർഡിൽ നിന്ന് നേരിട്ട് നൽകുമ്പോൾ, സ്‌ക്രീനിൽ പേജ് വരയ്‌ക്കുമ്പോൾ ചില പ്രവർത്തനങ്ങൾ നടത്താൻ ആവശ്യപ്പെടുന്ന വിരാമചിഹ്നങ്ങളായി ബ്രൗസർ വ്യാഖ്യാനിക്കുന്നു.
നിങ്ങൾക്ക് നിയന്ത്രണ പ്രതീകങ്ങൾ ഉപയോഗിക്കാം സാധാരണ ഗ്രന്ഥങ്ങൾ, അവ സാർവത്രിക ആശയങ്ങളെ പ്രതീകപ്പെടുത്തുകയും ബ്രൗസർ സാധാരണ ടൈപ്പോഗ്രാഫിക്കൽ പ്രതീകങ്ങളായി വ്യാഖ്യാനിക്കുകയും ചെയ്യുന്നു.  ഈ രീതിയിൽ HTML ടെക്‌സ്‌റ്റുകളിൽ സേവന ചിഹ്നങ്ങൾ ഉപയോഗിക്കുമ്പോൾ, നിങ്ങൾ ചിഹ്നത്തിൻ്റെ മൂല്യമല്ല, അതിൻ്റെ HTML കോഡാണ് നൽകേണ്ടത്.  കാരണം, ഞാൻ ആവർത്തിക്കുന്നു, അല്ലാത്തപക്ഷം ബ്രൗസർ സേവന ചിഹ്നത്തെ പ്രവർത്തനത്തിനുള്ള ഒരു കോളായി കാണുകയും മോണിറ്റർ സ്ക്രീനിൽ HTML ടെക്സ്റ്റ് ശരിയായി പ്രദർശിപ്പിക്കുകയും ചെയ്യും.
നിയന്ത്രണ പ്രതീകങ്ങളും അവയുടെ HTML കോഡും എല്ലാ ബ്രൗസറുകളും ഒഴിവാക്കാതെ അറിയുകയും മനസ്സിലാക്കുകയും ചെയ്യുന്നു, അയ്യോ, തെറ്റായി പ്രദർശിപ്പിച്ചേക്കാവുന്ന മറ്റ് പ്രതീകങ്ങളെക്കുറിച്ച് പറയാൻ കഴിയില്ല. വ്യത്യസ്ത ബ്രൗസറുകൾഅല്ലെങ്കിൽ, അതിലും മോശമായത്, കാണിക്കരുത്.
വാക്യഘടനയും വിരാമചിഹ്നവും









N നീളമുള്ള ഇടം (സാധാരണ ഇടം)
 

 



നീളമുള്ള സ്ഥലം എം (ദീർഘസ്ഥലം)
 

 




 

 

-

മൃദു ഹൈഫൻ (അച്ചടിക്കാനാവാത്ത പ്രതീകം)
-

­

‑

ഹൈഫൻ


– 
 ‑

-

N നീളമുള്ള ഡാഷ് (സാധാരണ ഡാഷ്)
-

–

—

M നീളമുള്ള ഡാഷ് (എം ഡാഷ്)
—

—

.

ഡോട്ട്


.

,

കോമ


,

…

ദീർഘവൃത്തങ്ങൾ
…

… 
…

:

കോളൻ


:

;

അർദ്ധവിരാമം


;

!

ആശ്ചര്യചിഹ്നം


!
ǃ

?

ചോദ്യചിഹ്നം


?

@

"നായ"


@

*

"നക്ഷത്രം"


*

#

"ലാറ്റിസ്"


#

‘

മുകളിൽ ഇടത് ഉദ്ധരണി
‘

‘ 
‘

’

മുകളിൽ വലത് ഉദ്ധരണി
’

’ 
’

‚

താഴെ വലതുവശത്തുള്ള ഒറ്റ ഉദ്ധരണി
‚

‚ 
‚

“

മുകളിൽ ഇടത് ഉദ്ധരണി
“

“ 
“

”

മുകളിൽ വലതുവശത്തുള്ള ഇരട്ട ഉദ്ധരണി
”

” 
”

„

താഴെ വലതുവശത്തുള്ള ഇരട്ട ഉദ്ധരണി
&bdquo
„ 
„

«

ഇരട്ട ഇടത് മൂല ഉദ്ധരണി ചിഹ്നം (റസ്)
«

«

»

ഇരട്ട വലത് കോണിലുള്ള ഉദ്ധരണി ചിഹ്നം (റസ്)
»

»

́

ഉച്ചാരണ ചിഹ്നം, ഉദാഹരണം: വാസ്യ


́

"

അപ്പോസ്‌ട്രോഫി, ഉദാഹരണം: നിങ്ങൾ"ഞാൻ


"

´

നിശിതം, ഉദാഹരണം: Vasya
´

´

¶

ഖണ്ഡിക (അച്ചടിക്കാനാവാത്ത പ്രതീകം)
¶

¶

§

ഖണ്ഡിക
§

§

ˆ

ഉച്ചാരണ (വിപരീത പക്ഷി)
ˆ

ˆ 
ˆ

˜

ചെറിയ ടിൽഡ്
˜

˜ 
˜

¦

ലംബമായ ഡോട്ടഡ് ലൈൻ
¦

¦

(
ഇടത് പരാന്തീസിസ്


(
)

വലത് പരാന്തീസിസ്


)

〈

ഇടത് ആംഗിൾ ബ്രാക്കറ്റ്
〈

〈

〉

വലത് ആംഗിൾ ബ്രാക്കറ്റ്
〉

〉

‹

ഇടത് ആംഗിൾ ബ്രാക്കറ്റ്, ഓപ്ഷൻ
‹

‹

›

വലത് ആംഗിൾ ബ്രാക്കറ്റ്, ഓപ്ഷൻ
›

›

[

ഇടത് ചതുര ബ്രാക്കറ്റ്


[

]

വലത് ചതുര ബ്രാക്കറ്റ്


]

/

സ്ലാഷ് - സ്ലാഷ് പ്രതീകം


/

\

ബാക്ക്സ്ലാഷ്


\

⁄

സ്ലാഷ് (ഡിവിഷൻ ചിഹ്നം)
⁄

⁄

ǀ

ലംബ ബാർ


ǀ

ǁ

ഇരട്ട ലംബ ബാർ


ǁ

‾

ഓവർലൈനിംഗ്, ഉദാഹരണം: Vasya‾vasya
‾

‾

¯

മാക്രോൺ, ഉദാഹരണം: Vasya¯vasya
¯

¯

വ്യാപാരമുദ്രകളും കറൻസിയും
+

പ്ലസ്
+

+

−

മൈനസ്
−

-
−

=

തുല്യമാണ്


=

±

പ്ലസ് അല്ലെങ്കിൽ മൈനസ്
±

±

×

ഗുണന ചിഹ്നം
×

×

÷

വിഭജന ചിഹ്നം
÷

÷

⋅

ഡോട്ട് ഓപ്പറേറ്റർ (ലൈനിൻ്റെ മധ്യത്തിൽ)
⋅

· 
⋅

∗

നക്ഷത്രചിഹ്നം ഓപ്പറേറ്റർ (വരിയുടെ നടുവിൽ)
∗

∗

∼

ടിൽഡ് ഓപ്പറേറ്റർ
∼

∼

.

ലിസ്റ്റ് മാർക്കർ (വരിയുടെ നടുവിൽ)
.

• 

¹

സൂപ്പർസ്ക്രിപ്റ്റ് "1"
¹

¹

²

സൂപ്പർസ്ക്രിപ്റ്റ് "2"
²

²

³

സൂപ്പർസ്ക്രിപ്റ്റ് "3"
³

³

HTML (XHTML)-ലെ സൂപ്പർസ്ക്രിപ്റ്റും സബ്സ്ക്രിപ്റ്റും 
ടാഗുകൾ ഉപയോഗിച്ച് ചേർക്കാവുന്നതാണ് ഒപ്പം , യഥാക്രമം: 
NUMBER സൂപ്പർസ്ക്രിപ്റ്റ്→ NUMBER സൂപ്പർസ്ക്രിപ്റ്റ് 
NUMBER സബ്സ്ക്രിപ്റ്റ്→ NUMBER സബ്സ്ക്രിപ്റ്റ്
½

അംശം "ഒരു പകുതി"
½

½

⅓

അംശം "മൂന്നിൽ ഒന്ന്"


⅓

¼

അംശം "നാലിൽ ഒന്ന്"
¼

¼

¾

അംശം "മുക്കാൽ"
¾

¾

№

നമ്പർ ചിഹ്നം


№

%

ശതമാനം


%

‰

പിപിഎം
‰

‰ 
‰

°

ഡിഗ്രികൾ
°

°

′

പ്രധാനം (മിനിറ്റുകൾ, അടി)
′

′

″

ഇരട്ട പ്രൈം (സെക്കൻഡ്, ഇഞ്ച്) 
ഉദാഹരണം 1: 30° 25′ 12″ 
ഉദാഹരണം 2: 25′ 12 ″



″

″

µ

സൂക്ഷ്മ
µ

µ

π

പൈ
π

π

ƒ

ഫംഗ്ഷൻ ചിഹ്നം 
("ഇൻ്റഗ്രൽ" എന്നതുമായി തെറ്റിദ്ധരിക്കരുത്)
ƒ

ƒ 
ƒ

∫

സമഗ്രമായ
∫

∫

∅

പൂജ്യം കടന്നു, ശൂന്യമായ സെറ്റ് 
("വ്യാസം" എന്നതുമായി തെറ്റിദ്ധരിക്കരുത്)
∅

∅

⌀

വ്യാസം (ക്രോസ് ഔട്ട് ലാറ്റിൻ "o" മായി തെറ്റിദ്ധരിക്കരുത്)


⌀

ø

ലാറ്റിൻ "o" ഡയഗണലായി ക്രോസ് ചെയ്തു
ø

ø

Ø

ലാറ്റിൻ മൂലധനം "O" ഡയഗണലായി കടന്നു
Ø

Ø

∏

ജോലി അടയാളം
∏

∏

∑

സംഗ്രഹ ചിഹ്നം
∑

∑

√

സമൂലമായ 
(സ്ക്വയർ റൂട്ട് അല്ലെങ്കിൽ x റൂട്ട്)
√

√

∝

ആനുപാതികമായി
∝

∝

∞

അനന്തത
∞

∞

∠

മൂല
∠

∠

⊥

ഓർത്തോഗണൽ (ലംബമായി)
⊥

⊥

∴

"അതിനാൽ" എന്ന് ഒപ്പിടുക
∴

∴

≅

ഏകദേശം തുല്യം
≅

≅

≈

ഏതാണ്ട് തുല്യമാണ്
≈

≈

≠

തുല്യമല്ല
≠

≠

≡

ഒരേപോലെ
≡

≡

≤

കുറവ് അല്ലെങ്കിൽ തുല്യം
≤

≤

≥

കൂടുതലോ തുല്യമോ
≥

≥

∧

ലോജിക്കൽ AND
∧

∧

∨

ലോജിക്കൽ OR
∨

∨

⊕

കൂടാതെ ഒരു സർക്കിളിൽ സൈൻ ചെയ്യുക 
(നേരിട്ടുള്ള തുക)
⊕

⊕

⊗

ഒരു സർക്കിളിലെ ഗുണന ചിഹ്നം 
(ക്രോസ് ഉൽപ്പന്നം, നിരീക്ഷകനിൽ നിന്നുള്ള അമ്പടയാളം)
⊗

⊗

ʘ

ഒരു വൃത്തത്തിൽ ഡോട്ട് 
(നിരീക്ഷകനിലേക്കുള്ള അമ്പ്)


ʘ
















































































































































































✵
✵






















പാഠം 5.

 
ഈ പാഠത്തിൽ ഞങ്ങൾ: 
1. അത് എങ്ങനെ ചെയ്യണമെന്ന് നമുക്ക് നോക്കാം html കോഡ്ഞങ്ങൾക്ക് കൂടുതൽ സൗകര്യപ്രദവും വായിക്കാൻ എളുപ്പവുമായിരുന്നു. 
2. ഒരു ടെക്സ്റ്റ് ലൈൻ എങ്ങനെ ശരിയായി പൊതിയാമെന്ന് നോക്കാം.
 
html കോഡ് സൗകര്യപ്രദമാക്കുന്നു.
 
ഇപ്പോൾ ഞങ്ങളുടെ കോഡ് വ്യക്തവും വായിക്കാൻ എളുപ്പവുമാണ്, കാരണം ചെറിയ വാചകവും പ്രായോഗികമായി ടാഗുകളും ഇല്ല.  നമ്മൾ കൂടുതൽ സങ്കീർണ്ണമായ ഒരു പേജ് സൃഷ്ടിക്കുമ്പോൾ, ധാരാളം ടാഗുകൾ ഉണ്ടാകും, അതിനാൽ ശരിയായത് കണ്ടെത്തുന്നത് ബുദ്ധിമുട്ടായിരിക്കും.
 
ടാഗുകളുടെ കുഴപ്പം ഒഴിവാക്കാൻ, നിങ്ങൾ ആദ്യം ടാഗുകളും ലൈനുകളും ക്രമീകരിക്കേണ്ടതുണ്ട്, അങ്ങനെ അവ ദൃശ്യപരമായി എളുപ്പത്തിൽ മനസ്സിലാക്കാൻ കഴിയും.  ബ്രൗസർ വിവരങ്ങൾ വായിക്കുമ്പോൾ html പേജുകൾ, എത്ര ഇടങ്ങൾ, എത്ര എണ്ണം എന്നത് അദ്ദേഹത്തിന് പ്രശ്നമല്ല ശൂന്യമായ വരികൾകോഡിൽ.
 
ഞങ്ങൾ സൃഷ്ടിച്ചതിന് ആപേക്ഷികമായി പേജ് കോഡിലെ വാചകം ഞാൻ മാറ്റി, പക്ഷേ അത് പ്രശ്നമല്ല.  ഇടതും വലതും ചിത്രങ്ങൾ ഒരേ കോഡ് കാണിക്കുന്നു.  രണ്ട് ഓപ്ഷനുകളും മോണിറ്റർ സ്ക്രീനിൽ ബ്രൗസർ ഒരേപോലെ പ്രദർശിപ്പിക്കും.  സമ്മതിക്കുക, വലതുവശത്ത് കാണിച്ചിരിക്കുന്ന കോഡ് ഉപയോഗിച്ച് പ്രവർത്തിക്കുന്നത് ഇടതുവശത്തുള്ളതിനേക്കാൾ വളരെ എളുപ്പമായിരിക്കും.
 
നമ്മൾ നോക്കുന്ന കോഡ് വളരെ ലളിതമാണ്, എന്നാൽ ഇപ്പോൾ പോലും വിഷ്വൽ പെർസെപ്ഷനിലെ വ്യത്യാസം ശ്രദ്ധേയമാണ്.  “കാര്യങ്ങൾ ക്രമീകരിക്കുന്നതിന്” പ്രത്യേക നിയമങ്ങളൊന്നുമില്ല; ഓരോ യജമാനനും തനിക്ക് ജോലി ചെയ്യുന്നത് എങ്ങനെ കൂടുതൽ സൗകര്യപ്രദമാണെന്ന് സ്വയം തീരുമാനിക്കുന്നു.
 
HTML ലൈൻ ബ്രേക്ക്.  ടാഗ് <br>.
 
ചിത്രത്തിൽ ശ്രദ്ധിക്കുക.  ആദ്യ പതിപ്പിൽ വാചകം ഒരു വരിയിലും രണ്ടാമത്തെ പതിപ്പിൽ രണ്ട് വരികളിലുമാണ് എഴുതിയിരിക്കുന്നത്.
 
ബ്രൗസർ രണ്ട് ഓപ്ഷനുകളും ഒരുപോലെ പ്രദർശിപ്പിക്കും.  വാചകം ഒരു വരിയിൽ എഴുതപ്പെടും:
 
ഇത് എന്തിനാണെന്ന് നിങ്ങൾ ചോദിക്കുന്നു?  തീർച്ചയായും, കോഡുകളിലൊന്നിൽ, വാചകത്തിൻ്റെ ഒരു ഭാഗം മറ്റൊരു വരിയിലേക്ക് മാറ്റുന്നു.  ബ്രൗസറിൽ ചില വാചകങ്ങൾ മറ്റൊരു വരിയിലേക്ക് നീക്കിയാൽ അത് യുക്തിസഹമായിരിക്കും, എന്നാൽ ഇക്കാര്യത്തിൽ html-ന് അതിൻ്റേതായ യുക്തിയുണ്ട്. html കോഡിൽ നമ്മൾ ഒരു ലൈൻ ബ്രേക്ക് ഉണ്ടാക്കുകയാണെങ്കിൽ, ബ്രൗസറിന് ഇത് ഒരു സ്‌പെയ്‌സിന് തുല്യമാണ്(ടെക്‌സ്റ്റിലെ വാക്കുകൾക്കിടയിൽ ഒരു സാധാരണ ഇടം പോലെ).  ടെക്‌സ്‌റ്റിൻ്റെ ഭാഗം ഒരു വരിയല്ല, 2 അല്ലെങ്കിൽ 3 (ഏതെങ്കിലും സംഖ്യ) നീക്കുകയാണെങ്കിൽ, ബ്രൗസർ ഈ ദൂരം വാക്കുകൾക്കിടയിലുള്ള ഒരു സാധാരണ ഇടമായി കണക്കാക്കുകയും സ്‌ക്രീനിൽ പ്രദർശിപ്പിക്കുമ്പോൾ ടെക്‌സ്‌റ്റ് ഒരു വരിയിൽ എഴുതുകയും ചെയ്യും. .
 
ടാഗ് <br>
 
മൂന്നാമത്തെ പാഠത്തിൽ ടാഗുകൾ പരിചയപ്പെട്ടപ്പോൾ, ക്ലോസിംഗ് ആവശ്യമില്ലാത്ത ടാഗുകൾ ഉണ്ടെന്ന് ഞാൻ സൂചിപ്പിച്ചു.  ടാഗ് ചെയ്യുക <br>അവയിലൊന്ന് ലൈൻ ബ്രേക്കുകൾക്കായി ഉപയോഗിക്കുന്നു. 
നമുക്ക് ഇത് കോഡിൽ പ്രയോഗിക്കാം:
 
ഞങ്ങൾ ഒരു ടാഗ് ഇട്ടു <br>ഞങ്ങളുടെ html കോഡിലേക്ക്, ഇപ്പോൾ നിങ്ങൾ ബ്രൗസറിലൂടെ ഫയൽ സമാരംഭിക്കുമ്പോൾ, ടെക്‌സ്‌റ്റിൻ്റെ ഒരു ഭാഗം അടുത്ത വരിയിലേക്ക് മാറ്റും. 
 * നോട്ട്പാഡിൽ (Ctrl + S) മാറ്റങ്ങൾ സംരക്ഷിക്കാനും ബ്രൗസറിൽ (F5) പേജ് പുതുക്കാനും മറക്കരുത്.