എച്ച്.ടി.എം.എൽ

ഹൈപ്പർ ടെക്സ്റ്റ് മാർക്കപ്പ് ലാങ്ഗ്വേജ് (hypertext markup language), എന്നതിന്റെ ചുരുക്കരൂപം. വെബ് താളുകൾ നിർമ്മിക്കുന്നതിനായി ഈ ഭാഷ ഉപയോഗപ്പെടുത്തുന്നു.

എച്.ടി.എം.എൽ. ഉപയോഗം

ഇന്റർനെറ്റിലെ ഒരു പേജിലെ വിവരങ്ങളെ എങ്ങനെ കാണിക്കണം എന്നത്‌ ബ്രൌസറിനു പറഞ്ഞു കൊടുക്കാനുള്ള ഭാഷയാണ്‌ എച്‌ ടി എം എൽ. ടെക്സ്റ്റും ലിങ്കുകളും അടങ്ങിയ ഒരു പേജിനകത്ത്‌ ഓരോ ഭാഗങ്ങളും പ്രത്യേക തരത്തിലുള്ള ഒരു 'ടാഗ്‌' ഉപയോഗിച്ച്‌ അടയാളപ്പെടുത്തിയാണ്‌ നമ്മൾ ബ്രൌസറിനു മനസ്സിലാവുന്ന ഭാഷയിൽ ആ പേജിനെ രൂപപ്പെടുത്തുന്നത്‌. ഒരു ടാഗ്‌ എന്നാൽ < > ബ്രാക്കറ്റുകൾക്കിടെ നിശ്ചിത വാക്കു ചേർത്തതാണ്‌. ഉദാഹരണത്തിന്‌, നമുക്ക്‌ ആ പേജിന്റെ തലവാചകം (ബ്രൌസറിന്റെ മേലെയുള്ള ടൈറ്റിൽ ബാറിൽ കാണിക്കുന്നത്) <TITLE> എന്ന ടാഗ്‌ ഉപയോഗിച്ച്‌ അടയാളപ്പെടുത്താം. ഈ പറഞ്ഞതിനെ നമ്മൾ ഓപ്പണിങ്ങ്‌ ടാഗ്‌ എന്നു വിളിക്കും. തുറന്നാൽ അടക്കണം എന്ന നിയമം ഇവിടേയും ബാധകമാണ്‌. </TITLE> എന്ന ടാഗ്‌ ഉപയോഗിച്ച്‌ നമ്മൾക്ക്‌ തലവാചകമാക്കേണ്ട വാചകത്തിനെ പൊതിഞ്ഞാൽ, ബ്രൌസറിനു മനസ്സിലാവും, ഇതാണ്‌ നമ്മുടെ തലവാചകമെന്ന്‌. അതായത്‌, നമ്മുടെ പേജിൽ

<TITLE>This is the title for the Browser</TITLE>

എന്നെഴുതിയാൽ, അതു നമ്മുടെ ടൈറ്റിൽ/തലവാചകം ആയി.

ടാഗുകൾ പലവിധമുണ്ട്. ഉദാഹരണത്തിന് എന്ന ടാഗ് എഴുത്തിന്റെ(ടെക്‌സ്റ്റിന്റെ) കടുപ്പം(ബോൾഡ്‌നെസ്സ്) കൂട്ടാനും എന്ന ടാഗ് എഴുത്ത് ഇറ്റാലിക്സിൽ ആക്കാനും ആണ് ഉപയോഗിയ്ക്കുന്നത്. <IMG> എന്ന ടാഗ് പേജിൽ ചിത്രങ്ങൾ ഉൾപ്പെടുത്താനും <TABLE> എന്ന ടാഗ് ഒരു പട്ടിക ഉൾപ്പെടുത്താനും ഉപയോഗിക്കാം.

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

ഉദാഹരണത്തിന്‌,
<TAG1>
<TAG2>
....<TAGn>
text here
</TAGn>....
</TAG2>
</TAG1>
(<TAG> എന്ന ഒരു ടാഗ്‌ നിലവിലില്ല. ഇതൊരു ഉദാഹരണം മാത്രം)

