ഇന്റർനെറ്റ് എഞ്ചിനീയറിംഗ് ടാസ്ക് ഫോഴ്സ്) ഒരു HTML സ്റ്റാൻഡേർഡിനായി ഒരു കരട് നിർദ്ദേശം പ്രസിദ്ധീകരിച്ചു

HTML ഡോക്യുമെന്റ് ഘടന

ഒരു HTML 4 പ്രമാണത്തിൽ മൂന്ന് ഭാഗങ്ങൾ അടങ്ങിയിരിക്കുന്നു:

• HTML പതിപ്പ് വിവരങ്ങൾ അടങ്ങിയ ഒരു സ്ട്രിംഗ്,
• തലക്കെട്ട് വിഭാഗം പ്രഖ്യാപിക്കുന്നു (HEAD മൂലകത്തിന്റെ പരിധിയിൽ),
• രേഖ തന്നെ ഉൾക്കൊള്ളുന്ന ബോഡി.

ബോഡി അല്ലെങ്കിൽ ഫ്രെയിംസെറ്റ് ഘടകങ്ങളിൽ ശരീരം അടങ്ങിയിരിക്കാം. വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ(ഇടങ്ങൾ, പുതിയ ലൈനുകൾ, ടാബ് പ്രതീകങ്ങൾ, അഭിപ്രായങ്ങൾ) ഈ വിഭാഗത്തിന് മുമ്പോ ശേഷമോ ദൃശ്യമാകാം.

ഹലോ വേൾഡ്!

പ്രമാണം ആരംഭിക്കുന്നത് ഒരു ഘടകത്തിൽ നിന്നാണ് തരംപ്രമാണം, അല്ലെങ്കിൽ ഡോക്‌ടൈപ്പ്. ഏത് തരത്തിലുള്ള HTML ഉപയോഗിക്കുമെന്ന് ഇത് വിവരിക്കുന്നു, അതുവഴി ഉപയോക്താവിന്റെ ക്ലയന്റ് ആപ്ലിക്കേഷന് പ്രമാണത്തെ എങ്ങനെ വ്യാഖ്യാനിക്കണമെന്നും അത് പിന്തുടരുമെന്ന് അവകാശപ്പെടുന്ന നിയമങ്ങൾ പാലിക്കുന്നുണ്ടോ എന്ന് തീരുമാനിക്കാനും കഴിയും.

ഇതിനുശേഷം, നിങ്ങൾക്ക് html എലമെന്റിന്റെ ഓപ്പണിംഗ് ടാഗ് കാണാം. ഇത് മുഴുവൻ ഡോക്യുമെന്റിനും ചുറ്റുമുള്ള ഒരു റാപ്പറാണ്. ക്ലോസിംഗ് html ടാഗ് ഏതൊരു HTML പ്രമാണത്തിലെയും അവസാന ഒബ്ജക്റ്റാണ്.

html എലമെന്റിനുള്ളിൽ ഒരു ഹെഡ് എലമെന്റ് ഉണ്ട്. ഡോക്യുമെന്റിനെക്കുറിച്ചുള്ള വിവരങ്ങൾ ഇതിൽ അടങ്ങിയിരിക്കുന്നു (മെറ്റാഡാറ്റ). മെനു ബാറിലെ "ലളിതമായ പേജ്" ശീർഷകം നിർവചിക്കുന്ന ഒരു ശീർഷക ഘടകമാണ് ഇൻസൈഡ് ഹെഡ്.

ഹെഡ് എലമെന്റിന് ശേഷം ബോഡി എലമെന്റ് വരുന്നു, അത് പേജിന്റെ യഥാർത്ഥ ഉള്ളടക്കം ഉൾക്കൊള്ളുന്ന റാപ്പറാണ് - ഈ സാഹചര്യത്തിൽ, "ഹലോ വേൾഡ്!" എന്ന വാചകം ഉൾക്കൊള്ളുന്ന ഫസ്റ്റ്-ലെവൽ ഹെഡർ എലമെന്റ് (h1). .

മൂലകങ്ങളിൽ പലപ്പോഴും മറ്റ് ഘടകങ്ങൾ അടങ്ങിയിരിക്കുന്നു. ഡോക്യുമെന്റിന്റെ ബോഡിയിൽ എല്ലായ്പ്പോഴും നിരവധി നെസ്റ്റഡ് ഘടകങ്ങൾ അടങ്ങിയിരിക്കും.

പേജ് വിഭാഗങ്ങൾ പ്രമാണത്തിന്റെ മൊത്തത്തിലുള്ള ഘടന സൃഷ്ടിക്കുന്നു, കൂടാതെ ഉപവിഭാഗങ്ങൾ അടങ്ങിയിരിക്കാം. അവയിൽ തലക്കെട്ടുകൾ, ഖണ്ഡികകൾ, ലിസ്റ്റുകൾ മുതലായവയും അടങ്ങിയിരിക്കാം. മറ്റ് ഘടകങ്ങൾ, ഉദ്ധരണികൾ, ഹൈലൈറ്റുകൾ മുതലായവയിലേക്ക് ലിങ്കുകൾ സൃഷ്ടിക്കുന്ന ഘടകങ്ങൾ ഖണ്ഡികകളിൽ അടങ്ങിയിരിക്കാം.

HTML മൂലക വാക്യഘടന

HTML-ലെ ഒരു അടിസ്ഥാന ഘടകം ടെക്‌സ്‌റ്റ് ബ്ലോക്കിന് ചുറ്റുമുള്ള രണ്ട് ടാഗുകൾ ഉൾക്കൊള്ളുന്നു. ടെക്‌സ്‌റ്റ് പൊതിയാത്ത ഘടകങ്ങളുണ്ട്, മിക്കവാറും എല്ലാ ഘടകങ്ങളിലും ഉപഘടകങ്ങൾ അടങ്ങിയിരിക്കാം (മുകളിലുള്ള ഉദാഹരണത്തിൽ html-ൽ തലയും ശരീരവും അടങ്ങിയിരിക്കുന്നതുപോലെ).

ഇനങ്ങൾക്കും ഉണ്ടായിരിക്കാം ഗുണവിശേഷങ്ങൾ, മൂലകത്തിന്റെ സ്വഭാവം പരിഷ്കരിക്കാനും അധിക മൂല്യം അവതരിപ്പിക്കാനും കഴിയും.

ഈ ഉദാഹരണത്തിൽ, ഡിവി എലമെന്റിന് (പേജിന്റെ വിഭാഗം, പ്രമാണങ്ങളെ ലോജിക്കൽ ബ്ലോക്കുകളായി വിഭജിക്കുന്ന രീതി) ഒരു ഐഡി ആട്രിബ്യൂട്ട് ചേർത്തിട്ടുണ്ട്, അത് മാസ്റ്റ് ഹെഡ്. ഡിവി എലമെന്റിൽ ഒരു h1 ഘടകം (ആദ്യത്തേത് അല്ലെങ്കിൽ ഏറ്റവും പ്രധാനപ്പെട്ടത് ലെവൽ ഹെഡിംഗ്) അടങ്ങിയിരിക്കുന്നു, അതിൽ ചില ടെക്‌സ്‌റ്റുകൾ അടങ്ങിയിരിക്കുന്നു. ഈ വാചകത്തിൽ ചിലത് ഒരു ഘടകത്തിൽ പൊതിഞ്ഞതാണ് abbr(ഇത് ചുരുക്കെഴുത്ത് വിപുലീകരണം നിർവചിക്കാൻ ഉപയോഗിക്കുന്നു) അതിന്റെ മൂല്യം സജ്ജീകരിച്ചിരിക്കുന്ന ഒരു ശീർഷക ആട്രിബ്യൂട്ട് ഉണ്ട് ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ്.

HTML-ലെ പല ആട്രിബ്യൂട്ടുകളും എല്ലാ മൂലകങ്ങൾക്കും പൊതുവായതാണ്, എന്നാൽ ചിലത് നൽകിയിരിക്കുന്ന ഘടകത്തിനോ ഘടകങ്ങൾക്കോ ​​മാത്രമുള്ളതാണ്. അവയ്‌ക്കെല്ലാം രൂപമുണ്ട്:

കീവേഡ്="മൂല്യം"

മൂല്യം ഒറ്റ അല്ലെങ്കിൽ ഇരട്ട ഉദ്ധരണികളിൽ സ്ഥാപിക്കണം (ചില സാഹചര്യങ്ങളിൽ ഉദ്ധരണികൾ നഷ്‌ടമായേക്കാം, എന്നാൽ പ്രവചനാത്മകത, മനസ്സിലാക്കൽ എന്നിവയിൽ ഇത് വളരെ മികച്ചതല്ല).

