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

തുറക്കുന്നതും അടയ്ക്കുന്നതുമായ ടാഗുകൾ

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

തലക്കെട്ട് ഇവിടെ പോകുന്നു

ഇവിടെ രണ്ട് ടാഗുകൾ സൂചിപ്പിക്കുന്നു, ഇരുവരും തമ്മിലുള്ള എല്ലാ ഉള്ളടക്കവും ഹെഡ്ലൈൻ വലുപ്പത്തിൽ H1 ൽ കാണിക്കേണ്ടതാണ്. അടയ്ക്കുന്ന ടാഗ് ചേർക്കുവാൻ നിങ്ങൾ മറക്കുകയാണെങ്കിൽ, തുറക്കുന്ന ടാഗ് പിന്തുടരുന്ന എല്ലാം തലക്കെട്ട് വലുപ്പത്തിൽ H1 ൽ ദൃശ്യമാകും.

HTML5- ലെ അടിസ്ഥാന ടാഗുകൾ

ഒരു HTML5 പ്രമാണത്തിന് ആവശ്യമായ അടിസ്ഥാന ഘടകങ്ങൾ ഇവയാണ്:

• ഡോക് ടൈപ്പ്
• HTML
• തല
• ശരീരം

ഡോക് ടൈപ്പ് പ്രഖ്യാപനം ഒരു ടാഗുമല്ല . HTML5 അത് വരുന്നുണ്ടെന്ന് കമ്പ്യൂട്ടറുമായി ഇത് പറയുന്നു. ഓരോ HTML5 പേജിന്റെയും മുകളിൽ ഇത് ഫോം ചെയ്യുകയും ചെയ്യുന്നു:

തുറന്നതും അടക്കുന്നതുമായ ടാഗുകൾക്കിടയിൽ പ്രത്യക്ഷപ്പെടുന്ന എല്ലാം HTML5 ന്റെ നിയമങ്ങൾ പാലിക്കുന്നുവെന്നും ആ നിയമങ്ങൾക്കനുസൃതമായി വ്യാഖ്യാനിക്കേണ്ടതുമാണെന്നും HTML ടാഗുകൾ പറയുന്നു. ടാഗ് ഉള്ളിൽ, നിങ്ങൾ സാധാരണയായി ടാഗ്, ടാഗ് എന്നിവ കണ്ടെത്താം.

ഈ ടാഗുകൾ നിങ്ങളുടെ പ്രമാണത്തിനുള്ള ഘടന നൽകുന്നു, ബ്രൌസറുകൾ ഉപയോഗിക്കാൻ പരിചിതമായ എന്തെങ്കിലും തരും, എക്സ്.എച്ച്.റ്റി.എം.എൽ എപ്പോഴെങ്കിലും നിങ്ങളുടെ പ്രമാണങ്ങൾ സ്വിച്ച് ചെയ്താൽ, അവ ആ ഭാഷയുടെ ഭാഷയിൽ ആവശ്യമാണ്.

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

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

നിങ്ങളുടെ ശീർഷക ഹെഡ് ഇവിടെയാണ് വരുന്നത്. വെബ് പേജിലെ എല്ലാം ഇവിടെയുണ്ട്. ഓരോ ടാഗ്ക്കും അനുബന്ധ അടവ് ടാഗുണ്ടെന്നത് ശ്രദ്ധിക്കുക.

തലക്കെട്ട് ടാഗുകൾ

തലക്കെട്ട് ടാഗുകൾ വെബ് പേജിലെ ആപേക്ഷിക വലുപ്പത്തെ നിർണ്ണയിക്കുന്നു. H1, h3, h4, h5, h6 എന്നീ ടാഗുകൾക്ക് അനുസരിച്ച് എച്ച്1 ടാഗുകൾ വലുതാണ്. ഒരു വെബ് പേജിലെ പാഠം അല്ലെങ്കിൽ ഉപതലക്കെട്ട് ആയി നിൽക്കുന്ന ചില വാചകങ്ങൾ നിർമ്മിക്കാൻ നിങ്ങൾ ഇവ ഉപയോഗിക്കും. ടാഗുകൾ ഇല്ലാതെ, എല്ലാ വാചകവും ഒരേ വലുപ്പത്തിൽ കാണുന്നു. തലക്കെട്ട് ടാഗുകൾ ഇങ്ങനെ ഉപയോഗിക്കുന്നു:

സബ്ബഡ് ഇവിടെ പോകുന്നു

അത്രയേയുള്ളൂ. തലക്കെട്ടുകളും ഉപതലക്കെട്ടുകളും ഉള്ള ഒരു വെബ് പേജ് നിങ്ങൾക്ക് സജ്ജീകരിക്കുകയും എഴുതുകയും ചെയ്യാം.

ഇത് അൽപം സമയത്തിനു ശേഷം പ്രാക്ടീസ് ചെയ്ത ശേഷം ഇമേജുകൾ എങ്ങനെ ചേർക്കാമെന്നും മറ്റ് വെബ് പേജുകളിലേക്ക് ലിങ്കുകൾ എങ്ങനെയാണ് എന്റർ ചെയ്യേണ്ടതെന്നും നിങ്ങൾ പഠിക്കും. ഈ പ്രൈമറി അടിസ്ഥാന ആമുഖ കവറിനേക്കാൾ വളരെ കൂടുതൽ കഴിവുകൾ HTML5 ആണ്.