മിക്കവാറും ടാഗുകൾക്കും ആട്രിബ്യൂട്ട് എന്ന അംഗങ്ങൾ കാണും. ടാഗിന്റെ സ്വഭാവ വിശേഷങ്ങൾ നിയന്ത്രിയ്ക്കുന്നത് ആട്രിബ്യൂട്ടുകളാണ്. എന്ന ടാഗിൽ ALIGN എന്നത് SPAN ടാഗിന്റെ ഒരു ആട്രിബ്യൂട്ട് ആണ്. ALIGN എന്ന ആട്രിബ്യൂട്ടിന്റെ വില(വാല്യു) ആണ് LEFT. ഈ ആട്രിബ്യൂട്ടിന്റെ വില അനുസരിച്ച് ടാഗിന്റെ സ്വഭാവം മാറുന്നു.

മിക്കവാറും എച്‌ ടീ എം എൽ പേജുകൾക്കും ഒരു <HEAD> ഭാഗവും, ഒരു <BODY> ഭാഗവും കാണും. പേജ് കാണുമ്പോൾ <BODY> ടാഗിനുള്ളിലുള്ള ഭാഗമാണ് ബ്രൌസറിൽ കാണിക്കുക എന്ന് ഒരു പൊതു തത്വമായി പറയാം. സാധാരണ <HEAD> ടാഗിനുള്ളിലുള്ള ഭാഗം പേജിനെ സംബന്ധിയ്ക്കുന്ന പൊതുവായ വിവരങ്ങൾ രേഖപ്പെടുത്തുന്ന സ്ഥലമാണ്. ബ്രൌസറുകൾ പേജ് കാണിയ്ക്കാൻ ഈ വിവരങ്ങൾ ഉപയോഗിയ്ക്കുന്നു.

എച്‌ ടി എം എൽ പേജിന്റെ സാമാന്യ രൂപം കാണാം.
<HTML>
<HEAD>
<TITLE> This is the browser's title</TITLE>
</HEAD>
<BODY>
All my page Content goes in here
</BODY>
</HTML>

ഇവിടെ കാണുന്ന പോലെ, എല്ലാ എച്‌ ടി എം എൽ പേജുകളും HTML എന്ന ഒരു ടാഗിനകത്താക്കിയ ഒരു കൂട്ടം ടാഗുകളാൻ നിർവചിക്കപ്പെട്ടിട്ടുള്ള, ഒരു വ്യക്തമായ രൂപരേഖയുള്ള, .htm അല്ലെങ്കിൽ .html എന്ന എക്സ്റ്റൻഷനൊടു കൂടിയ ഒരു ടെക്സ്റ്റ്‌ ഫയലാണ്‌.

ടാഗുകൾ

പ്രധാന ടാഗുകൾ

എച്ച്.ടി.എം.എല്ലിൽ ഉപയോഗിക്കുന്ന ചില പ്രധാന ടാഗുകളും അവയുടെ ഉപയോഗവും താഴെ പറയുന്നു.

<head>.........................</html>: ശീർഷകം; പേജിനെക്കുറിച്ചുള്ള വിവരങ്ങൾ സൂചിപ്പിക്കുന്നു
<body>.......................</body>: ഉള്ളടക്കം; പേജിലൂടെ ലഭ്യമാകാനുള്ള വിവരങ്ങൾ ഉൾക്കൊള്ളിക്കുന്നു.
.................... : അക്ഷരങ്ങൾ കടുപ്പിച്ച് എഴുതുവാൻ.
................... : അക്ഷരങ്ങൾ ഇറ്റാലിക്സ് ആക്കുവാ‍ൻ

....................... :പുതിയ ഖണ്ഡിക തുടങ്ങുവാൻ

........................ പുതിയ വരിതുടങ്ങുവാൻ

ചിത്രം ഉൾപ്പെടുത്താൻ

<img src="file Name">

ഹൈപ്പർ ലിങ്ക് കൊടുക്കുവാൻ

<a href="file Name">

ഹൈപ്പർ ലിങ്ക് പുതിയ വിൻഡോയിൽ തുറന്നുവരുവാൻ

<a href="File Name" target="_blank>

മാർക്വീ

അക്ഷരങ്ങളെ വലത്തോട്ട് ചലിപ്പിക്കാൻ

<marquee direction="right">

അക്ഷരങ്ങളെ ഇടത്തോട്ട് ചലിപ്പിക്കാൻ

<marquee direction=“left“>

അക്ഷരങ്ങളെ മുകളിലേക്ക് ചലിപ്പിക്കാൻ

<marquee direction=“up“>

അക്ഷരങ്ങളെ താഴേക്ക് ചലിപ്പിക്കാൻ

<marquee direction="down">

എച്ച്.ടി.എം.എൽ പേജിലെ ടാഗും ഗണിത ചിഹ്നവും

എച്ച്.ടി.എം.എല്ലിൽ < എന്ന അടയാളം ഒരു ടാഗിന്റെ ആരംഭവും > എന്ന അടയാളം ഒരു ടാഗിന്റെ അവസാനവുമാണല്ലോ. എന്നാൽ ഇവ രണ്ടും ടാഗിലല്ലാതെ പേജിൽ മറ്റൊരിടത്തും വരാൻ പാടില്ല. എന്നാൽ ഗണിതക്രിയകൾ സംബന്ധിക്കുന്ന പേജിൽ ലെസ്‌ദാൻ , ഗ്രേറ്റർദാൻ എന്നീ ചിഹ്നങ്ങൾ ചിഹ്നങ്ങൾ പേജിൽ പ്രത്യക്ഷപ്പെടേണ്ടിവരും. ഉദാഹരണം: 100<10000, 3>1. ഇത്തരം പേജുകളിൽ < എന്നു കാണിക്കാൻ &It എന്നും > എന്നു കാണിക്കാൻ &gt എന്നും എഴുതിയാൽ മതി. എച്ച്.ടി.എം.എൽ കോഡിൽ &It എന്ന് എഴുതിയാൽ ബ്രൗസർ അതിനെ < എന്ന ചിഹ്നമാക്കി മാറ്റും. അതുപോലെ &gt എന്നത് > എന്നും.

എച്ച്.ടി.എം.എല്ലിന്റെ ചരിത്രം

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

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

1991ൽ ബെർണേഴ്‌സ് ലീ എച്ച്.ടി.എം.എൽ ടാഗുകൾ എന്നൊരു ലേഖനം പൊതുജനങ്ങൾക്കായി ഇന്റർനെറ്റിൽ പ്രസിദ്ധീ‍കരിച്ചു. അത് വളരെ ലളിതമായ 22 അടിസ്ഥാന സൂചകങ്ങൾ അടങ്ങിയ ഒരു എച്ച്.ടി.എം.എൽ ഡിസൈൻ ആയിരുന്നു. അതിൽ 13 എണ്ണം ഇന്നത്തെ എച്ച്.ടി.എം.എൽ 4ൽ ഇപ്പോഴും ഉണ്ട്. എച്ച്.ടി.എം.എൽ എന്നത് അക്ഷരങ്ങളേയും ചിത്രങ്ങളേയും വെബ്ബ് പേജുകളിൽ വെബ്ബ് ബ്രൗസറുകൾ വഴി തയ്യാറാക്കുന്ന ഒരു ഭാഷയാണ്. 1960കളിൽ ഉപയോഗിച്ചിരുന്ന ‘റൺ ഓഫ് കമാൻഡ്’ ‘ എന്ന പ്രോഗ്രാമിംഗ് ഭാഷയിൽ ഉപയോഗിച്ചിരുന്ന പലതും എച്ച്.ടി.എം.എൽ ടാ‍ഗുകളിൽ ദൃശ്യമാണ്. അങ്ങനെ 1993 ന്റെ പകുതിയോടെ ഇരുവരും തങ്ങളുടെ പദ്ധതി സമർപ്പിച്ചു