ആട്രിബ്യൂട്ടുകളും അവയുടെ സാധ്യമായ മൂല്യങ്ങളും പ്രാഥമികമായി എച്ച്ടിഎംഎൽ സ്പെസിഫിക്കേഷനുകൾ (http://www.w3.org/TR/html401/index/attributes.html) വഴി നിർവചിച്ചിരിക്കുന്നു, അതിനാൽ നിങ്ങൾക്ക് നിങ്ങളുടെ സ്വന്തം ആട്രിബ്യൂട്ടുകൾ സൃഷ്ടിക്കാൻ കഴിയില്ല. ഐഡിയും ക്ലാസ് ആട്രിബ്യൂട്ടുകളും മാത്രമാണ് യഥാർത്ഥ അപവാദങ്ങൾ, അവയുടെ മുഴുവൻ മൂല്യങ്ങളും പ്രമാണങ്ങളിൽ നിങ്ങളുടെ സ്വന്തം അർത്ഥവും സെമാന്റിക്‌സും ചേർക്കാൻ ഉദ്ദേശിച്ചുള്ളതാണ്.

മറ്റൊരു മൂലകത്തിനുള്ളിലെ ഒരു മൂലകത്തെ വിളിക്കുന്നു "സന്തതി"ഈ ഘടകം. മുകളിലുള്ള ഉദാഹരണത്തിൽ abbrഎച്ച് 1 ന്റെ കുട്ടിയാണ്, അത് ഡിവിയുടെ കുട്ടിയാണ്. നേരെമറിച്ച്, h1 മൂലകത്തിന്റെ "പൂർവ്വികൻ" ആണ് div.

ബ്ലോക്ക്-ലെവൽ ഘടകങ്ങളും ഇൻലൈൻ ഘടകങ്ങളും

HTML-ൽ ഘടകങ്ങളുടെ രണ്ട് പ്രധാന വിഭാഗങ്ങളുണ്ട്, അവ ഈ ഘടകങ്ങൾ പ്രതിനിധീകരിക്കുന്ന ഉള്ളടക്ക തരങ്ങളോടും ഘടനയോടും യോജിക്കുന്നു - ബ്ലോക്ക് ലെവൽ ഘടകങ്ങളും ഇൻലൈൻ ഘടകങ്ങളും.

ബ്ലോക്ക് ലെവൽസാധാരണയായി പ്രമാണത്തിന്റെ ഘടനയെക്കുറിച്ച് അറിയിക്കുന്ന ഉയർന്ന തലത്തിലുള്ള ഘടകം എന്നാണ് അർത്ഥമാക്കുന്നത്. ബ്ലോക്ക്-ലെവൽ ഘടകങ്ങളെ ഒരു പുതിയ വരിയിൽ ആരംഭിക്കുന്ന ഘടകങ്ങളായി കണക്കാക്കാം, അതിന് മുമ്പ് വന്നതിൽ നിന്ന് വേർപെടുത്തുന്നു. സാധാരണ ബ്ലോക്ക് ഘടകങ്ങൾആകുന്നു ഖണ്ഡികകൾ, ബുള്ളറ്റ് പോയിന്റുകൾ, തലക്കെട്ടുകൾ, പട്ടികകൾ.

സ്ട്രിംഗ് ഘടകങ്ങൾബ്ളോക്ക്-ലെവൽ ഘടനാപരമായ ഘടകങ്ങളിൽ അടങ്ങിയിരിക്കുന്നു, കൂടാതെ ഡോക്യുമെന്റ് ടെക്സ്റ്റിന്റെ ഭാഗങ്ങൾ മാത്രം ഉൾക്കൊള്ളുന്നു, മുഴുവൻ ഏരിയകളല്ല. ഒരു ഇൻലൈൻ ഘടകം പ്രമാണത്തിൽ ഒരു പുതിയ ലൈൻ ദൃശ്യമാകുന്നില്ല, കാരണം അവ വാചകത്തിന്റെ ഒരു ഖണ്ഡികയിൽ ദൃശ്യമാകുന്ന ഘടകങ്ങളാണ്. സാധാരണ സ്ട്രിംഗ് ഘടകങ്ങൾആകുന്നു ഹൈപ്പർടെക്‌സ്‌റ്റ് ലിങ്കുകൾ, ഹൈലൈറ്റ് ചെയ്‌ത വാക്കുകൾ അല്ലെങ്കിൽ ശൈലികൾ, ചെറിയ ഉദ്ധരണികൾ.

തലക്കെട്ട്

ഒരു HTML പ്രമാണത്തിന്റെ തല ഒരു ഓപ്ഷണൽ മാർക്ക്അപ്പ് ഘടകമാണ്. തുടക്കത്തിൽ, ശീർഷകത്തിന്റെ നിലനിൽപ്പ് നിർണ്ണയിക്കുന്നത് ആവശ്യകതയാണ് ബ്രൗസർ വിൻഡോ നാമകരണം. വഴിയാണ് ഇത് നേടിയെടുത്തത് മാർക്ക്അപ്പ് ഘടകംശീർഷകം:

... ...

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

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

അടിസ്ഥാന തലക്കെട്ട് ടാഗുകൾ HTML മാർക്ക്അപ്പ് ഘടകങ്ങളാണ്, അവ മിക്കപ്പോഴും ഒരു HTML പ്രമാണത്തിന്റെ തലയിൽ കാണപ്പെടുന്നു, അതായത്. അകത്ത് മാർക്ക്അപ്പ് ഘടകംതല:

• TITLE (പ്രമാണത്തിന്റെ പേര്);
• അടിസ്ഥാനം (URL അടിസ്ഥാനം);
• ISINDEX (തിരയൽ പാറ്റേൺ);
• META (മെറ്റാ വിവരങ്ങൾ);
• LINK (പൊതു ലിങ്കുകൾ);
• STYLE (സ്റ്റൈൽ ഡിസ്ക്രിപ്റ്ററുകൾ);
• സ്ക്രിപ്റ്റ് (സ്ക്രിപ്റ്റുകൾ).

ഏറ്റവും സാധാരണയായി ഉപയോഗിക്കുന്ന ഘടകങ്ങൾ TITLE, SCRIPT, STYLE എന്നിവയാണ്. META ഘടകത്തിന്റെ ഉപയോഗം, സെർച്ച് എഞ്ചിനുകളിൽ ഡോക്യുമെന്റുകൾ സൂചികയിലാക്കുന്നതിനുള്ള നിയമങ്ങളെക്കുറിച്ചും HTTP ഡാറ്റാ എക്സ്ചേഞ്ച് കൈകാര്യം ചെയ്യാനുള്ള കഴിവിനെക്കുറിച്ചും രചയിതാവിന്റെ അവബോധത്തെ സൂചിപ്പിക്കുന്നു. BASE, ISINDEX എന്നിവ ഈയിടെയായി ഉപയോഗിച്ചിട്ടില്ല. ഡോക്യുമെന്റിന് പുറത്തുള്ള സ്റ്റൈൽ ഷീറ്റ് ഡിസ്ക്രിപ്റ്ററുകൾ ഉപയോഗിക്കുമ്പോൾ മാത്രമാണ് LINK വ്യക്തമാക്കുന്നത്.

മാർക്ക്അപ്പ് ഘടകം HEAD-ൽ HTML പ്രമാണത്തിന്റെ തല അടങ്ങിയിരിക്കുന്നു. ദി മാർക്ക്അപ്പ് ഘടകംഓപ്ഷണൽ ആണ്. ഒരു ആരംഭ ടാഗ് ഉണ്ടെങ്കിൽ മാർക്ക്അപ്പ് ഘടകംഒരു എൻഡ് ടാഗും ഉപയോഗിക്കുന്നതാണ് ഉചിതം മാർക്ക്അപ്പ് ഘടകം. ഡിഫോൾട്ടായി, BODY കണ്ടെയ്‌നർ സ്റ്റാർട്ട് ടാഗ് അല്ലെങ്കിൽ FRAMESET കണ്ടെയ്‌നർ സ്റ്റാർട്ട് ടാഗ് നേരിട്ടാൽ, HEAD ഘടകം അടച്ചിരിക്കും.

പ്രമാണവുമായി ബന്ധപ്പെട്ട വിവരങ്ങൾ മൊത്തത്തിൽ ഉൾക്കൊള്ളാൻ ഹെഡർ കണ്ടെയ്നർ ഉപയോഗിക്കുന്നു.

മാർക്ക്അപ്പ് ഘടകംവേൾഡ് വൈഡ് വെബിൽ ഒരു പ്രമാണത്തിന് പേരിടാൻ TITLE ഉപയോഗിക്കുന്നു. TITLE കണ്ടെയ്‌നറിന്റെ ഉള്ളടക്കത്തിനായി ടെക്‌സ്‌റ്റ് തിരഞ്ഞെടുക്കുമ്പോൾ, അത് പ്രദർശിപ്പിച്ചിട്ടുണ്ടെന്ന് അറിഞ്ഞിരിക്കുക സിസ്റ്റം ഫോണ്ട്, അത് ബ്രൗസർ വിൻഡോയുടെ തലക്കെട്ടായതിനാൽ.

TITLE കണ്ടെയ്‌നറിന്റെ പൊതുവായ വാക്യഘടന ഇപ്രകാരമാണ്:

തലക്കെട്ട് ആവശ്യമായ ഡോക്യുമെന്റ് കണ്ടെയ്‌നർ അല്ല. അത് താഴ്ത്താം. പല സെർച്ച് എഞ്ചിനുകളുടെയും റോബോട്ടുകൾ ഡോക്യുമെന്റിന്റെ ഒരു തിരയൽ ഇമേജ് സൃഷ്ടിക്കാൻ TITLE ഘടകത്തിന്റെ ഉള്ളടക്കം ഉപയോഗിക്കുന്നു. TITLE എന്നതിൽ നിന്നുള്ള വാക്കുകൾ തിരയൽ എഞ്ചിൻ സൂചികയിൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്. ഇക്കാരണങ്ങളാൽ, വെബ്‌സൈറ്റ് പേജുകളിൽ TITLE ഘടകം ഉപയോഗിക്കാൻ എപ്പോഴും ശുപാർശ ചെയ്യപ്പെടുന്നു.

മാർക്ക്അപ്പ് ഘടകംഅപൂർണ്ണമായ (ഭാഗിക) രൂപത്തിൽ വ്യക്തമാക്കിയ പ്രമാണ ഹൈപ്പർടെക്സ്റ്റ് ലിങ്കുകൾക്കുള്ള അടിസ്ഥാന URL നിർണ്ണയിക്കാൻ BASE ഉപയോഗിക്കുന്നു. കൂടാതെ, നിലവിലെ ഡോക്യുമെന്റിനായി നിങ്ങൾ ഒരു ഹൈപ്പർടെക്സ്റ്റ് ലിങ്ക് തിരഞ്ഞെടുക്കുമ്പോൾ ഡിഫോൾട്ട് ഡോക്യുമെന്റ് ലോഡിംഗ് ടാർഗെറ്റ് വിൻഡോ നിർവചിക്കാൻ BASE നിങ്ങളെ അനുവദിക്കുന്നു. "മിററുകൾ" ഉള്ള സൈറ്റുകളുടെ പേജുകളിലാണ് BASE മിക്കപ്പോഴും കാണപ്പെടുന്നത്. വിവിധ കാരണങ്ങളാൽ പ്രധാന സെർവറിൽ നിന്നുള്ള ചില പ്രമാണങ്ങൾ "മിറർ" സെർവറിലേക്ക് മാറ്റില്ല. ഈ സാഹചര്യത്തിൽ, നിർബന്ധിത അടിസ്ഥാന URL ഉള്ള ഒരു പ്രമാണം എല്ലായ്പ്പോഴും പ്രധാന സെർവറിലേക്ക് ലിങ്ക് ചെയ്യും.

കണ്ടെയ്‌നർ ആരംഭ ടാഗിൽ ആവശ്യമായ ഒരു HREF ആട്രിബ്യൂട്ട് അടങ്ങിയിരിക്കുന്നു, കൂടാതെ ഒരു ഓപ്‌ഷണൽ TARGET ആട്രിബ്യൂട്ട് അടങ്ങിയിരിക്കാം. ഒരു ബേസ് കണ്ടെയ്‌നറിന്റെ പൊതുവായ വാക്യഘടന ഇപ്രകാരമാണ്:

മാർക്ക്അപ്പ് ഘടകംഒരു തിരയൽ പാറ്റേൺ വ്യക്തമാക്കാൻ ISINDEX ഉപയോഗിക്കുന്നു, ഇത് HTML-ന്റെ മുൻ പതിപ്പുകളിൽ നിന്ന് പാരമ്പര്യമായി ലഭിച്ചതാണ്. HTML 4.0-ൽ ഈ കണ്ടെയ്നർ നിർവചിച്ചിട്ടില്ല.

META മാർക്ക്അപ്പ് ഘടകം

പ്രമാണത്തിന്റെ ബോഡിയുടെ ഉള്ളടക്കം ശരിയായി പ്രദർശിപ്പിക്കുന്നതിനും പ്രോസസ്സ് ചെയ്യുന്നതിനും ബ്രൗസർ ഉപയോഗിക്കുന്ന നിയന്ത്രണ വിവരങ്ങൾ META-യിൽ അടങ്ങിയിരിക്കുന്നു, ഉദാഹരണത്തിന്, ഉള്ളടക്ക-തരം ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച്, നിങ്ങൾക്ക് ക്ലയന്റ് വശത്ത് പ്രമാണത്തിന്റെ റീകോഡിംഗ് വ്യക്തമാക്കാൻ കഴിയും.

META ഉപയോഗിച്ച് നിങ്ങൾക്ക് മറ്റ് ഓപ്പറേറ്റർമാരെയും വ്യക്തമാക്കാം. ഉദാഹരണത്തിന്, ഡോക്യുമെന്റ് കാഷിംഗ് പ്രവർത്തനരഹിതമാക്കുക. കാഷെ ചെയ്യൽ പ്രവർത്തനരഹിതമാക്കാൻ, META തലക്കെട്ടിൽ ഇതുപോലുള്ള ഒരു ടാഗ് ചേർക്കുക:

HTTP പ്രോട്ടോക്കോളിന്റെ (HTTP 1.1) പുതിയ പതിപ്പിൽ, കാഷെ-നിയന്ത്രണ പ്രസ്താവനയിലൂടെയാണ് കാഷിംഗ് നിയന്ത്രിക്കുന്നത്. കാര്യത്തിലെ അതേ ഫലം ലഭിക്കുന്നതിന് പ്രാഗ്മ, HTML പ്രമാണത്തിന്റെ തലക്കെട്ടിൽ ഇത് സൂചിപ്പിച്ചാൽ മതി:

ഫോർവേഡ് ചെയ്ത ശേഷം ഒരു ഡോക്യുമെന്റ് സൂക്ഷിക്കുന്നത് നിങ്ങൾക്ക് നിരോധിക്കാം.

എസ്.ജി.എം.എൽ(ഇംഗ്ലീഷ്: സ്റ്റാൻഡേർഡ് ജനറലൈസ്ഡ് മാർക്ക്അപ്പ് ലാംഗ്വേജ് - സ്റ്റാൻഡേർഡ് സാമാന്യവൽക്കരിച്ച മാർക്ക്അപ്പ് ഭാഷ; ഉച്ചാരണം [s-ji-em-el]) - ഡോക്യുമെന്റുകൾക്കായി നിങ്ങൾക്ക് ഒരു മാർക്ക്അപ്പ് ഭാഷ നിർവചിക്കാൻ കഴിയുന്ന ഒരു മെറ്റാ-ലാംഗ്വേജ്. 1969-ൽ IBM-ൽ വികസിപ്പിച്ച GML (ജനറലൈസ്ഡ് മാർക്ക്അപ്പ് ലാംഗ്വേജ്) ന്റെ പിൻഗാമിയാണ് SGML, ഇത് ഓപ്പൺ GIS കൺസോർഷ്യം വികസിപ്പിച്ച ജിയോഗ്രഫി മാർക്ക്അപ്പ് ലാംഗ്വേജുമായി തെറ്റിദ്ധരിക്കരുത്.

വലിയ ഗവൺമെന്റ്, എയ്‌റോസ്‌പേസ് പ്രോജക്ടുകളിൽ മെഷീൻ റീഡബിൾ ഡോക്യുമെന്റുകൾ പങ്കിടുന്നതിനാണ് എസ്‌ജിഎംഎൽ ആദ്യം വികസിപ്പിച്ചത്. അച്ചടി, പ്രസിദ്ധീകരണ വ്യവസായങ്ങളിൽ ഇത് വ്യാപകമായി ഉപയോഗിച്ചിരുന്നു, പക്ഷേ അതിന്റെ സങ്കീർണ്ണത ദൈനംദിന ഉപയോഗത്തിന് വ്യാപകമായി സ്വീകരിക്കുന്നത് ബുദ്ധിമുട്ടാക്കി.

SGML പ്രമാണത്തിന്റെ പ്രധാന ഭാഗങ്ങൾ:

SGML ഡിക്ലറേഷൻ - ആപ്ലിക്കേഷനിൽ എന്ത് പ്രതീകങ്ങളും ഡിലിമിറ്ററുകളും ദൃശ്യമാകുമെന്ന് നിർവചിക്കുന്നു;

ഡോക്യുമെന്റ് തരം നിർവ്വചനം - മാർക്ക്അപ്പ് നിർമ്മാണങ്ങളുടെ വാക്യഘടന നിർവചിക്കുന്നു. DTD-യിൽ പ്രതീകാത്മക റഫറൻസുകൾ പോലെയുള്ള അധിക നിർവചനങ്ങൾ ഉൾപ്പെട്ടേക്കാം;

മാർക്ക്അപ്പിനെ സൂചിപ്പിക്കുന്ന സെമാന്റിക്സ് സ്പെസിഫിക്കേഷൻ, ഒരു ഡിടിഡിയിൽ പ്രകടിപ്പിക്കാൻ കഴിയാത്ത വാക്യഘടന നിയന്ത്രണങ്ങളും നൽകുന്നു;

SGML പ്രമാണത്തിന്റെ ഉള്ളടക്കം - കുറഞ്ഞത് ഒരു റൂട്ട് ഘടകം ഉണ്ടായിരിക്കണം.

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

ഉദാഹരണം SGML വാക്യഘടന:

സാധാരണ പോലെ എന്തെങ്കിലും ഈ

എസ്‌ജി‌എം‌എൽ ഐ‌എസ്‌ഒ പ്രകാരം സ്റ്റാൻഡേർഡ് ചെയ്‌തിരിക്കുന്നു: "ISO 8879:1986 ഇൻഫർമേഷൻ പ്രോസസ്സിംഗ്-ടെക്‌സ്‌റ്റ്, ഓഫീസ് സിസ്റ്റങ്ങൾ-സ്റ്റാൻഡേർഡ് ജനറലൈസ്ഡ് മാർക്ക്അപ്പ് ലാംഗ്വേജ് (എസ്‌ജിഎംഎൽ)"

HTML, XML എന്നിവ SGML-ൽ നിന്ന് ഉരുത്തിരിഞ്ഞതാണ്. HTML എന്നത് SGML-ന്റെ ഒരു ആപ്ലിക്കേഷനാണ്, കൂടാതെ ഒരു പ്രമാണം മെഷീൻ പാഴ്‌സ് ചെയ്യുന്ന പ്രക്രിയ ലളിതമാക്കാൻ രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്ന SGML-ന്റെ ഒരു ഉപവിഭാഗമാണ് XML. SGML ഡോക്ബുക്ക് (ഡോക്യുമെന്റേഷൻ), "Z ഫോർമാറ്റ്" (ടൈപ്പോഗ്രഫിയും ഡോക്യുമെന്റേഷനും) എന്നിവയാണ് മറ്റ് SGML ആപ്ലിക്കേഷനുകൾ.

എക്സ്എംഎൽ- എക്സ്റ്റൻസിബിൾ മാർക്ക്അപ്പ് ലാംഗ്വേജ്, അതായത് എക്സ്റ്റൻസിബിൾ മാർക്ക്അപ്പ് ലാംഗ്വേജ്, എച്ച്ടിഎംഎൽ ഭാഷയുടെ (ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ്, ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ്) വികസനത്തിന്റെ ഫലമായി ഉടലെടുത്തു. എന്നിരുന്നാലും, ഇത് HTML ഭാഷയുടെ ചില മെച്ചപ്പെട്ട പതിപ്പായി മാത്രം കാണുന്നത് ഗുരുതരമായ തെറ്റാണ്. സാരാംശത്തിൽ, മാർക്ക്അപ്പ് ഭാഷകളുടെ ഒരു പുതിയ തലമുറയാണ് XML. HTML-ൽ നിന്നും അതിന്റെ മുൻഗാമികളിൽ നിന്നും XML-നെ അടിസ്ഥാനപരമായി വേർതിരിക്കുന്ന 3 പോയിന്റുകൾ ഇവിടെ നിങ്ങൾ ഓർക്കണം (GML - സാമാന്യവൽക്കരിച്ച മാർക്ക്അപ്പ് ഭാഷ, SGML - സ്റ്റാൻഡേർഡ് ജനറൽ മാർക്ക്അപ്പ് ലാംഗ്വേജ്):

XML, HTML പോലെയല്ല, മുൻകൂട്ടി നിർവചിച്ച ടാഗുകൾ ഇല്ല - കൂടുതൽ കൃത്യമായി പറഞ്ഞാൽ, ഓരോ ഡവലപ്പർക്കും അവരുടെ സ്വന്തം XML ടാഗുകൾ സൃഷ്ടിക്കാൻ കഴിയും - ആവശ്യമുള്ളത്ര. അത്തരം ടാഗുകളുടെ എണ്ണം പ്രായോഗികമായി പരിധിയില്ലാത്തതാണ്. അതിനാൽ, HTML പോലുള്ള മറ്റ് മാർക്ക്അപ്പ് ഭാഷകൾ സൃഷ്ടിക്കാൻ അനുവദിക്കുന്ന ഒരു ലോഹഭാഷയാണ് XML.

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

അടയ്‌ക്കാത്ത ടാഗ് കണ്ടെയ്‌നറുകൾ അനുവദനീയമല്ല (എന്നാൽ നിങ്ങൾക്ക് ഒന്നിൽ ഓപ്പണിംഗ്, ക്ലോസിംഗ് ടാഗുകൾ സംയോജിപ്പിക്കാം, ഉദാഹരണത്തിന്:
)

"നെസ്റ്റഡ്" കണ്ടെയ്നറുകൾക്ക് "ഓവർലാപ്പ്" ചെയ്യാൻ കഴിയില്ല

ചെറിയക്ഷരങ്ങളും വലിയക്ഷരങ്ങളും വ്യത്യസ്ത പ്രതീകങ്ങളായി കണക്കാക്കുന്നു

ടാഗ് നാമങ്ങളായി കീവേഡുകൾ ഉപയോഗിക്കാൻ കഴിയില്ല

ടാഗ് നാമങ്ങളിൽ നിങ്ങൾക്ക് സ്‌പെയ്‌സുകൾ, വിരാമചിഹ്നങ്ങൾ, റൗണ്ട്, ചതുരം അല്ലെങ്കിൽ ചുരുണ്ട ബ്രാക്കറ്റുകൾ എന്നിവ ഉപയോഗിക്കാൻ കഴിയില്ല.

അണ്ടർസ്കോറും (_) അക്കങ്ങളും ടാഗ്നാമുകളിൽ ദൃശ്യമാകും, എന്നാൽ ഒരു ടാഗ്നെയിമിന്റെ ആദ്യ പ്രതീകമാകാൻ ഒരു സംഖ്യയ്ക്ക് കഴിയില്ല

(നിങ്ങൾക്ക് ടാഗ് നാമമായി നിരവധി പദങ്ങൾ ഉപയോഗിക്കണമെങ്കിൽ, അവ ഒരുമിച്ച് എഴുതണം, ഓരോ വാക്കും ഒരു വലിയ അക്ഷരത്തിൽ ആരംഭിക്കുന്നു.)

ഈ നിയമങ്ങൾ പാലിക്കുന്ന പ്രമാണങ്ങളെ നന്നായി രൂപപ്പെടുത്തിയ പ്രമാണങ്ങൾ എന്ന് വിളിക്കുന്നു.

ഡാറ്റാ ഘടനകൾ, പ്രധാനമായും ഹൈറാർക്കിക്കൽ ഘടനകൾ വിവരിക്കാൻ XML ഉപയോഗിക്കുന്നു.

വെബ് സാങ്കേതികവിദ്യകളുടെ വികസനത്തിലെ പ്രധാന പ്രവണതകളിലൊന്നാണ് ഡാറ്റയുടെ വേർതിരിവ്, ഡോക്യുമെന്റ് ഘടന, അതിന്റെ ശൈലി രൂപകൽപ്പന. നിങ്ങൾക്കറിയാവുന്നതുപോലെ, ODBC (ഓപ്പൺ ഡാറ്റാബേസ് കണക്റ്റിവിറ്റി) ഇന്റർഫേസ് വഴി DBMS-നെ വെബ് ഡോക്യുമെന്റുകളുമായി ചലനാത്മകമായി ലിങ്ക് ചെയ്യുക എന്നതാണ് ഡോക്യുമെന്റ് ഘടനയിൽ നിന്ന് ഡാറ്റ വേർതിരിക്കുന്നതിനുള്ള ഒരു മാർഗ്ഗം. കാസ്കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകളുടെ ഉപയോഗത്തിലൂടെയാണ് സ്റ്റൈൽ വേർതിരിവ് സാധ്യമാകുന്നത്. നോൺ-റിലേഷണൽ ഡാറ്റാബേസുകൾ വിവരിക്കാൻ XML നിങ്ങളെ അനുവദിക്കുന്നു. ഡവലപ്പർക്ക് ടാഗുകൾ സൃഷ്ടിക്കാൻ കഴിയുമെന്നതിനാൽ, അവയുടെ പേരുകൾ സാധാരണയായി ഡാറ്റയുടെ അർത്ഥം വിവരിക്കുന്നു.

ഡാറ്റാ ഘടനയെ വിവരിക്കുന്നതിനുള്ള ഒരു മാർഗമെന്ന നിലയിൽ XML, വ്യത്യസ്ത ആപ്ലിക്കേഷനുകൾക്കിടയിൽ DATA എക്സ്ചേഞ്ച് നൽകുന്നു, അങ്ങനെ ഒരുതരം "പശ" ആയി പ്രവർത്തിക്കുന്നു.

ഈ XML "ഗ്ലൂ" ഫംഗ്‌ഷന്റെ പ്രാധാന്യം അമിതമായി പറയാനാവില്ല. വിവിധ ആപ്ലിക്കേഷനുകൾക്കിടയിൽ ഡാറ്റ കൈമാറ്റം ചെയ്യാനുള്ള കഴിവിന് നന്ദി, വെബ് സാങ്കേതികവിദ്യകൾ ഒരു പുതിയ തലത്തിലേക്ക് "എത്തുന്നു".

ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ് (HTML)ഒരു പ്ലാറ്റ്ഫോമിൽ നിന്ന് മറ്റൊന്നിലേക്ക് കൊണ്ടുപോകാവുന്ന ഹൈപ്പർടെക്സ്റ്റ് ഡോക്യുമെന്റുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള ഒരു ലളിതമായ സംവിധാനമാണ്. സാരാംശത്തിൽ, എച്ച്ടിഎംഎൽ ഡോക്യുമെന്റുകൾ സാധാരണ സെമാന്റിക്‌സ് ഉള്ള SGML ഡോക്യുമെന്റുകളാണ്, അവ വിശാലമായ ആപ്ലിക്കേഷനുകളിൽ വിവരങ്ങൾ പ്രതിനിധീകരിക്കുന്നതിന് അനുയോജ്യമാണ്. പ്രതിനിധീകരിക്കാൻ HTML ഉപയോഗിക്കാം:

· ഹൈപ്പർടെക്സ്റ്റ് വാർത്തകൾ, മെയിൽ, ഡോക്യുമെന്റേഷൻ, ഹൈപ്പർമീഡിയ

ഓപ്ഷനുകൾ മെനു

· ഡാറ്റാബേസ് അന്വേഷണ ഫലങ്ങൾ

· എംബഡഡ് ഗ്രാഫിക്സ് ഉള്ള ലളിതമായ പ്രമാണങ്ങൾ

കൂടാതെ നിലവിലുള്ള വിവര ശ്രേണികളുടെ ഹൈപ്പർടെക്സ്റ്റ് കാണുന്നതിനും

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

MIME സ്റ്റാൻഡേർഡ് അനുസരിച്ച് സന്ദേശത്തിന്റെ ബോഡിയിൽ ഡാറ്റ കൈമാറ്റം ചെയ്യപ്പെടുന്നു. WWW-ലെ വിവരങ്ങളുടെ പ്രതിനിധാനങ്ങളിലൊന്നാണ് HTML. HTML, MIME തരങ്ങളിൽ ഒന്നിന്, അതായത് text/html-നോട് യോജിക്കുന്നതായി അനുമാനിക്കപ്പെടുന്നു. കൂടാതെ, ഇന്റർനാഷണൽ സ്റ്റാൻഡേർഡ് ISO 8879 - സ്റ്റാൻഡേർഡ് ജനറലൈസ്ഡ് മാർക്ക്അപ്പ് ലാംഗ്വേജ് (SGML) അനുസരിച്ചാണ് HTML വികസിപ്പിച്ചിരിക്കുന്നത്, ഇത് ഘടനാപരമായ പ്രമാണ തരങ്ങൾ നിർവചിക്കുന്നതിനുള്ള ഒരു സംവിധാനമാണ്.

HTML പ്രമാണം

ഒരു HTML പ്രമാണം ഒരു ടെക്സ്റ്റ് ഫയലിന് സമാനമാണ്, ചില പ്രതീകങ്ങൾ (വരികൾ) നിയന്ത്രണ പ്രതീകങ്ങളാണ്. ഈ ചിഹ്നങ്ങളെ ടാഗുകൾ എന്ന് വിളിക്കുകയും പ്രമാണത്തിന്റെ ഘടന നിർവചിക്കുകയും ചെയ്യുന്നു.

HTML പ്രമാണങ്ങൾ ടാഗിൽ തുടങ്ങണം , ഫയലിന്റെ തുടക്കത്തിൽ സ്ഥിതിചെയ്യുന്നു, ടാഗിൽ അവസാനിക്കുന്നു. ഈ ടാഗുകൾക്കിടയിൽ, HTML പ്രമാണം ഒരു ഇമെയിൽ സന്ദേശത്തിന് സമാനമായി ഒരു HEAD, BODY പ്രമാണമായി ക്രമീകരിച്ചിരിക്കുന്നു. HEAD ഭാഗത്തിനുള്ളിൽ, TITLE ഉം പ്രമാണത്തെക്കുറിച്ചുള്ള മറ്റ് വിവരങ്ങളും മൊത്തത്തിൽ സൂചിപ്പിച്ചിരിക്കുന്നു. ബോഡി ഭാഗത്തിനുള്ളിൽ, HTML ടാഗുകൾ ഉപയോഗിച്ച്, ടെക്‌സ്‌റ്റ് ഖണ്ഡികകൾ, ലിസ്റ്റുകൾ മുതലായവയായി ക്രമീകരിച്ചിരിക്കുന്നു, വ്യക്തിഗത പദങ്ങളും മുഴുവൻ വാക്യങ്ങളും ഒരു ശൈലി ഉപയോഗിച്ച് ഹൈലൈറ്റ് ചെയ്യാനും ഇതിന്റെ ഭാഗങ്ങളിലേക്കും ബാഹ്യ പ്രമാണങ്ങളിലേക്കും ലിങ്കുകൾ സൃഷ്‌ടിക്കാനും കഴിയും. സാങ്കേതികമായി, HTML, HEAD, BODY ഘടകങ്ങൾക്കുള്ള ടാഗുകൾ തുറക്കുന്നതിനും അടയ്ക്കുന്നതിനും ഉപയോഗിക്കേണ്ടതില്ല. എന്നിരുന്നാലും, ഇത് ശുപാർശ ചെയ്യുന്നില്ല, കാരണം HEAD/BODY ഘടന മുഴുവൻ പ്രമാണവും സ്കാൻ ചെയ്യാതെ തന്നെ പ്രമാണ സവിശേഷതകൾ (തലക്കെട്ട് പോലുള്ളവ) നിർണ്ണയിക്കാൻ അപ്ലിക്കേഷനുകളെ അനുവദിക്കുന്നു.

HTML ഘടകങ്ങളുടെ ഘടന

ഒരു HTML പ്രമാണത്തിൽ, തലക്കെട്ടുകൾ, ഖണ്ഡികകൾ, ലിസ്റ്റുകൾ, പ്രതീക ഹൈലൈറ്റിംഗ്, ലിങ്കുകൾ എന്നിവയുടെ തുടക്കവും അവസാനവും ടാഗുകൾ നിർവ്വചിക്കുന്നു. ഒരു ഡോക്യുമെന്റിലെ മിക്ക HTML ഘടകങ്ങളും ഒരു ഓപ്പണിംഗ് ടാഗ് ആയി നിർവചിച്ചിരിക്കുന്നു, അത് മൂലകത്തിന്റെ പേരും ആട്രിബ്യൂട്ടുകളും വ്യക്തമാക്കുന്നു, തുടർന്ന് മൂലകത്തിന്റെ ബോഡി, തുടർന്ന് ഒരു ക്ലോസിംഗ് ടാഗ്. ഓപ്പണിംഗ് ടാഗിനുള്ള ഡിലിമിറ്റർ പ്രതീകങ്ങൾ "<" и ">"; അടയ്ക്കുന്നതിന് - "". ഉദാഹരണത്തിന്:

ഇതാണ് തലക്കെട്ട്

ഇതൊരു ഖണ്ഡികയാണ്.

ചില ഘടകങ്ങൾ ഒരു ഓപ്പണിംഗ് ടാഗായി മാത്രം ദൃശ്യമാകുന്നു. ഉദാഹരണത്തിന്, ഒരു സെപ്പറേറ്റർ ലൈൻ സൃഷ്ടിക്കാൻ, ടാഗ് ഉപയോഗിക്കുക
. കൂടാതെ, ചില ഘടകങ്ങളുടെ (P, LI, DT, DD) ക്ലോസിംഗ് ടാഗുകൾ ഒഴിവാക്കിയേക്കാം. ഒരു മൂലകത്തിന്റെ ശരീരം പ്രതീകങ്ങളുടെയും നെസ്റ്റഡ് ഘടകങ്ങളുടെയും ഒരു ശ്രേണിയാണ്. ലിങ്കുകളെ നിർവചിക്കുന്ന ഘടകങ്ങൾ പോലെയുള്ള ചില ഘടകങ്ങൾ നെസ്റ്റ് ചെയ്യാൻ കഴിയില്ല. ഈ സാഹചര്യത്തിൽ, ലിങ്കുകളും പ്രതീക തിരഞ്ഞെടുപ്പുകളും നിർവചിക്കുന്ന ഘടകങ്ങൾ മറ്റ് ഘടനകൾക്കുള്ളിൽ സ്ഥാപിക്കാവുന്നതാണ്.

ഒരു പ്രമാണം പ്രദർശിപ്പിക്കുന്നു

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

ടെക്‌സ്‌റ്റിന്റെ (കൂടാതെ ചിത്രങ്ങളും) മറ്റ് ഡോക്യുമെന്റുകളിലേക്ക് ലിങ്ക് ചെയ്യാനുള്ള കഴിവാണ് HTML-ന്റെ പ്രധാന ശക്തി. ഹൈപ്പർടെക്‌സ്‌റ്റ് ലിങ്കുകളാണെന്ന് സൂചിപ്പിക്കാൻ കാഴ്‌ചക്കാർ ഈ പ്രദേശങ്ങൾ (സാധാരണയായി വർണ്ണം കൂടാതെ/അല്ലെങ്കിൽ അടിവരയിട്ട്) ഹൈലൈറ്റ് ചെയ്യുന്നു. ഒരു ഹൈപ്പർടെക്‌സ്റ്റ് ലിങ്കിന്റെ തുടക്കവും/അല്ലെങ്കിൽ അവസാനവും അടയാളപ്പെടുത്തുന്ന ഒരു വാചകമാണ് ആങ്കർ. ഓപ്പണിംഗ്, ക്ലോസിംഗ് ടാഗുകൾക്കിടയിലുള്ള വാചകം ഒരു ഹൈപ്പർടെക്സ്റ്റ് ലിങ്കിന്റെ ആരംഭ പോയിന്റോ ലക്ഷ്യസ്ഥാനമോ ആണ്. ഈ ടാഗിന്റെ ആട്രിബ്യൂട്ടുകൾ ഇപ്രകാരമാണ്: HREF

ഓപ്ഷണൽ. HREF ആട്രിബ്യൂട്ട് ഉണ്ടെങ്കിൽ, ആങ്കർ സെൻസിറ്റീവ് ടെക്‌സ്‌റ്റാണ്: ലിങ്കിന്റെ ആരംഭ പോയിന്റ്. വായനക്കാരൻ ഈ വാചകം തിരഞ്ഞെടുക്കുകയാണെങ്കിൽ, HREF ആട്രിബ്യൂട്ടിന്റെ മൂല്യത്തിൽ വ്യക്തമാക്കിയ നെറ്റ്‌വർക്ക് വിലാസമുള്ള മറ്റൊരു പ്രമാണം അയാൾക്ക് നൽകും. നെറ്റ്‌വർക്ക് വിലാസ ഫോർമാറ്റ് ഒരു URL-ന് സമാനമാണ്. നിലവിലെ ഡോക്യുമെന്റിലോ റിമോട്ട് ഡോക്യുമെന്റിലോ "#" ചിഹ്നത്തിന് മുമ്പായി അതിന്റെ വിലാസം വ്യക്തമാക്കിക്കൊണ്ട് മറ്റൊരു ആങ്കറിനെ പരാമർശിക്കാൻ ഇത് HREF="#ഐഡന്റിഫയർ" ഘടനയെ അനുവദിക്കുന്നു.

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

ഓപ്ഷണൽ. ലിങ്ക് ഉണ്ടാക്കിയ പ്രമാണവും ലിങ്ക് ഉണ്ടാക്കിയ പ്രമാണവും തമ്മിലുള്ള ബന്ധം വ്യക്തമാക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു.

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

W3C (വേൾഡ് വൈഡ് വെബ് കൺസോർഷ്യം) യുടെ മാർഗനിർദേശത്തിന് കീഴിലാണ് HTML സ്റ്റാൻഡേർഡും വെബിനായുള്ള മറ്റ് മാനദണ്ഡങ്ങളും വികസിപ്പിച്ചെടുത്തത്. മാനദണ്ഡങ്ങൾ, സ്പെസിഫിക്കേഷനുകൾ, ഡ്രാഫ്റ്റ് പുതിയ നിർദ്ദേശങ്ങൾ എന്നിവ http://www.3w.org/ എന്നതിൽ കാണാം. HTML 4.0 സ്പെസിഫിക്കേഷൻ നിലവിൽ പ്രാബല്യത്തിലുണ്ട്, കൂടാതെ പ്രധാന ബ്രൗസറുകളിൽ നിന്ന് കൂടുതൽ പിന്തുണ ലഭിക്കുന്നു.

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

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

HTML പ്രമാണങ്ങൾ സാധാരണ ASCII ടെക്സ്റ്റ് ഫയലുകളാണ്. ഇതിനർത്ഥം, ഏറ്റവും കുറഞ്ഞ കഴിവുകളോടെ പോലും നിങ്ങൾക്ക് അവ സൃഷ്ടിക്കാൻ ഏത് ടെക്സ്റ്റ് എഡിറ്ററും ഉപയോഗിക്കാമെന്നാണ്. HTML എഴുതാൻ പ്രത്യേകം രൂപകൽപ്പന ചെയ്ത എഡിറ്റിംഗ് ടൂളുകൾ ഉണ്ട്. ഡോക്യുമെന്റുകൾ, ടേബിളുകൾ, അല്ലെങ്കിൽ ടെക്‌സ്‌റ്റിലേക്ക് സ്‌റ്റൈലുകൾ പ്രയോഗിക്കുക തുടങ്ങിയ ആവർത്തിച്ചുള്ള ജോലികൾ ചെയ്യുന്നതിനായി കുറുക്കുവഴി കീകൾ നൽകിക്കൊണ്ട് അവർ സമയം ലാഭിക്കുന്നു. HTML എഡിറ്റർമാർ WYSIWYG ഓതറിംഗ് ടൂളുകളിൽ നിന്ന് വ്യത്യസ്തമാണ് (ചുവടെ ചർച്ചചെയ്യുന്നത്) അവർക്ക് HTML സ്വമേധയാ കംപൈൽ ചെയ്യുന്നതിനുള്ള നിയമങ്ങളെക്കുറിച്ച് അറിവ് ആവശ്യമാണ്; എഡിറ്റർമാർ ഈ പ്രക്രിയ ലളിതമാക്കുകയും വേഗത്തിലാക്കുകയും ചെയ്യുന്നു.

വിൻഡോസ് ഉപയോക്താക്കൾ തീർച്ചയായും ഹോംസൈറ്റ് പരിശോധിക്കണം, അല്ലെയർ കോർപ്പറേഷന്റെ ശക്തവും ചെലവുകുറഞ്ഞതുമായ HTML എഡിറ്റർ. ഇതിൽ HTML വാക്യഘടന ഹൈലൈറ്റിംഗ്, FTP, വാക്യഘടന, അക്ഷരവിന്യാസ പരിശോധനകൾ, മൾട്ടി-ഫയൽ തിരയലും മാറ്റിസ്ഥാപിക്കലും എന്നിവ ഉൾപ്പെടുന്നു. കൂടാതെ, കൂടുതൽ സങ്കീർണ്ണമായ ഘടകങ്ങൾ (ഫ്രെയിമുകൾ, JavaScript, DHTML സ്ക്രിപ്റ്റുകൾ) സൃഷ്ടിക്കുന്നതിനുള്ള പ്രത്യേക കമാൻഡുകളും ടെംപ്ലേറ്റുകളും ഇതിൽ അടങ്ങിയിരിക്കുന്നു.

Macintosh കമ്പ്യൂട്ടറുകളിൽ പ്രവർത്തിക്കുമ്പോൾ, Bare Bones Software, Inc-ന്റെ വാണിജ്യ HTML എഡിറ്ററായ BBEdit ശ്രദ്ധിക്കുക. മാക്കിന്റോഷ് വെബ് ഡെവലപ്പർമാരിൽ അദ്ദേഹത്തിന് ശരിക്കും കുറച്ച് ഭാരം ഉണ്ട്. ഇതിൽ സൗകര്യപ്രദവും വേഗതയേറിയതുമായ HTML ടൂളുകൾ, മൾട്ടി-ഫയൽ തിരയലും മാറ്റിസ്ഥാപിക്കലും, അന്തർനിർമ്മിത FTP ഫംഗ്‌ഷൻ, 13 പ്രോഗ്രാമിംഗ് ഭാഷകൾക്കുള്ള പിന്തുണ, ടേബിൾ ബിൽഡർ, HTML വാക്യഘടന നിയന്ത്രണം എന്നിവയും മറ്റ് നിരവധി സവിശേഷതകളും ഉൾപ്പെടുന്നു.

യഥാർത്ഥ ഉപകരണങ്ങളുടെ വിപണിയിൽ കുത്തനെയുള്ള വളർച്ചയാണ് സമീപ വർഷങ്ങളുടെ സവിശേഷത. WYSIWYG (നിങ്ങൾ കാണുന്നത് നിങ്ങൾക്ക് ലഭിക്കുന്നതാണ്) HTML എഡിറ്റർമാർക്ക് ഗ്രാഫിക്കൽ ഇന്റർഫേസുകൾ ഉണ്ട്, അത് HTML എഴുതുന്നത് ഒരു ടെക്സ്റ്റ് എഡിറ്റിംഗ് അല്ലെങ്കിൽ പേജ് ലേഔട്ട് പ്രോഗ്രാം പോലെയാക്കുന്നു. പേജ് മാർക്ക്അപ്പ് പ്രോഗ്രാമുകൾ പോലെ, പോസ്റ്റ്സ്ക്രിപ്റ്റ് കമാൻഡ് സെറ്റിൽ നിന്ന് ഡവലപ്പറെ സംരക്ഷിക്കുന്നതുപോലെ, HTML ടാഗുകളിൽ നിന്ന് ഉപയോക്താക്കളെ സ്വതന്ത്രമാക്കുക എന്നതായിരുന്നു ഈ പ്രോഗ്രാമുകളുടെ യഥാർത്ഥ ലക്ഷ്യം. ഇന്ന്, ഡോക്യുമെന്റ് നിർമ്മാണത്തിന്റെ ഓട്ടോമേഷന്റെ കാര്യക്ഷമതയും നിലവാരവും വർദ്ധിപ്പിക്കുന്നതിനാൽ അവയുടെ പ്രാധാന്യം വർദ്ധിച്ചു, അതേ സമയം HTML സോഴ്സ് ടെക്സ്റ്റിലേക്ക് പ്രവേശനം നൽകുന്നു.

നിലവിൽ ഏറ്റവും പ്രചാരമുള്ള WYSIWYG എഡിറ്റർമാർ: Macromedia DreamWeaver, Golive CyberStudio (Macintosh കമ്പ്യൂട്ടറുകൾക്ക് മാത്രം), Microsoft FrontPage, FileMaker Claris, Home Page, Adobe PageMill.

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

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

മിക്ക ടാഗുകളും കണ്ടെയ്‌നറുകളാണ്. ഇതിനർത്ഥം അവർക്ക് ഒരു ആരംഭവും (തുറക്കൽ അല്ലെങ്കിൽ ആരംഭം) ഒരു അവസാനവും (ക്ലോസിംഗ്) ടാഗും ഉണ്ടെന്നാണ്. ടാഗുകൾക്കിടയിലുള്ള വാചകം അവയിൽ അടങ്ങിയിരിക്കുന്ന നിർദ്ദേശങ്ങൾ നടപ്പിലാക്കും.

എൻഡ് ടാഗിന് സ്റ്റാർട്ട് ടാഗിന്റെ അതേ പേര് ഉണ്ട്, എന്നാൽ അതിനുമുമ്പ് ഒരു സ്ലാഷ് (/) ആണ്. ടാഗിനുള്ള ഒരു "സ്വിച്ച്" ആയി ഇതിനെ കണക്കാക്കാം. എൻഡ് ടാഗിൽ ഒരിക്കലും ആട്രിബ്യൂട്ടുകൾ അടങ്ങിയിട്ടില്ല.

ചില സന്ദർഭങ്ങളിൽ, എൻഡ് ടാഗ് ഓപ്ഷണൽ ആണ്, ബ്രൗസർ സന്ദർഭത്തിൽ നിന്ന് ടാഗിന്റെ അവസാനം നിർണ്ണയിക്കുന്നു. എൻഡ് ടാഗ് ഒഴിവാക്കാനുള്ള ഏറ്റവും സാധാരണമായ മാർഗ്ഗം<р>(ഖണ്ഡിക). ബ്രൗസറുകൾ ഈ ടാഗിനെ അനുബന്ധ പൂർത്തീകരണം കൂടാതെ പിന്തുണയ്‌ക്കാറുണ്ട്, അതിനാൽ പല വെബ് എഴുത്തുകാരും ഹ്രസ്വ ഫോം ഉപയോഗിക്കുന്നത് ശീലമാക്കിയിരിക്കുന്നു. എല്ലാ ടാഗുകളും ഇത് അനുവദിക്കുന്നില്ല, കൂടാതെ എല്ലാ ബ്രൗസറുകളും അവരുടെ അഭാവം ക്ഷമിക്കില്ല. അതിനാൽ സംശയമുണ്ടെങ്കിൽ, നിങ്ങളുടെ വാചകത്തിൽ ഒരു ക്ലോസിംഗ് ടാഗ് ഉൾപ്പെടുത്തുക. നിങ്ങളുടെ ഡോക്യുമെന്റിൽ കാസ്കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകൾ ഉപയോഗിക്കുമ്പോൾ ഇത് വളരെ പ്രധാനമാണ്.

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

---

) കൂടാതെ ഡോക്യുമെന്റിനെക്കുറിച്ചുള്ള വിവരങ്ങൾ അടങ്ങുന്ന ടാഗുകളും സ്ക്രീനിൽ പ്രദർശിപ്പിച്ചിരിക്കുന്ന ഉള്ളടക്കത്തെ ബാധിക്കാത്തതും ഒപ്പം .

