പുറമെയുള്ള HTML ലിങ്കുകൾ ഉപയോഗിക്കുന്നതിനുള്ള ഒരു ഗൈഡ്

കോഡ് എത്ര ഇഷ്ടമാണ്

ഒരു വെബ്സൈറ്റ് സൃഷ്ടിക്കുമ്പോൾ, ഓരോ വെബ് പേജിലും നിങ്ങൾക്ക് നിരവധി കാര്യങ്ങളുണ്ട്. HTML ലിങ്കുകൾ അതിൽ ഒന്നാണ്. HTML ലിങ്കുകൾ നിങ്ങളുടെ വെബ്സൈറ്റിനായി വൈവിധ്യമാർന്ന കാര്യങ്ങൾ ചെയ്യുന്നു. HTML ലിങ്കുകളില്ലാത്ത നിങ്ങൾക്ക് ഒരു "വെബ്സൈറ്റ്" ഇല്ല, നിങ്ങൾക്ക് താല്പര്യമുള്ള വിഷയങ്ങളെക്കുറിച്ച് നിങ്ങളുടെ സന്ദർശകരെ കൂടുതൽ വിവരങ്ങൾ കാണിക്കാനും സംസാരിക്കാനും കഴിയില്ല.

3 പ്രധാന തരം HTML ലിങ്കുകൾ ഉണ്ട്; ബാഹ്യ ലിങ്കുകൾ, ആന്തരിക ലിങ്കുകൾ, സമാന പേജിലുള്ള ലിങ്കുകൾ എന്നിവ. നിങ്ങളുടെ വെബ് പേജിലേക്ക് ഈ തരത്തിലുള്ള HTML ലിങ്കുകൾ ഓരോന്നും ചേർക്കുന്നത് അല്പം വ്യത്യസ്തമാണ്.

ബാഹ്യ HTML ലിങ്കുകൾ

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

ബാഹ്യ HTML ലിങ്കുകളുടെ കോഡ് ഇതുപോലെയാണ്:

HTML ലിങ്കുകളുടെ പാഠം ഇവിടെയുണ്ട്. നിങ്ങൾ എഴുതാൻ ആഗ്രഹിക്കുന്ന അധികമെല്ലാം ഇവിടെ പോകുന്നു.

അതിനാൽ എന്റെ ഹോംപേജിലേക്ക് HTML ലിങ്കുകൾ ചേർക്കുന്നിടത്ത് ഇത് ഇങ്ങനെ ചെയ്യും:

വെബ്, തിരയൽ നുറുങ്ങുകൾ - സ്വകാര്യ വെബ് പേജുകളിലേക്കുള്ള ലിങ്കുകൾക്കായുള്ള നിങ്ങളുടെ സ്ഥലം.

HTML ലിങ്കുകൾ നിങ്ങളുടെ വെബ് പേജിൽ കാണപ്പെടും:

സ്വകാര്യ വെബ് പേജുകൾ - വ്യക്തിഗത വെബ് പേജുകളിലേക്കുള്ള ലിങ്കുകൾക്കായുള്ള നിങ്ങളുടെ സ്ഥലം.

നിങ്ങൾക്കത് നന്നായി മനസ്സിലായതിനാൽ താഴെ നിങ്ങൾക്കായി ഒരു ഇടവേളയുണ്ട്:

- HTML ലിങ്കുകൾ ആരംഭിക്കാൻ നിങ്ങളുടെ ബ്രൌസറിനോട് പറയുന്നു.

"http://www.sitename.com" - HTML ലിങ്ക് തന്നെ ആണ്

HTML ലിങ്കുകളുടെ പാഠം ഇവിടെയുണ്ട്. - HTML ലിങ്കുകൾ പോകാൻ ആരെ വേണമെങ്കിലും വേണമെങ്കിൽ നിങ്ങൾ ആഗ്രഹിക്കുന്ന വാചകം ആക്കിയിടുന്നു.

- HTML ലിങ്കുകൾ അടയ്ക്കുന്നു, ടെക്സ്റ്റ് മോഡിലേക്ക് തിരികെ പോകാൻ നിങ്ങളുടെ ബ്രൌസറിനോട് പറയുന്നു.

കൂടാതെ - ഈ രണ്ട് കോഡുകളിലുമുള്ള വാചകം ബോൾഡ് അക്ഷരങ്ങളിൽ ഉൾപ്പെടുത്തണമെന്ന് നിങ്ങൾ ആഗ്രഹിക്കുന്ന ബ്രൗസറിനോട് പറയുക. നിങ്ങളുടെ ടെക്സ്റ്റ് ബോള്ഡില് ആവശ്യമില്ലെങ്കില് ഇത് ഉപയോഗിക്കേണ്ടതില്ല.

നിങ്ങൾ എഴുതാൻ ആഗ്രഹിക്കുന്ന അധികമെല്ലാം ഇവിടെ പോകുന്നു. - HTML ലിങ്കുകൾ നിങ്ങളുടെ സന്ദർശകരെ കൊണ്ടുവരുന്ന സ്ഥലം വിവരിക്കാൻ പറ്റിയ സ്ഥലമാണിത്.

ഒരേ പേജ് HTML ലിങ്ക് നിങ്ങളുടെ വെബ് പേജിലെ ഒരു പോയിന്റിൽ നിന്ന് അതേ വെബ് പേജിലെ മറ്റൊരു പോയിന്റിലേക്ക് പോകുന്ന HTML ലിങ്ക് ആണ്. ഉദാഹരണത്തിന്, നിങ്ങളൊരു വെബ് പേജിന്റെ അടിയിലായിരിക്കുകയാണെങ്കിൽ, ഒരേ പേജ് ലിങ്കിന്റെ ഒരു ഉദാഹരണമായ മുകളിലേക്ക് നിങ്ങളെ തിരികെ കൊണ്ടുപോകുന്ന ഒരു HTML ലിങ്ക് ഉണ്ടായിരിക്കും. ഇത്തരത്തിലുള്ള ലിങ്കിനുള്ള മറ്റൊരു ഉപയോഗം ഉള്ളടക്കങ്ങളുടെ പട്ടികയാണ്.

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

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

പേജിന്റെ ശീർഷകം

ഇപ്പോൾ നമുക്ക് ലിങ്ക് സൃഷ്ടിക്കാം. കണ്ണിന്റെ അതേ പേരിൽ ഞങ്ങൾ ഉപയോഗിക്കുന്നു. ഇവിടേക്ക് പോകുന്ന ബ്രൌസറിനെയാണ് ഇത് പറയുന്നത്, അത് ഇപ്പോൾ "ടോപ്പ്" എന്ന കൊളുത്തത്തിനായി നോക്കും. ലിങ്കിനുള്ള കോഡ് ഇതാണ്: