HTML എന്നത് എന്താണ്?
HTML (HyperText Markup Language) എന്നത് വെബ്പേജുകൾ സൃഷ്ടിക്കുന്നതിനും വെബ് ബ്രൗസറുകളിൽ അവ കാണിക്കുന്നതിനുമുള്ള ഒരു മർക്ക്‌അപ്പ് ഭാഷയാണ്. HTML കോഡിലൂടെ, നമ്മൾ വെബ്ബ് ബ്രൗസറിന് പേജിന്റെ ഘടനയും ഉള്ളടക്കവും എങ്ങനെ കാണിക്കണമെന്ന് നിർദ്ദേശം നൽകുന്നു.
HTML-ന്റെ പ്രാഥമിക ഘടകങ്ങൾ:
HTML പേജുകൾ സൃഷ്ടിക്കുന്നതിന് ചില പ്രധാന ഘടകങ്ങളുണ്ട്. അവയെല്ലാം “ടാഗുകൾ” ആയി അറിയപ്പെടുന്നു. ഓരോ HTML കോഡിലും ടാഗുകൾ ഉപയോഗിച്ചാണ് പേജിന്റെ ഉള്ളടക്കം നിർണ്ണയിക്കുന്നത്.
HTML കോഡിന്റെ അടിസ്ഥാന ഘടന:
HTML ഫയലുകൾക്ക് ഒരു അടിസ്ഥാന ഘടനയുണ്ട്, ഇത് എല്ലാ HTML പേജുകളിലും അനുബന്ധമാണ്. താഴെ ഒരു പാഠം കാണുക:
<!DOCTYPE html>
<html>
<head>
<title>എന്റെ ആദ്യ HTML പേജ്</title>
</head>
<body>
<h1>സ്വാഗതം!</h1>
<p>ഇത് എന്റെ ആദ്യ HTML പേജ് ആണ്.</p>
</body>
</html>പ്രധാന ടാഗുകൾ:
1. DOCTYPE: HTML5 വേർഷനെ വ്യക്തമാക്കുന്നു.
2. html: പേജ് തുടങ്ങുന്നതും അവസാനിക്കുന്നതുമായ ടാഗ്.
3. head: പേജിന്റെ തലക്കെട്ടുകൾ ഉൾപ്പെടുന്ന ഭാഗം (വീക്ഷിക്കാനാവാത്തത്).
4. title: ബ്രൗസർ ടാബിൽ കാണുന്ന തലക്കെട്ട്.
5. body: പേജിൽ കാണുന്ന ഉള്ളടക്കം.
HTML-ലേയ്ക്ക് ആദ്യ ചുവടുവെപ്പ്:
HTML പഠിക്കാൻ വളരെയധികം എളുപ്പമാണ്, പാഠങ്ങൾ എഴുതി ബ്രൗസറിൽ പ്രദർശിപ്പിക്കാനാവും. നിങ്ങൾക്ക് ഒരു പാഠം എഴുതേണ്ടത് എങ്ങനെ എന്ന് അറിയിക്കാൻ, നോട്ട്‌പാഡ്, വിഎസ്എസ് കോഡ് പോലുള്ള എഡിറ്ററുകൾ ഉപയോഗിക്കാവുന്നതാണ്. ഒരു .html ഫയൽ സേവ് ചെയ്ത് അത് ബ്രൗസറിൽ ഓപ്പൺ ചെയ്യുക, വെബ് പേജ് കാണാം.
Browser എങ്ങനെ HTML കോഡ് വായിക്കുന്നു:
HTML കോഡ് ബ്രൗസർ വായിക്കുമ്പോൾ, അത് ടാഗുകൾ വ്യാഖ്യാനിച്ച്, പേജ് എങ്ങനെ പ്രദർശിപ്പിക്കണമെന്നത് നിർണ്ണയിക്കുന്നു. ഇതിലെ ഓരോ കോഡും ടാഗ് ഉപയോഗിച്ച് ക്രമീകരിച്ചിരിക്കുന്നതിൽ ശ്രദ്ധിക്കണം.
ആരംഭിക്കുന്നതിന് സഹായകരമായ ഉപകരണങ്ങൾ:
HTML പഠിക്കാൻ സഹായിക്കുന്ന ചില സോഫ്റ്റ്‌വെയറുകളും വെബ്സൈറ്റുകളും:
• വിസ്വൽ സ്റ്റുഡിയോ കോഡ് (VS Code): HTML എഴുതി എഡിറ്റ് ചെയ്യുന്നതിനുള്ള ലളിതമായ എഡിറ്റർ.
• W3Schools: HTML-യുടെ എല്ലാ സവിശേഷതകളും വിശദീകരിക്കുന്ന പൂർണ്ണ ഗൈഡ്.
സംഗ്രഹം:
HTML വെബ്ബിൽ ഉള്ളടക്കം സൃഷ്ടിക്കുന്നതിനും പ്രദർശിപ്പിക്കുന്നതിനും ആവശ്യമായ അടിസ്ഥാന മർക്ക്‌അപ്പ് ഭാഷയാണ്. അതിന്റെ ഘടന മനസ്സിലാക്കുന്നത്, പേജുകൾ എങ്ങനെ രൂപകൽപ്പന ചെയ്യാമെന്ന് കാണാനുള്ള ആദ്യ ചുവടുവെപ്പാണ്.