ഒരു ടാഗിന്റെ പ്രവർത്തനങ്ങൾ വിപുലീകരിക്കുന്നതിനോ പരിഷ്ക്കരിക്കുന്നതിനോ ആട്രിബ്യൂട്ടുകൾ ചേർക്കുന്നു. നിങ്ങൾക്ക് ഒരു ടാഗിൽ ഒന്നിലധികം ആട്രിബ്യൂട്ടുകൾ ചേർക്കാൻ കഴിയും. ടാഗ് ആട്രിബ്യൂട്ടുകൾ ടാഗ് നാമത്തെ പിന്തുടരുകയാണെങ്കിൽ, അവ ഒന്നോ അതിലധികമോ സ്‌പെയ്‌സുകളാൽ വേർതിരിക്കപ്പെടുന്നു. ക്രമം പ്രധാനമല്ല. മിക്ക ആട്രിബ്യൂട്ടുകൾക്കും ആട്രിബ്യൂട്ട് പേരിന് ശേഷം തുല്യ ചിഹ്നം (=) പിന്തുടരുന്ന മൂല്യങ്ങളുണ്ട്. മൂല്യങ്ങൾ 1024 പ്രതീകങ്ങളായി പരിമിതപ്പെടുത്തിയിരിക്കുന്നു. മൂല്യങ്ങൾ കേസ് സെൻസിറ്റീവ് ആയിരിക്കാം. ചിലപ്പോൾ മൂല്യങ്ങൾ ഉദ്ധരണികളിലായിരിക്കണം (ഇരട്ട അല്ലെങ്കിൽ ഒറ്റത്). മൂല്യങ്ങൾ എഴുതുന്നതിനുള്ള നിയമങ്ങൾ ഇപ്രകാരമാണ്:

• - മൂല്യം ഒരു വാക്കോ സംഖ്യയോ ആണെങ്കിൽ, അക്ഷരങ്ങൾ (a-z), അക്കങ്ങൾ (0-9), പ്രത്യേക പ്രതീകങ്ങൾ (കാലയളവ്) എന്നിവ മാത്രം അടങ്ങിയിരിക്കുന്നു<.>
• - മൂല്യത്തിൽ കോമകളാലോ സ്‌പെയ്‌സുകളാലോ വേർതിരിക്കുന്ന ഒന്നിലധികം വാക്കുകൾ അടങ്ങിയിരിക്കുന്നുവെങ്കിൽ, അല്ലെങ്കിൽ ഒരു പീരിയഡ് അല്ലെങ്കിൽ ഹൈഫൻ ഒഴികെയുള്ള പ്രത്യേക പ്രതീകങ്ങൾ അടങ്ങിയിട്ടുണ്ടെങ്കിൽ, അത് ഉദ്ധരണി ചിഹ്നങ്ങളിൽ സ്ഥാപിക്കണം. ഉദാഹരണത്തിന്, "//" പ്രതീകങ്ങൾ അടങ്ങിയിരിക്കുന്നതിനാൽ URL-കൾക്ക് ഉദ്ധരണികൾ ആവശ്യമാണ്. "#rrggbb" ഫോർമാറ്റ് ഉപയോഗിച്ച് വർണ്ണ മൂല്യങ്ങൾ വ്യക്തമാക്കുമ്പോഴും ഉദ്ധരണികൾ ആവശ്യമാണ്.

ഉദ്ധരണി ചിഹ്നങ്ങൾ ഉപയോഗിക്കുന്നതിനെക്കുറിച്ച് നിങ്ങൾക്ക് ഉറപ്പില്ലെങ്കിൽ, എല്ലാ മൂല്യങ്ങൾക്കും എപ്പോഴും അവ ഉപയോഗിക്കുക.

ഒന്നിലധികം ടാഗുകളെ ഒരൊറ്റ ഘടകത്തെ ബാധിക്കാൻ അനുവദിക്കുന്നതിന് HTML ടാഗുകളിൽ മറ്റ് HTML ടാഗുകൾ അടങ്ങിയിരിക്കാം. ഇതിനെ നെസ്റ്റിംഗ് എന്ന് വിളിക്കുന്നു, ഇത് ശരിയായി ചെയ്യുന്നതിന്, നെസ്റ്റഡ് ടാഗിന്റെ ആരംഭ, അവസാന ടാഗുകൾ ബാഹ്യ ടാഗിന്റെ ആരംഭ, അവസാന ടാഗുകൾക്കിടയിൽ ആയിരിക്കണം.

ടാഗുകൾ ഓവർലാപ്പ് ചെയ്യുന്നതാണ് ഒരു സാധാരണ തെറ്റ്. ചില ബ്രൗസറുകൾ ഈ രീതിയിൽ അടയാളപ്പെടുത്തിയ ഉള്ളടക്കം പ്രദർശിപ്പിക്കുമ്പോൾ, പലതും നിങ്ങളെ നിയമം ലംഘിക്കാൻ അനുവദിക്കുന്നില്ല, അതിനാൽ ടാഗുകൾ ശരിയായി സ്ഥാപിക്കുന്നത് പ്രധാനമാണ്. ഇനിപ്പറയുന്ന ഉദാഹരണം തെറ്റായ ടാഗ് നെസ്റ്റിംഗ് കാണിക്കുന്നു (ടാഗ് എന്നത് ശ്രദ്ധിക്കുക<В>അടയ്ക്കുന്നതിന് മുമ്പ് അടയ്ക്കുന്നു ):

കാലാവസ്ഥയാണ് അതിമനോഹരമായഇന്ന് - ഈ വിവരങ്ങൾ ബ്രൗസറുകൾ അവഗണിക്കുന്നു.

ബ്രൗസറുകൾ അവഗണിച്ച വിവരങ്ങൾ. ബ്രൗസറുകൾ കാണുമ്പോൾ അവഗണിക്കപ്പെടുന്ന ചില ടാഗുകൾ ഉൾപ്പെടെ HTML പ്രമാണത്തിൽ അടങ്ങിയിരിക്കുന്ന വിവരങ്ങൾ ചുവടെയുണ്ട്. ഇതിൽ ഉൾപ്പെടുന്നു:

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

ഐ. സംബന്ധിച്ച അടിസ്ഥാന വിവരങ്ങൾHTML.

സമീപ വർഷങ്ങളിൽ, ഇൻറർനെറ്റിനായുള്ള സംഭവവികാസങ്ങൾ സ്റ്റാറ്റിക് പേജുകളിൽ നിന്ന് ഡൈനാമിക് ഇൻഫർമേഷൻ സിസ്റ്റങ്ങളിലേക്ക് പരിണമിച്ചു. കുറച്ച് കാലം മുമ്പ്, ആധുനിക വെബ് പേജുകൾ സൃഷ്‌ടിക്കുന്നതിന് ഹൈപ്പർടെക്‌സ്‌റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജിന്റെ (HTML) ഒരു മികച്ച കമാൻഡിനേക്കാൾ കുറച്ച് മാത്രമേ ആവശ്യമുള്ളൂ.

HTMLഒരു ലളിതമായ വേഡ് പ്രോസസ്സിംഗ് ഭാഷയാണ്; ഈ ഭാഷയിൽ ഒരു കൂട്ടം ടാഗുകൾ ഉപയോഗിക്കുന്നു (ടാഗുകൾ) ഒരു പ്രത്യേക വ്യൂവർ ഉപയോഗിച്ച് കാണാൻ കഴിയുന്ന ഒരു പ്രമാണം സൃഷ്ടിച്ചിരിക്കുന്നുവെബ് (ബ്രൗസർ).

HTML എന്നത് C++ അല്ലെങ്കിൽ വിഷ്വൽ ബേസിക് പോലെയുള്ള ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയല്ല; എസ്കേപ്പ് സീക്വൻസുകൾ ഉപയോഗിക്കുന്ന ഒരു ഡോക്യുമെന്റ് ഫോർമാറ്റർ പോലെയാണ് ഇത്. HTML കോഡിംഗിനെ പലപ്പോഴും ഫോർമാറ്റിംഗ് കോഡുകൾ നോട്ട്പാഡിലേക്ക് നേരിട്ട് ടൈപ്പ് ചെയ്ത് മൈക്രോസോഫ്റ്റ് വേഡ് ഡോക്യുമെന്റ് സൃഷ്ടിക്കുന്നതുമായി താരതമ്യപ്പെടുത്താറുണ്ട്. വ്യക്തമായും, ഇതിന് പ്രവർത്തനക്ഷമത വളരെ കുറവാണ്.

താഴെ ഹൈപ്പർടെക്സ്റ്റ് പ്രമാണംമറ്റൊരു പ്രമാണത്തിലേക്കുള്ള ലിങ്കുകൾ അടങ്ങിയ ഒരു പ്രമാണം മനസ്സിലാക്കുക. വഴിയാണ് ഇതെല്ലാം നടപ്പാക്കിയത് ഹൈപ്പർടെക്സ്റ്റ് ട്രാൻസ്ഫർ പ്രോട്ടോക്കോൾ HTTP(ഹൈപ്പർടെക്സ്റ്റ് ട്രാൻസ്ഫർ പ്രോട്ടോക്കോൾ).

കീവേഡുകൾ ഉപയോഗിച്ച് വെബ് ഡോക്യുമെന്റുകളിലെ വിവരങ്ങൾ കണ്ടെത്താനാകും. ദശലക്ഷക്കണക്കിന് ഇന്റർനെറ്റ് ഉപയോക്താക്കളെ ലോകമെമ്പാടുമുള്ള വിവരങ്ങൾക്കായി തിരയാൻ അനുവദിക്കുന്ന ഹൈപ്പർലിങ്കുകൾ സൃഷ്ടിക്കുന്ന പ്രത്യേക ലിങ്കുകൾ ഓരോ വെബ് ബ്രൗസറിലും അടങ്ങിയിരിക്കുന്നു എന്നാണ് ഇതിനർത്ഥം.

ഹൈപ്പർടെക്സ്റ്റ് ഡോക്യുമെന്റുകൾ സൃഷ്ടിക്കുന്നത് അടിസ്ഥാനമാക്കിയാണ് HTML (ഹൈപ്പർ ടെക്സ്റ്റ് മാർക്കപ്പ് ലാംഗ്വേജ്).ഈ ഭാഷ വളരെ ലളിതമാണ്; സ്‌ക്രീനിൽ പ്രദർശിപ്പിക്കുന്നതിനായി ബ്രൗസർ യഥാർത്ഥത്തിൽ സമാഹരിച്ച അതിന്റെ നിയന്ത്രണ കോഡുകൾ ASCII ടെക്‌സ്‌റ്റ് ഉൾക്കൊള്ളുന്നു. ലിങ്കുകൾ, ലിസ്റ്റുകൾ, തലക്കെട്ടുകൾ, ചിത്രങ്ങൾ, ഫോമുകൾ എന്നിവ വിളിക്കപ്പെടുന്നു HTML ഭാഷയുടെ ഘടകങ്ങൾ.

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

ഘടനാപരമായ പ്രമാണങ്ങളെ അടിസ്ഥാനമാക്കി വിവിധ ഹൈപ്പർടെക്സ്റ്റ് വിവരങ്ങൾ സൃഷ്ടിക്കാൻ HTML നിങ്ങളെ അനുവദിക്കുന്നു.

ബ്രൗസർ ജനറേറ്റുചെയ്‌ത ലിങ്കുകൾ തിരിച്ചറിയുകയും ഹൈപ്പർടെക്‌സ്റ്റ് ട്രാൻസ്‌ഫർ പ്രോട്ടോക്കോൾ (HTTP) വഴി നിങ്ങളുടെ പ്രമാണം മറ്റ് ഇന്റർനെറ്റ് ഉപയോക്താക്കൾക്ക് ലഭ്യമാക്കുകയും ചെയ്യുന്നു. തീർച്ചയായും, ഇതെല്ലാം വിജയകരമായി നടപ്പിലാക്കാൻ, നിങ്ങൾക്ക് WWW-മായി പൂർണ്ണമായും പൊരുത്തപ്പെടുന്നതും HTML-നെ പിന്തുണയ്ക്കുന്നതുമായ സോഫ്റ്റ്വെയർ ആവശ്യമാണ്.

II. HTML വിവരണം

HTML പ്രമാണം - ഇതൊരു സാധാരണ ടെക്സ്റ്റ് ഫയലാണ്. ഏതെങ്കിലും വെബ് ബ്രൗസർ ഉപയോഗിച്ച്, HTML വാക്യഘടന ഉപയോഗിച്ച് സൃഷ്‌ടിച്ച ഒരു ടെക്‌സ്‌റ്റ് ഫയൽ ലോഡുചെയ്‌ത് നിങ്ങളുടെ ജോലിയുടെ ഫലം നിങ്ങൾക്ക് കാണാൻ കഴിയും.

ഹൈപ്പർടെക്സ്റ്റ് ഭാഷ വായന-മാത്രം വിവരങ്ങൾ നൽകുന്നു. ഇതിനർത്ഥം അവ സൃഷ്ടിച്ച വ്യക്തിക്ക് മാത്രമേ വെബ് പേജുകൾ എഡിറ്റ് ചെയ്യാൻ കഴിയൂ, ഒരു സാധാരണ ഇന്റർനെറ്റ് ഉപയോക്താവിന് അല്ല.

മിക്കതും ഹൈപ്പർടെക്സ്റ്റ് ഭാഷയുടെ പ്രധാന ഘടകം- ഈ ലിങ്കുകൾ. വേൾഡ് വൈഡ് വെബിൽ, നിങ്ങൾ ഒരു ലിങ്കിൽ ക്ലിക്കുചെയ്‌ത് നിങ്ങൾ തിരഞ്ഞെടുക്കുന്ന പേജിലെ ലോകത്തിലെ മറ്റൊരു പോയിന്റിൽ തൽക്ഷണം നിങ്ങളെ കണ്ടെത്തും.

ടാഗുകൾ.

ടാഗ് ചെയ്യുക- HTML കോഡിന്റെ ഫോർമാറ്റ് ചെയ്ത യൂണിറ്റ്.

ടാഗ് ചെയ്യുക HTML ഒരു നിശ്ചിത ക്രമത്തിൽ ഇനിപ്പറയുന്ന ഘടകങ്ങൾ ഉൾക്കൊള്ളുന്നു:

• ഇടത് മൂല ബ്രാക്കറ്റ്< (такого же, как "меньше чем" символа)
• ഒരു ഓപ്ഷണൽ സ്ലാഷ് /, അതായത് ടാഗ് എന്നാണ് ചില ഘടന അടയ്ക്കുന്ന ഒരു എൻഡ് ടാഗ്. അതിനാൽ ഈ സന്ദർഭത്തിൽ നിങ്ങൾക്ക് / ചിഹ്നം ഇങ്ങനെ വായിക്കാം അവസാനിക്കുന്നു...
• TITLE അല്ലെങ്കിൽ PRE പോലുള്ള ടാഗ് നാമം
• ഓപ്ഷണൽ, ടാഗിൽ അവയുണ്ടെങ്കിൽപ്പോലും, ഗുണവിശേഷങ്ങൾ. ഒരു ടാഗ് ആട്രിബ്യൂട്ടുകൾ ഇല്ലാതെയോ ഒന്നോ അതിലധികമോ ആട്രിബ്യൂട്ടുകളോടൊപ്പമോ ആകാം, ഉദാഹരണത്തിന്: ALIGN=CENTER
• വലത് ആംഗിൾ ബ്രാക്കറ്റ് > (ചിഹ്നത്തേക്കാൾ വലുത് പോലെ).

മിക്ക ടാഗുകളും ഉണ്ട് തുറക്കുന്ന ഘടകം<> ഒപ്പം അടയ്ക്കുന്നു. അവർക്കിടയിൽ ഉണ്ട് കോഡുകൾഅത് വെബ് ബ്രൗസർ തിരിച്ചറിയുന്നു

അത്തരം സന്ദർഭങ്ങളിൽ, രണ്ട് ടാഗുകളും അവയാൽ വേർതിരിച്ച ഡോക്യുമെന്റിന്റെ ഭാഗവും ഒരു ബ്ലോക്ക് ഉണ്ടാക്കുന്നു HTML ഘടകം. ചില ടാഗുകൾ ഉദാ.

---

, അവയിൽ തന്നെയുള്ള HTML ഘടകങ്ങളാണ്, അവയ്ക്ക് അനുബന്ധ എൻഡ് ടാഗ് തെറ്റാണ്.

ഓരോ ടാഗിനും, സാധ്യമായ ഒരു കൂട്ടം ഗുണവിശേഷങ്ങൾ. മിക്ക ടാഗുകളും ഒന്നോ അതിലധികമോ ആട്രിബ്യൂട്ടുകൾ അനുവദിക്കുന്നു, എന്നാൽ ആട്രിബ്യൂട്ടുകളൊന്നും ഉണ്ടാകണമെന്നില്ല. ആട്രിബ്യൂട്ട് സ്പെസിഫിക്കേഷൻഇനിപ്പറയുന്നവ ഉൾക്കൊള്ളുന്നു:

• WIDTH പോലുള്ള ആട്രിബ്യൂട്ട് പേര്
• തുല്യ ചിഹ്നം (=)
• ആട്രിബ്യൂട്ട് മൂല്യം, ഇത് ഒരു പ്രതീക സ്ട്രിംഗ് ഉപയോഗിച്ച് വ്യക്തമാക്കുന്നു, ഉദാഹരണത്തിന്, "80".

എല്ലായ്പ്പോഴും ഉപയോഗപ്രദമാണ് ഉദ്ധരണികളിൽ ആട്രിബ്യൂട്ട് മൂല്യം ഉൾപ്പെടുത്തുക, ഒറ്റ ഉദ്ധരണികൾ ("80") അല്ലെങ്കിൽ ഇരട്ട ഉദ്ധരണികൾ ("80") ഉപയോഗിക്കുന്നു. ഒരു ഉദ്ധരണി സ്ട്രിംഗിൽ തന്നെ ഉദ്ധരണികൾ അടങ്ങിയിരിക്കരുത്. അതിനാൽ, ഒരു തീയതി ഇരട്ട ഉദ്ധരണികളിൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ടെങ്കിൽ, അത് ഉദ്ധരണികളിൽ ഉൾപ്പെടുത്തുന്നതിന് ഒറ്റ ഉദ്ധരണികൾ ഉപയോഗിക്കുക, തിരിച്ചും. ഇനിപ്പറയുന്ന പ്രതീകങ്ങൾ മാത്രം ഉൾക്കൊള്ളുന്ന ആട്രിബ്യൂട്ട് മൂല്യങ്ങൾക്കായുള്ള ഉദ്ധരണികൾ നിങ്ങൾക്ക് ഒഴിവാക്കാം:

• ഇംഗ്ലീഷ് അക്ഷരമാല പ്രതീകങ്ങൾ (A - Z, a - z)
• അക്കങ്ങൾ (0 - 9)
• കാലഘട്ടങ്ങൾ
• ഹൈഫനുകൾ (-)

ഇലക്ട്രോണിക് പരിശീലന പരിപാടികൾ സൃഷ്ടിക്കാൻ ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ് (HTML) മിക്കപ്പോഴും ഉപയോഗിക്കുന്നു.

ഇത്തരത്തിലുള്ള ഡോക്യുമെന്റ് സൃഷ്ടിക്കുന്നതിനുള്ള ലാളിത്യത്തിനൊപ്പം, ഫോർമാറ്റ് ചെയ്ത ടെക്സ്റ്റ് ഔട്ട്പുട്ട് ചെയ്യുക, അറിയപ്പെടുന്ന മിക്കവാറും എല്ലാ ഫോർമാറ്റുകളുടെയും ഗ്രാഫിക് ഒബ്‌ജക്‌റ്റുകൾ ഉപയോഗിക്കുക, പശ്ചാത്തല ഇമേജ് ഉപയോഗിച്ച് ഒബ്‌ജക്റ്റുകൾ തിരുകുക എന്നിങ്ങനെയുള്ള വലിയ കഴിവുകൾ ഹൈപ്പർടെക്‌സ്‌റ്റ് മാർക്ക്അപ്പ് ഭാഷയ്‌ക്ക് ഉണ്ടെന്നതാണ് ഈ തിരഞ്ഞെടുപ്പിന് കാരണം. പശ്ചാത്തല ശബ്‌ദം, വീഡിയോ എന്നിങ്ങനെ.

കൂടാതെ, പ്രമാണത്തിലെ തന്നെ മറ്റ് ഒബ്‌ജക്‌റ്റുകളിലേക്കോ വാചകത്തിന്റെ ശകലങ്ങളിലേക്കോ ലിങ്കുകൾ ക്രമീകരിക്കുന്നത് HTML എളുപ്പമാക്കുന്നു.

മിക്ക ആധുനിക ഉപകരണങ്ങളും (ടെക്‌സ്‌റ്റ്, ഗ്രാഫിക് എഡിറ്റർമാർ, വിഷ്വൽ പ്രോഗ്രാമിംഗ് ഭാഷകൾ, ഇന്റർനെറ്റ് എക്‌സ്‌പ്ലോറർ...) ഡോക്യുമെന്റുകൾ HTML ഫോർമാറ്റിൽ പ്രവർത്തിക്കാനും സംരക്ഷിക്കാനും പിന്തുണയ്‌ക്കുന്നു എന്നതാണ് HTML-ന്റെ വലിയ നേട്ടം.

അതിനാൽ, അത്തരം സോഫ്റ്റ്വെയർ ഉൽപ്പന്നങ്ങൾ സൃഷ്ടിക്കാൻ HTML പലപ്പോഴും ഉപയോഗിക്കുന്നു. എന്നിരുന്നാലും, വിഷ്വൽ പ്രോഗ്രാമിംഗ് ഭാഷകളുടെ സഹായത്തോടെ വിവിധ തരം ഡെമോകൾ, ടെസ്റ്റിംഗ് നടപടിക്രമങ്ങൾ, സർവേകൾ എന്നിവ സൃഷ്ടിക്കുന്നത് ഇപ്പോഴും എളുപ്പമാക്കുന്നു.

അതിനാൽ, പരിശീലനം, ടെസ്റ്റിംഗ് പ്രോഗ്രാമുകൾ, ഇലക്ട്രോണിക് പാഠപുസ്തകങ്ങൾ എന്നിവ സൃഷ്ടിക്കുന്നതിനുള്ള വിവിധ ഉപകരണങ്ങളുടെ സംയോജനം ഈ തീസിസ് പരിശോധിക്കുന്നു.

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

എന്നിരുന്നാലും, HTML-ൽ നേരിട്ട് എഴുതുന്നതാണ് നല്ലത്, അല്ലെങ്കിൽ HTML കോഡ് ഇടയ്ക്കിടെ നിരീക്ഷിക്കുകയും പരിഷ്കരിക്കുകയും ചെയ്യുക. HTML-ൽ നേരിട്ട് എഴുതുന്നത് ബുദ്ധിമുട്ടുള്ള കാര്യമല്ല. ഒരു HTML എഡിറ്റർ അല്ലെങ്കിൽ കൺവെർട്ടർ പഠിക്കുന്നതിനേക്കാൾ എളുപ്പമായേക്കാം, അത് അവരുടെ കഴിവുകളിൽ പലപ്പോഴും പരിമിതമാണ്, ബഗ്ഗി അല്ലെങ്കിൽ വിവിധ പ്ലാറ്റ്ഫോമുകളിൽ പ്രവർത്തിക്കാത്ത മോശം HTML നിർമ്മിക്കുന്നു.

90-കളുടെ തുടക്കത്തിൽ ടിം ബെനേഴ്‌സ്-ലീയാണ് മുമ്പ് പ്രചാരത്തിലുള്ള മൊസൈക് ബ്രൗസറിനായി എച്ച്ടിഎംഎൽ-ന്റെ ആദ്യ പതിപ്പ് വികസിപ്പിച്ചത്. എന്നാൽ അക്കാലത്ത്, ബ്രൗസറിനോ ഭാഷയോ ഇതുവരെ യോഗ്യമായ ഉപയോഗം കണ്ടെത്തിയില്ല. HTML+ 1993-ൽ പ്രത്യക്ഷപ്പെട്ടു, ഈ പതിപ്പും ഫലത്തിൽ ശ്രദ്ധിക്കപ്പെടാതെ പോയി. ഹൈപ്പർടെക്സ്റ്റിന്റെ വ്യാപകമായ ഉപയോഗം 1994 ജൂണിൽ പ്രത്യക്ഷപ്പെട്ട പതിപ്പ് 2.0-ൽ ആരംഭിച്ചു.

ലോകമെമ്പാടും WWW ജനപ്രീതി വളരാൻ തുടങ്ങിയ നിമിഷമായിരുന്നു ഇത്. പതിപ്പ് 2-ൽ ഉൾപ്പെടുത്തിയിരിക്കുന്ന ഘടകങ്ങൾ, ഭൂരിഭാഗവും ഇന്നും ഉപയോഗത്തിലുണ്ട്.

ഒരു വർഷത്തിനുശേഷം പ്രത്യക്ഷപ്പെട്ട HTML-ന്റെ 3.0 പതിപ്പ്, ഭാഷാ ഘടകങ്ങൾ ഉപയോഗിച്ച് ഗണിത ചിഹ്നങ്ങൾ (ഇന്റഗ്രൽ ചിഹ്നങ്ങൾ, അനന്ത ചിഹ്നങ്ങൾ, ഭിന്നസംഖ്യകൾ, പരാൻതീസിസ് മുതലായവ) വരയ്ക്കാനുള്ള കഴിവ് അവതരിപ്പിച്ചു. ഈ പതിപ്പിനായി ബ്രൗസറുകളും (അരീന) വികസിപ്പിച്ചെടുത്തിട്ടുണ്ട്. എന്നാൽ ഈ പ്രോജക്റ്റ് അവസാനമായി മാറിയതിനാൽ കൂടുതൽ വിതരണം ലഭിച്ചില്ല.

1996-ൽ, HTML പതിപ്പ് 3.2 പ്രത്യക്ഷപ്പെട്ടു. ഇതൊരു നൂതനമായ പരിഹാരമായിരുന്നു; ഭാഷാ സ്പെസിഫിക്കേഷനിൽ ഫ്രെയിമുകൾ അവതരിപ്പിച്ചുവെന്ന് പരാമർശിച്ചാൽ മതി, അവ ഇപ്പോൾ വെബ് പേജ് ഡെവലപ്പർമാർക്കിടയിൽ വളരെ പ്രചാരത്തിലുണ്ട്.

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

W3C ഓർഗനൈസേഷൻ (W3 കൺസോർഷ്യം) വികസിപ്പിച്ച ഔദ്യോഗിക ഭാഷാ സവിശേഷതകൾക്കൊപ്പം, ബ്രൗസർ നിർമ്മാണ കമ്പനികൾ അവരുടേതായ ഘടകങ്ങൾ (വിപുലീകരണങ്ങൾ) സൃഷ്ടിച്ചു.

തുടർന്ന്, ഈ ഘടകങ്ങളിൽ ചിലത്, പൊതുവായ സ്വീകാര്യത നേടിയ ശേഷം, ഭാഷയുടെ അടുത്ത പതിപ്പിന്റെ സ്പെസിഫിക്കേഷനിൽ ഉൾപ്പെടുത്തി. ഉദാഹരണത്തിന്, പല ഡവലപ്പർമാരും ഇഷ്ടപ്പെട്ട ഒരു നൂതന പരിഹാരം - ഫ്രെയിമുകൾ - 3.2 സ്പെസിഫിക്കേഷനിൽ ഉൾപ്പെടുത്തിയിട്ടില്ല എന്നത് രസകരമാണ്.

എന്നാൽ ബ്രൗസറുകൾ ഫ്രെയിമുകളെ പിന്തുണച്ചു, കൂടാതെ HTML-ലെ പല പുസ്തകങ്ങളിലും അവ നിലവാരമില്ലാത്ത ഘടകങ്ങളാണെന്ന് പരാമർശിക്കാതെ തന്നെ ഫ്രെയിമുകളുടെ വിവരണങ്ങൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്. അത് ശരിയായിരുന്നു, കാരണം ഫ്രെയിമുകൾ യഥാർത്ഥ നിലവാരമായി മാറി. നല്ല കാരണത്താൽ അവ ഇതിനകം ഭാഷാ പതിപ്പ് 4 ൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്.

നേരെമറിച്ച്, മറ്റ് കോഡ് ഉപയോഗിച്ച് HTML വിപുലീകരിക്കാൻ ആവശ്യമായ APPLET, SCRIPT ഘടകങ്ങൾ പതിപ്പ് 3.2-ൽ അവർ വഹിക്കാൻ ഉദ്ദേശിച്ചിരുന്ന പങ്ക് വഹിച്ചില്ല.

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

ഔദ്യോഗിക HTML 4 (ഡൈനാമിക് HTML) സ്പെസിഫിക്കേഷൻ 1997 ൽ പ്രത്യക്ഷപ്പെട്ടു. ഈ സമയത്ത്, ഹൈപ്പർടെക്സ്റ്റിന്റെ കൂടുതൽ വികസനം സ്ക്രിപ്റ്റ് പ്രോഗ്രാമിംഗിലൂടെ നടത്തുമെന്ന് ഇതിനകം വ്യക്തമായിരുന്നു. ഭാഷയിലേക്ക് പുതിയ ഘടകങ്ങൾ അവതരിപ്പിക്കുന്നതിനേക്കാൾ ഇത് വളരെ ഫലപ്രദമാണ്.

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

വ്യക്തമായും, നിലവിൽ പ്രചാരത്തിലുള്ള എല്ലാ ബ്രൗസറുകളിലും പേജുകൾ പരിശോധിക്കുന്നതിനുള്ള ഉത്തരവാദിത്തം പ്രോഗ്രാമർക്കാണ്. കൂടാതെ, പഴയതോ അല്ലാത്തതോ ആയ പ്രോഗ്രാമുകൾ ഉപയോഗിക്കുന്നതിനുള്ള പ്രശ്നം പ്രസക്തമായി തുടരുന്നു. മൈക്രോസോഫ്റ്റും നെറ്റ്‌സ്‌കേപ്പും ബ്രൗസർ വികസനത്തിൽ നേതാക്കളായി കണക്കാക്കപ്പെടുന്നു, എന്നാൽ മറ്റ് കമ്പനികളും ഉണ്ട്.

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

ഒരു വെബ് പേജിന്റെ അനാട്ടമി

ഒരു സാധാരണ വെബ് ഡോക്യുമെന്റിന്റെ സാമ്പിൾ ചുവടെയുണ്ട്. ഈ ഉദാഹരണത്തിൽ, ഞങ്ങൾ HTML പേജുകളുടെ ഘടന നോക്കും.

ഒരു വെബ് പേജിന്റെ ഉദാഹരണം (ടെംപ്ലേറ്റ്).

<Т1Т1Е>വെബ് പേജ് ഘടന

വിവിധ വെബ് പേജുകളുടെ സോഴ്സ് ടെക്സ്റ്റുകൾ നോക്കിയാൽ, അവയുടെ ഘടനകളുടെ സാമ്യം നിങ്ങൾക്ക് എളുപ്പത്തിൽ കാണാൻ കഴിയും. ചില നിയമങ്ങൾക്കനുസൃതമായി രേഖകൾ സൃഷ്ടിക്കപ്പെടുന്നു എന്ന വസ്തുത ഇത് വിശദീകരിക്കുന്നു.

HTML ഭാഷയുടെ വാക്യഘടന ISO 8879:1986 സ്റ്റാൻഡേർഡ് "ഇൻഫർമേഷൻ പ്രോസസ്സിംഗ്. ടെക്സ്റ്റ്, ഓഫീസ് സിസ്റ്റങ്ങൾ. സ്റ്റാൻഡേർഡ് ജനറലൈസ്ഡ് മാർക്ക്അപ്പ് ലാംഗ്വേജ് (SGML)" അടിസ്ഥാനമാക്കിയുള്ളതാണ്. ശരിയാണ്, ഔദ്യോഗിക നിലവാരവും യഥാർത്ഥ നിലവാരവും തമ്മിൽ വലിയ വ്യത്യാസമുണ്ട്. HTML നിരന്തരം വികസിച്ചുകൊണ്ടിരിക്കുന്നു, പുതിയ ഘടകങ്ങളുമായി അനുബന്ധമായി, ഇത് പഠിക്കേണ്ടത് ഔദ്യോഗിക പ്രാഥമിക ഉറവിടങ്ങളിൽ നിന്നല്ല, മറിച്ച് പ്രായോഗികമായി, പ്രമുഖ കമ്പനികളുടെയും സ്പെഷ്യലിസ്റ്റുകളുടെയും ഏറ്റവും പുതിയ സംഭവവികാസങ്ങളിലേക്ക് തിരിയുന്നു.

ഒരു വെബ് പേജിന്റെ ഘടന മനസ്സിലാക്കാൻ, മുകളിലെ ലിസ്റ്റിംഗിൽ ഉൾപ്പെടുത്തിയിരിക്കുന്ന ഘടകങ്ങളുടെ ഭാരം നിങ്ങൾ പരിഗണിക്കേണ്ടതുണ്ട്. ഭാഷാ ഘടകങ്ങൾ പരിഗണിക്കുമ്പോൾ, ഞങ്ങൾ രണ്ട് ടാഗുകളും ഉപയോഗിക്കും: ആരംഭവും അവസാനവും.

ഉദാഹരണത്തിന്: . മിക്ക കേസുകളിലും ഡവലപ്പർ ഓരോ ഘടകത്തിനും രണ്ട് ടാഗുകൾ ഉപയോഗിക്കണമെന്ന് ഇത് ഊന്നിപ്പറയാം. ഒരു ആരംഭ ടാഗ് മാത്രം അനുവദനീയമായ കേസുകളുടെ എണ്ണം (ചില ഘടകങ്ങൾക്ക് അവസാന ടാഗ് ഇല്ല) ചെറുതാണ്, അവ പ്രത്യേകം വ്യക്തമാക്കിയിട്ടുണ്ട്. ടാഗ് പേരുകൾക്കായി, നിങ്ങൾക്ക് ലാറ്റിൻ അക്ഷരമാലയിലെ വലിയക്ഷരങ്ങളും ചെറിയക്ഷരങ്ങളും ഉപയോഗിക്കാം.

ചില ഉപയോക്താക്കൾ ആരംഭ ടാഗുകൾ വലിയക്ഷരത്തിലും അവസാന ടാഗുകൾ ചെറിയക്ഷരത്തിലും എഴുതുന്നു. ഒരു വെബ് പേജിന്റെ ഉറവിട വാചകം മനസ്സിലാക്കാൻ ഇത് നിങ്ങളെ സഹായിക്കുന്നു.

HTML വാക്യഘടന.

HTML പ്രമാണ നൊട്ടേഷൻ. മൂലകങ്ങളുടെ മൾട്ടി-ലെവൽ നെസ്റ്റിംഗ് ആണ് ഭാഷയുടെ തത്വങ്ങളിലൊന്ന് എന്ന് മുകളിൽ സൂചിപ്പിച്ചിരുന്നു. ഈ ഘടകം ഏറ്റവും പുറത്തുള്ളതാണ്, കാരണം മുഴുവൻ വെബ് പേജും അതിന്റെ ആരംഭത്തിനും അവസാന ടാഗുകൾക്കും ഇടയിലായിരിക്കണം.

തത്വത്തിൽ, ഈ ഘടകം ഒരു ഔപചാരികതയായി കണക്കാക്കാം. ഇതിന് പതിപ്പ്, lang, dir ആട്രിബ്യൂട്ടുകൾ ഉണ്ട്, അവ ഈ സാഹചര്യത്തിൽ വളരെ അപൂർവമായി മാത്രമേ ഉപയോഗിക്കാറുള്ളൂ, കൂടാതെ വെബ് പേജിന്റെ മൊത്തത്തിലുള്ള ഘടന നിർണ്ണയിക്കുന്ന HEAD, BODY, FRAMESET, മറ്റ് ഘടകങ്ങൾ എന്നിവയുടെ നെസ്റ്റിംഗ് അനുവദിക്കുന്നു. സ്വാഭാവികമായും, അവസാന ടാഗ്അത്തരം രേഖകളെല്ലാം തീർന്നു.

ഒരു വെബ് പേജിന്റെ ശീർഷക മേഖല. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, അതിന്റെ ആദ്യ ഭാഗം. മുമ്പത്തെ ഘടകത്തെപ്പോലെ, പ്രമാണത്തിന്റെ മൊത്തത്തിലുള്ള ഘടന രൂപപ്പെടുത്തുന്നതിന് മാത്രമേ HEAD പ്രവർത്തിക്കൂ. ഈ ഘടകത്തിന് lang, d i r ആട്രിബ്യൂട്ടുകൾ ഉണ്ടായിരിക്കാം, ഒരു TITLE ഘടകം ഉൾപ്പെടുത്തിയിരിക്കണം, കൂടാതെ BASE, META, LINK, OBJECT, SCRIPT, STYLE ഘടകങ്ങൾ എന്നിവയുടെ നെസ്റ്റിംഗ് അനുവദിക്കുന്നു.

ഒരു വെബ് പേജിന്റെ ശീർഷകം സ്ഥാപിക്കുന്നതിനുള്ള ഒരു ഘടകം. ഈ ഘടകത്തിനുള്ളിൽ സ്ഥിതിചെയ്യുന്ന ടെക്‌സ്‌റ്റിന്റെ ലൈൻ ഡോക്യുമെന്റിൽ പ്രദർശിപ്പിക്കില്ല, പക്ഷേ ബ്രൗസർ വിൻഡോയുടെ ടൈറ്റിൽ ബാറിൽ. WWW-ൽ തിരയലുകൾ സംഘടിപ്പിക്കുമ്പോൾ ഈ സ്ട്രിംഗ് പലപ്പോഴും ഉപയോഗിക്കാറുണ്ട്. അതിനാൽ, ഇൻറർനെറ്റിൽ പോസ്റ്റുചെയ്യുന്നതിനായി വെബ് പേജുകൾ സൃഷ്ടിക്കുന്ന രചയിതാക്കൾ ഈ വരി വളരെ ദൈർഘ്യമേറിയതല്ലാതെ, പ്രമാണത്തിന്റെ ഉദ്ദേശ്യത്തെ കൃത്യമായി പ്രതിഫലിപ്പിക്കുന്നുണ്ടെന്ന് ഉറപ്പാക്കണം.

വെബ് പേജിന്റെ ചില ഘടകങ്ങളുടെ ശൈലിയുടെ വിവരണം. Strukt.htm ഫയൽ H2, CODE ഘടകങ്ങൾക്ക് ഫോണ്ടുകൾ നൽകുന്നു.

സ്വാഭാവികമായും, ഓരോ ഘടകത്തിനും ഒരു സ്ഥിരസ്ഥിതി ശൈലി ഉണ്ട്, അതിനാൽ STYLE മൂലകത്തിന്റെ ഉപയോഗം ആവശ്യമില്ല, പക്ഷേ അഭികാമ്യമാണ്.

HTML വാക്യഘടന കമ്പ്യൂട്ടിംഗിന്റെ ചരിത്രത്തെ എങ്ങനെ പ്രതിഫലിപ്പിക്കുന്നു എന്നത് രസകരമാണ്. ഉദാഹരണത്തിന്, പഴയതും ഇപ്പോൾ പ്രവർത്തനരഹിതവുമായ BLINK ഘടകം, ആളുകൾ ടെക്സ്റ്റ് മോഡ് മാത്രമുള്ള ഡിസ്പ്ലേകൾ ഉപയോഗിച്ച സമയത്തെക്കുറിച്ച് നമ്മെ ഓർമ്മിപ്പിക്കുന്നു. ഈ അവസ്ഥ കണക്കിലെടുത്ത്, ടെക്‌സ്‌റ്റ് മിന്നിമറയുന്നത് ഒരുപക്ഷേ കൈവരിക്കാവുന്ന ഒരേയൊരു വിഷ്വൽ ഇഫക്‌റ്റായിരിക്കാം.

ഇതിനു വിപരീതമായി, താരതമ്യേന അടുത്തിടെ അവതരിപ്പിച്ച STYLE ഘടകം, വിൻഡോസ് പ്രോഗ്രാമുകളുമായുള്ള ബന്ധത്തെ ഉണർത്തുന്നു, കാരണം അവർ ആദ്യം ടെക്സ്റ്റ് സ്റ്റൈലിംഗ് അവതരിപ്പിച്ചു, അത് ഇപ്പോൾ അവിശ്വസനീയമാംവിധം ജനപ്രിയമാണ്, കൂടാതെ ഇത് കൂടാതെ Word അല്ലെങ്കിൽ Excel പോലുള്ള ആപ്ലിക്കേഷനുകളിൽ പ്രവർത്തിക്കാൻ കഴിയില്ല.

ഒരു വെബ് പേജ് കാണുമ്പോൾ പ്രതിഫലിക്കാത്ത സേവന വിവരങ്ങൾ ഈ ഘടകത്തിൽ അടങ്ങിയിരിക്കുന്നു. സാധാരണ അർത്ഥത്തിൽ അതിനുള്ളിൽ വാചകം ഇല്ല, അതിനാൽ അവസാന ടാഗ് ഇല്ല. ഓരോ META ഘടകത്തിലും രണ്ട് പ്രധാന ആട്രിബ്യൂട്ടുകൾ അടങ്ങിയിരിക്കുന്നു, അവയിൽ ആദ്യത്തേത് ഡാറ്റ തരം നിർവചിക്കുന്നു, രണ്ടാമത്തേത് ഉള്ളടക്കം.

കൂടാതെ, META ഘടകത്തിന് ഒരു URL അടങ്ങിയിരിക്കാം. അനുബന്ധ ആട്രിബ്യൂട്ടിനുള്ള ടെംപ്ലേറ്റ് ഇതാണ്:

URL="http://address"

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

പേജിന്റെ പശ്ചാത്തലം നിർവചിക്കുന്ന ആട്രിബ്യൂട്ടാണ് ഡിസൈനിന് ഏറ്റവും ഉപയോഗപ്രദമായ ഒന്ന്. ചാരനിറത്തിലുള്ള അതേ വെബ് പേജുകൾ പെട്ടെന്ന് തിളങ്ങുന്ന വർണ്ണ പാറ്റേണുകളാൽ പൂത്തുലഞ്ഞതിനാൽ അതിന്റെ രൂപഭാവത്തെ WWW-ലെ ഒരു ചെറിയ വിപ്ലവത്തോട് ഉപമിക്കാം:

പശ്ചാത്തലം="പശ്ചാത്തല ഫയലിലേക്കുള്ള പാത"

അതിന്റെ നിറം സജ്ജീകരിക്കുന്നതിന് ലളിതമായ ഒരു പശ്ചാത്തല ഡിസൈൻ വരുന്നു:

bgcolor="#ff/?GGSS"

പശ്ചാത്തല നിറം യഥാക്രമം ചുവപ്പ്, പച്ച, നീല നിറങ്ങളുടെ തീവ്രത നിർണ്ണയിക്കുന്ന മൂന്ന് രണ്ടക്ക ഹെക്സാഡെസിമൽ സംഖ്യകളാൽ വ്യക്തമാക്കുന്നു. വർണ്ണങ്ങൾ ക്രമീകരിക്കുന്നത് ചുവടെ കൂടുതൽ വിശദമായി വിവരിക്കും. മുകളിലെ രണ്ട് ആട്രിബ്യൂട്ടുകളും ഇതരമല്ല, അവ പലപ്പോഴും ഒരുമിച്ച് ഉപയോഗിക്കുന്നു: ചില കാരണങ്ങളാൽ ഒരു പശ്ചാത്തല പാറ്റേൺ കണ്ടെത്താൻ കഴിയുന്നില്ലെങ്കിൽ, നിറം ഉപയോഗിക്കുന്നു.

പേജിന്റെ പശ്ചാത്തലം മാറാൻ സാധ്യതയുള്ളതിനാൽ, നിങ്ങൾക്ക് ടെക്സ്റ്റ് വർണ്ണവുമായി പൊരുത്തപ്പെടണം. ഈ ആവശ്യത്തിനായി താഴെ പറയുന്ന ആട്രിബ്യൂട്ട് ഉണ്ട്

ടെക്സ്റ്റ്="#/?/?GGB5"

ഹൈപ്പർലിങ്കുകളുടെ ടെക്സ്റ്റ് വർണ്ണം സജ്ജമാക്കാൻ, ഇനിപ്പറയുന്ന ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുക:

അതുപോലെ, കണ്ട ഹൈപ്പർലിങ്കുകൾക്കായി നിങ്ങൾക്ക് നിറം സജ്ജമാക്കാൻ കഴിയും:

vlink="#/?/?GGflS"

ഉപയോക്താവ് അവസാനം തിരഞ്ഞെടുത്ത ഹൈപ്പർലിങ്കിനായി നിങ്ങൾക്ക് ഒരു വർണ്ണ മാറ്റം വ്യക്തമാക്കാനും കഴിയും:

ബോഡി എലമെന്റിനുള്ളിൽ സ്ഥിതി ചെയ്യുന്ന ഹൈപ്പർടെക്സ്റ്റിന് ഏത് ഘടനയും ഉണ്ടാകാം. ഇത് നിർണ്ണയിക്കുന്നത്, ഒന്നാമതായി, വെബ് പേജിന്റെ ഉദ്ദേശ്യവും ഡവലപ്പറുടെ ഭാവനയും അനുസരിച്ചാണ്.

തലക്കെട്ട് ഘടകം. തലക്കെട്ടുകളുടെ ആറ് തലങ്ങളുണ്ട്, അവയ്ക്ക് H1...H6 എന്ന് നൽകിയിരിക്കുന്നു. ലെവൽ 1 തലക്കെട്ടാണ് ഏറ്റവും വലുത്, ലെവൽ 6 ഏറ്റവും ചെറിയ തലക്കെട്ട് നൽകുന്നു. തലക്കെട്ടുകൾക്കായി, നിങ്ങൾക്ക് ഇടത്, മധ്യ അല്ലെങ്കിൽ വലത് വിന്യാസം വ്യക്തമാക്കുന്ന ഒരു ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാം:

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

എലമെന്റിന് ഒരു എൻഡ് ടാഗ് ഇല്ല, എന്നാൽ നിരവധി ആട്രിബ്യൂട്ടുകളെ ഇടത്, മധ്യഭാഗത്ത്, വലത്, ന്യായീകരിക്കാൻ വിന്യസിക്കാൻ അനുവദിക്കുന്നു:

നിങ്ങൾക്ക് വരിയുടെ കനം സജ്ജമാക്കാൻ കഴിയും:

51ge = പിക്സലുകളിൽ കനം

നിങ്ങൾക്ക് വരിയുടെ ദൈർഘ്യം നിയന്ത്രിക്കാൻ കഴിയും:

fiitifn - പിക്സലുകളിൽ നീളം

വീതി=/^twa ശതമാനം/മണിക്കൂറിൽ

നിങ്ങൾക്ക് നിറം തിരഞ്ഞെടുക്കാം:

co1og="color"

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

<А name=" метка ">സൗജന്യ വാചകം

ഈ സാഹചര്യത്തിൽ, പ്രമാണത്തിന്റെ നൽകിയിരിക്കുന്ന വരിക്ക് ഒരു പേര് നൽകിയിരിക്കുന്നു, അതിനാൽ ഡോക്യുമെന്റിന്റെ മറ്റൊരു ഭാഗത്ത് അല്ലെങ്കിൽ മറ്റൊരു പ്രമാണത്തിൽ പോലും ഒരു ഹൈപ്പർലിങ്ക് സൃഷ്ടിക്കാൻ കഴിയും, അത് ആ പോയിന്റിലേക്ക് നയിക്കുന്നു. ഉദാഹരണത്തിന്, ഒരു പ്രമാണത്തിനുള്ളിൽ നാവിഗേറ്റ് ചെയ്യുന്നതിന്, നിങ്ങൾക്ക് ഇനിപ്പറയുന്ന നിർമ്മാണം ഉപയോഗിക്കാം:

<Р>ഇതിലേക്കുള്ള പരിവർത്തനം<А href=" Пметка ">ലേബൽ

സമാനമായ നിരവധി വരികൾക്ക് ഒരു വെബ് പേജിനായി ഒരുതരം ഉള്ളടക്ക പട്ടിക രൂപപ്പെടുത്താൻ കഴിയും, അത് പ്രമാണത്തിന്റെ തുടക്കത്തിലും അവസാനത്തിലും സ്ഥാപിക്കാവുന്നതാണ്.

ലിങ്കുകൾക്കുള്ള അടിസ്ഥാന വിലാസം (URL) വ്യക്തമാക്കുന്നതിനുള്ള ഘടകം. ഡോക്യുമെന്റ് ലിങ്കുകളിൽ വിലാസത്തിന്റെ പ്രാരംഭ ഭാഗം ഒഴിവാക്കാൻ ഇത് നിങ്ങളെ അനുവദിക്കുന്നു. ഈ ഘടകം ഉപയോഗിക്കുന്നതിന് നിങ്ങൾ ഇനിപ്പറയുന്ന നിർമ്മാണം ഉപയോഗിക്കണം:

പാത // വിലാസ ശകലം ഓപ്ഷണൽ ആണ്.

ഒരു പൂർണ്ണ വിലാസം ജനറേറ്റ് ചെയ്യുമ്പോൾ, അത് ഉപേക്ഷിക്കപ്പെടും.

അതിനാൽ, പ്രമാണ വാചകത്തിൽ ഒരു ആപേക്ഷിക ലിങ്ക് ഉണ്ടെങ്കിൽ

<А ef =" путь2/имя документа, htm" ">ദൃശ്യമായ ലിങ്ക് ടെക്സ്റ്റ്,

അപ്പോൾ അത് URL-മായി പൊരുത്തപ്പെടും

ഒരു ലോക്കൽ ഡിസ്കിനായി അടിസ്ഥാന വിലാസം സജ്ജീകരിക്കേണ്ടിവരുമ്പോൾ (ഉദാഹരണത്തിന്. ഡി :), ഇനിപ്പറയുന്ന നിർമ്മാണം ഉപയോഗിക്കേണ്ടതാണ്:

തുടർന്ന്, ഒരു ആപേക്ഷിക ലിങ്ക് വ്യക്തമാക്കുമ്പോൾ, നിങ്ങൾക്ക് ഫയലിന്റെ പേര് മാത്രമല്ല, അത് സ്ഥിതിചെയ്യുന്ന ഫോൾഡറുകളുടെ പേരുകളും വ്യക്തമാക്കാൻ കഴിയും. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, ഫയലുകളിലേക്കുള്ള പാതയെ രണ്ട് ഭാഗങ്ങളായി തിരിക്കാം: കേവലവും ആപേക്ഷികവും. ഡോക്യുമെന്റിൽ വ്യക്തമാക്കിയ ഫയലുകൾക്ക് ഒരു സാധാരണ ആരംഭ പാത ശകലം ഉള്ളപ്പോൾ ഇത് ഉപയോഗപ്രദമാണ്. നിങ്ങൾക്ക് ഒരു സമ്പൂർണ്ണ ലിങ്ക് എക്‌സ്‌പ്രഷനിൽ ആക്‌സസ് സ്‌കീം റഫറൻസ് (file://) ഒഴിവാക്കാനും കഴിയും. ഈ സാഹചര്യത്തിൽ, ആദ്യത്തെ ഇടത് പ്രതീകം "" വരെയുള്ള സമ്പൂർണ്ണ ലിങ്കിന്റെ ഇടത് ഭാഗം മാത്രമേ കണക്കിലെടുക്കൂ, അതായത്, ലോക്കൽ ഡ്രൈവ് നാമം.

വാക്യഘടന നിയമങ്ങൾ

ഒരു വെബ് പേജിന്റെ കോഡ് എങ്ങനെയുണ്ടെന്ന് ഇപ്പോൾ ഞങ്ങൾക്കറിയാം, HTML വാക്യഘടനയെക്കുറിച്ച് നമുക്ക് പൊതുവായ ചില നിഗമനങ്ങളിൽ എത്തിച്ചേരാനാകും. ഓരോ മൂലകവും ഉപയോഗിക്കുമ്പോൾ, അതിനുള്ളിൽ ഏതൊക്കെ മൂലകങ്ങൾ സ്ഥാപിക്കാം, ഏതൊക്കെ മൂലകങ്ങൾ ഉള്ളിൽ സ്ഥാപിക്കാം എന്ന് അറിയേണ്ടത് പ്രധാനമാണ്.

അതിനാൽ, HTML, HEAD, TITLE, BODY ഘടകങ്ങളുടെ ആപേക്ഷിക സ്ഥാനം ഏത് പേജിലും സ്റ്റാൻഡേർഡ് ആയിരിക്കണം, എന്നിരുന്നാലും, ഫ്രെയിമുകൾ ഉപയോഗിക്കാത്ത സന്ദർഭങ്ങളിൽ. പേജ് ഒരു ഫ്രെയിം ലേഔട്ട് പ്രമാണമാണെങ്കിൽ, BODY ഘടകത്തിന് പകരം FRAMESET ഘടകം ഉപയോഗിക്കുന്നു.

ഒരുമിച്ച് ഉപയോഗിക്കുന്ന ഘടകങ്ങളുടെ ഗ്രൂപ്പുകളുണ്ട്. പട്ടികകൾ, ലിസ്റ്റുകൾ, ഫ്രെയിമുകൾ എന്നിവ സൃഷ്ടിക്കുന്നതിനുള്ള ഘടകങ്ങൾ ഇതിൽ ഉൾപ്പെടുന്നു.

ഈ സാഹചര്യത്തിൽ, നെസ്റ്റിംഗ് മൂലകങ്ങളുടെ ക്രമം നിർണ്ണയിക്കുന്നത് പേജിൽ ഒരു പ്രത്യേക ഒബ്ജക്റ്റ് സൃഷ്ടിക്കുന്നതിനുള്ള യുക്തിയാണ്: ഇവിടെ നിങ്ങൾ ലളിതമായ ഡിസൈൻ നിയമങ്ങൾ ഓർമ്മിക്കേണ്ടതുണ്ട്.

പേജ് വിശദാംശങ്ങൾ (ചിത്രങ്ങൾ, വാചകം മുതലായവ) ഒരു നിർദ്ദിഷ്ട ക്രമത്തിൽ ക്രമീകരിക്കുന്നതിന് പട്ടികകളും ഫ്രെയിമുകളും പലപ്പോഴും ഉപയോഗിക്കുന്നു.

ഉദാഹരണത്തിന്, ഒരു ടേബിൾ സെല്ലിനുള്ളിൽ ഒരു ചിത്രം സ്ഥാപിക്കുന്നതിലൂടെ, നിങ്ങൾക്ക് ഒരു നിശ്ചിത സ്ഥാനം നേടാൻ കഴിയും.

അത്തരം സന്ദർഭങ്ങളിൽ, മൂലകങ്ങളുടെ നെസ്റ്റിംഗ് നിർണ്ണയിക്കുന്നത് വെബ് പേജ് ഡെവലപ്പർ ആണ്, കൂടാതെ അവന്റെ ഭാവനയെയും വൈദഗ്ധ്യത്തെയും ആശ്രയിച്ചിരിക്കുന്നു.

ടെക്‌സ്‌റ്റ് ഫോർമാറ്റ് ചെയ്യാൻ ഉപയോഗിക്കുന്ന ധാരാളം ഘടകങ്ങൾ, വൈവിധ്യമാർന്ന നെസ്റ്റിംഗ് ഓപ്ഷനുകൾ അനുവദിക്കുന്നു. അവ തന്നെ ചില ഘടകങ്ങളുടെ ഉള്ളിൽ സ്ഥിതിചെയ്യണം.

ഇവിടെ നമ്മൾ സാമാന്യബുദ്ധിയാൽ നയിക്കപ്പെടണം: ഓരോ മൂലകവും ഒരു നിശ്ചിത പ്രവർത്തനം നിർവ്വഹിക്കുന്നു കൂടാതെ ഒരു പ്രത്യേക വ്യാപ്തിയും ഉണ്ട്.

ചുവടെയുള്ള ഉദാഹരണത്തിൽ രണ്ട് ഖണ്ഡികകളും (ഒരു പച്ച ബോക്സിലെ ആദ്യത്തേത്) ഒരു പട്ടികയും ഉണ്ട്:

<Р style="border: Зрх solid дгееп">ഖണ്ഡിക 1 ടെക്സ്റ്റ്

. . .

<Р>ഖണ്ഡിക 2-ന്റെ വാചകം

ഈ കേസിലെ പട്ടിക ഒരു സ്വതന്ത്ര ഘടകമാണ്. ഉദാഹരണത്തിന്, ഇത് മറ്റ് വാചകങ്ങളിൽ നിന്ന് സ്വതന്ത്രമായി വിന്യസിക്കാൻ കഴിയും.

നിങ്ങൾക്ക് മറ്റ് കോഡ് ഉപയോഗിക്കാം:

<Р style="border: Зрх solid дгееп">ഖണ്ഡിക 1 ടെക്സ്റ്റ്

. . .

<Р>ഖണ്ഡിക 2-ന്റെ വാചകം

ആദ്യ ഖണ്ഡികയുടെ അവസാന ടാഗ് അപ്രത്യക്ഷമായി. പട്ടിക ഇപ്പോൾ ആദ്യ ഖണ്ഡികയുടെ ഭാഗമാണ്, പച്ച ബോർഡർ പട്ടികയും വാചകവും ഉൾക്കൊള്ളുന്നു. നേരെമറിച്ച്, ഒരു P ഘടകം ഒരു പട്ടികയ്ക്കുള്ളിൽ സ്ഥിതിചെയ്യാം: ഉദാഹരണത്തിന്, ഒരു സെൽ TD ഘടകത്തിന് നിരവധി P ഖണ്ഡികകൾ അടങ്ങിയിരിക്കാം.

വെബ് പേജുകൾ സൃഷ്ടിക്കുമ്പോൾ നെസ്റ്റിംഗ് നിയമങ്ങൾ ലംഘിക്കുന്നത് ഏറ്റവും സാധാരണമായ തെറ്റുകളിൽ ഒന്നാണ്. അത്തരം പിശകുകൾ ഒഴിവാക്കാൻ, വാക്യഘടന നിയമങ്ങളുടെ നിർവ്വഹണം സ്വയമേവ നിയന്ത്രിക്കുന്ന ഹൈപ്പർടെക്സ്റ്റ് എഡിറ്ററുകൾ നിങ്ങൾ ഉപയോഗിക്കേണ്ടതുണ്ട്. ഒരു സാധാരണ നെസ്റ്റഡ് എലമെന്റ് പിശക് അടങ്ങിയ ഒരു ലൈൻ ചുവടെയുണ്ട്:

<Н1>തലക്കെട്ട് 1<Н2>തലക്കെട്ട് 2തലക്കെട്ട് 3

ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് പിശകുകളോട് പ്രതികരിക്കാൻ "ശ്രമിക്കുന്ന" വിധത്തിലാണ് ബ്രൗസറുകൾ നിർമ്മിച്ചിരിക്കുന്നത് എന്നത് ശ്രദ്ധിക്കേണ്ടതാണ്. പേജ് പ്രദർശിപ്പിക്കാൻ കഴിയുമെങ്കിൽ, മുന്നറിയിപ്പ് സന്ദേശങ്ങളില്ലാതെ അത് പ്രദർശിപ്പിക്കും.

തെറ്റായി സ്ഥാപിച്ച ടാഗുകളെ പ്രോഗ്രാം ഒരു പ്രത്യേക രീതിയിൽ വ്യാഖ്യാനിക്കുകയും ഡെവലപ്പർമാർ അതിൽ നിർമ്മിച്ച ലോജിക്ക് പിന്തുടരുകയും ഒരു ഇമേജ് സൃഷ്ടിക്കുകയും ചെയ്യുന്നു. അതേ സമയം, പേജിന്റെ രൂപം രചയിതാവിന്റെ ഉദ്ദേശ്യവുമായി പൊരുത്തപ്പെടണമെന്നില്ല. വളരെ ഗുരുതരമായ പിശകുകളോ വ്യക്തമായ വൈരുദ്ധ്യങ്ങളോ ഉണ്ടായാൽ മാത്രം, പേജ് പ്രദർശിപ്പിക്കാൻ കഴിയില്ലെന്ന് പ്രസ്താവിക്കുന്ന ഒരു സന്ദേശം ബ്രൗസർ പ്രദർശിപ്പിക്കുന്നു.

ഒരു മാർക്ക്അപ്പ് പിശകിന്റെ പരോക്ഷ അടയാളം പേജിലെ HTML കോഡിന്റെ ശകലങ്ങളുടെ രൂപമാകാം. ഇന്റർനെറ്റിൽ വളരെയധികം പ്രവർത്തിക്കുന്ന ഉപയോക്താക്കൾ ഒരുപക്ഷേ ഈ സാഹചര്യം നേരിട്ടിട്ടുണ്ടാകും.

ആരംഭ, അവസാന ടാഗുകൾ, ആട്രിബ്യൂട്ടുകൾ, എലമെന്റ് ഉള്ളടക്കം എന്നിവയുടെ ഉപയോഗത്തിനും വാക്യഘടന നിയമങ്ങൾ ബാധകമാണ്. "ഘടകം" v എന്ന ആശയങ്ങളെ ആശയക്കുഴപ്പത്തിലാക്കരുത്. "ടാഗ്". ആരംഭ ടാഗിനുള്ളിലെ ആട്രിബ്യൂട്ടുകളും ആരംഭ, അവസാന ടാഗുകൾക്കിടയിലുള്ള ഉപയോഗപ്രദമായ വിവരങ്ങളും അടങ്ങിയ ഒരു കണ്ടെയ്‌നറാണ് എലമെന്റ്. ആംഗിൾ ബ്രാക്കറ്റുകളിൽ ഘടിപ്പിച്ചിരിക്കുന്നതും ഒരു മൂലകത്തിന്റെ വ്യാപ്തി സൂചിപ്പിക്കാൻ ഉപയോഗിക്കുന്നതുമായ ഒരു നിർമ്മിതിയാണ് ടാഗ്.

ചില ഘടകങ്ങൾക്ക് എൻഡ് ടാഗ് ഇല്ല. വ്യക്തമായും, ഒരു വരിയുടെ അവസാനത്തെ സൂചിപ്പിക്കുന്ന BR ഘടകത്തിന് ഒരു എൻഡ് ടാഗ് ആവശ്യമില്ല. ചില ഘടകങ്ങൾ എൻഡ് ടാഗ് ഉപയോഗിച്ചോ അല്ലാതെയോ ഉപയോഗിക്കാം. ഏറ്റവും ശ്രദ്ധേയമായ ഉദാഹരണം R എന്ന ഖണ്ഡിക ഘടകമാണ്.

ഇതിന് ഒരു എൻഡ് ടാഗ് ഉണ്ടായിരിക്കാം, എന്നാൽ ആ ടാഗ് വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ, നിലവിലെ ഖണ്ഡികയുടെ അവസാനം യുക്തിസഹമായി നിർവചിക്കാൻ കഴിയുന്ന ഇനിപ്പറയുന്ന ഘടകമാണ് എലമെന്റിന്റെ എൻഡ് ടാഗ്: മറ്റൊരു P ഘടകം, ഒരു IMG ചിത്ര ഘടകം, ഒരു UL ലിസ്റ്റ് ഘടകം, ഒരു പട്ടിക പട്ടിക ഘടകം മുതലായവ.

അതിനാൽ, ഒരു മൂലകത്തിന്റെ പേലോഡ് ആ മൂലകത്തിന്റെ ആരംഭ, അവസാന ടാഗുകൾക്കിടയിലോ ഈ ഘടകത്തിന്റെ ആരംഭ ടാഗിനും അടുത്ത ഘടകത്തിന്റെ ആരംഭ ടാഗിനും ഇടയിലായിരിക്കണം.

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

രണ്ടാമത്തേത്, സ്‌ക്രീനിൽ ഒരു പേജ് പ്രദർശിപ്പിക്കുമ്പോൾ, Hn, P അല്ലെങ്കിൽ BR ഘടകങ്ങളുടെ ക്രമീകരണത്തിന് അനുസൃതമായി ഒരു ലൈൻ തകർക്കാൻ കഴിയും, മറ്റ് സന്ദർഭങ്ങളിൽ ഇത് വാചകത്തിന്റെ അളവ്, ഫോണ്ട് വലുപ്പം, കറന്റ് എന്നിവയെ ആശ്രയിച്ച് ഖണ്ഡികകൾ ഏകപക്ഷീയമായി ഫോർമാറ്റ് ചെയ്യുന്നു. വിൻഡോ വലിപ്പം.

അതിനാൽ, വ്യത്യസ്ത മോണിറ്റർ റെസല്യൂഷൻ മോഡുകൾ, സ്‌ക്രീൻ വലുപ്പം, ബ്രൗസർ വിൻഡോ വലുപ്പം, കൂടാതെ പൂർണ്ണ സ്‌ക്രീൻ അല്ലെങ്കിൽ വിൻഡോ മോഡുകൾ എന്നിവയ്‌ക്ക് അവയുടെ രൂപഭാവം ഗണ്യമായി മാറാത്ത വിധത്തിൽ വെബ് പേജുകൾ ക്രമീകരിക്കണം.

ഒഴിവാക്കലുകളില്ലാത്ത വളരെ പ്രധാനപ്പെട്ട ഒരു നിയമം, ആരംഭ ടാഗിനുള്ളിൽ എലമെന്റ് ആട്രിബ്യൂട്ടുകൾ സ്ഥാപിക്കുക എന്നതാണ്.