ഒരു ഹൈപ്പർലിങ്ക് എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് പഠിക്കുന്നതിനുമുമ്പ്, അത് എന്താണെന്ന് നിങ്ങൾ മനസ്സിലാക്കണം. ഒരു HTML പ്രമാണത്തിൻ്റെ ഒരു ശകലമാണ് ഹൈപ്പർലിങ്ക്, ഒരു സന്ദേശത്തിൽ നിന്നുള്ള വാചകം ഇമെയിൽഅല്ലെങ്കിൽ ഒരു സൈറ്റിൻ്റെ മറ്റൊരു പേജിലേക്ക് നാവിഗേറ്റ് ചെയ്യാനുള്ള കഴിവ് നൽകുന്ന അല്ലെങ്കിൽ രണ്ട് വെർച്വൽ ഉറവിടങ്ങൾ തമ്മിലുള്ള കണക്ഷൻ നൽകുന്ന ഒരു ചിത്രം. ഈ സൈറ്റിൻ്റെ ഒരു പേജിലേക്ക് സന്ദർശകനെ റീഡയറക്‌ട് ചെയ്യേണ്ടത് ആവശ്യമാണെങ്കിൽ, പേജിൻ്റെ ആപേക്ഷിക വിലാസം (page.html) ഉപയോഗിക്കുക. വ്യത്യസ്ത വെബ് ഉറവിടങ്ങളുടെ പേജുകളുടെ കണക്ഷൻ ഉറപ്പാക്കാൻ, ഹൈപ്പർലിങ്കിൽ പേജിൻ്റെ സമ്പൂർണ്ണ വിലാസം സൂചിപ്പിക്കേണ്ടത് ആവശ്യമാണ്, അത് ഇതുപോലെ കാണപ്പെടുന്നു - http:⁄site.com⁄page.html.

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

ഒരു അവതരണത്തിൽ ഒരു ഹൈപ്പർലിങ്ക് സൃഷ്ടിക്കുക

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

• ഇൻ്റർനെറ്റ് വിലാസം;
• പ്രമാണം;
• ഇമെയിൽ വിലാസം;
• അവതരണ സ്ലൈഡ്;
• മറ്റൊരു അവതരണത്തിൻ്റെ സ്ലൈഡ്.

ഒരു വെബ്‌സൈറ്റ് പേജിലേക്ക് PowerPoint-ൽ സൃഷ്‌ടിച്ച അവതരണത്തിൽ ഒരു ഹൈപ്പർലിങ്ക് നിർമ്മിക്കുന്നതിന്, നിങ്ങൾ ഉള്ളടക്കം തിരഞ്ഞെടുക്കേണ്ടതുണ്ട് (ഇത് ഒരു മീഡിയ ഫയലോ ചിത്രമോ ടെക്‌സ്‌റ്റോ ആകാം), "ഇൻസേർട്ട്" ടാബിലെ "ലിങ്കുകൾ" ഗ്രൂപ്പിനായി നോക്കുക. "ഹൈപ്പർലിങ്ക്" ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക. നിങ്ങളുടെ പ്രവർത്തനങ്ങളുടെ ഫലമായി, മോണിറ്റർ സ്ക്രീനിൽ "ഇൻസേർട്ട് ഹൈപ്പർലിങ്ക്" വിൻഡോ തുറക്കും. ഇപ്പോൾ നിങ്ങളുടെ ചുമതല നാല് ഹൈപ്പർലിങ്ക് ഓപ്ഷനുകളിൽ ഒന്ന് തിരഞ്ഞെടുക്കുക എന്നതാണ്:

• ഒരു ഇമെയിൽ വിലാസത്തിലേക്ക്;
• ഒരു വെബ് പേജിലേക്കോ ഫയലിലേക്കോ;
• ഒരു പുതിയ പ്രമാണത്തിലേക്ക്;
• ഈ പ്രമാണത്തിൽ സ്ഥാനം.

തിരഞ്ഞെടുത്ത ശേഷം നിങ്ങൾ തിരുകേണ്ടതുണ്ട് ആവശ്യമായ വിലാസം- ഘടകം ഒരു ഹൈപ്പർലിങ്കിൻ്റെ പരമ്പരാഗത രൂപം സ്വീകരിക്കും. അതേ ഫലം മറ്റൊരു വിധത്തിൽ നേടാം - നിങ്ങൾ റൈറ്റ് ക്ലിക്ക് മെനു ഉപയോഗിക്കേണ്ടതുണ്ട്. ക്ലിക്ക് ചെയ്ത ശേഷം, നിങ്ങളെ അതേ "ഹൈപ്പർലിങ്ക് ചേർക്കുക" ബട്ടണിലേക്ക് കൊണ്ടുപോകും.

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

Word ൽ ഒരു ഹൈപ്പർലിങ്ക് സൃഷ്ടിക്കുന്നു

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

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

HTML-ൽ ഒരു ഹൈപ്പർലിങ്ക് സൃഷ്ടിക്കുന്നു

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

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

ഹലോ പ്രിയ വായനക്കാരേബ്ലോഗ് സൈറ്റ്. ഇന്ന് നമ്മൾ സംസാരിക്കും html-ൽ ഹൈപ്പർലിങ്കുകൾ എങ്ങനെ സൃഷ്ടിക്കാം, ടാഗ് എങ്ങനെ ഉപയോഗിക്കാമെന്ന് മനസിലാക്കുക കൂടാതെ അതിൻ്റെ href, ടാർഗെറ്റ് ആട്രിബ്യൂട്ടുകൾ, ഒരു ചിത്രം എങ്ങനെ ലിങ്ക് ആക്കാമെന്ന് നമുക്ക് പഠിക്കാം.

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

ടെക്സ്റ്റ് ഹൈപ്പർലിങ്കുകൾ സൃഷ്ടിക്കുന്നു

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

പേജ് 15

html കോഡിൻ്റെ ഈ ഭാഗം ഒരു ലിങ്ക് അടങ്ങുന്ന ഒരു ഖണ്ഡിക സൃഷ്ടിക്കുന്നു. www.site.ru എന്ന സൈറ്റിൻ്റെ റൂട്ട് ഫോൾഡറിൽ സംഭരിച്ചിരിക്കുന്ന കാറ്റലോഗ് ഫോൾഡറിൽ സ്ഥിതി ചെയ്യുന്ന പേജ്15.html എന്ന വെബ് പേജിലേക്ക് ലിങ്ക് പോയിൻ്റ് ചെയ്യുന്നു.

പേജ് 15

പേജ് ഉപയോഗിക്കുന്നില്ലെങ്കിൽ CSS ശൈലികൾകൂടാതെ അധിക ആട്രിബ്യൂട്ടുകളൊന്നും പ്രയോഗിക്കപ്പെടുന്നില്ല, തുടർന്ന് പേജിലെ ഹൈപ്പർലിങ്കുകൾ സ്ഥിരസ്ഥിതിയായി ഇനിപ്പറയുന്ന രീതിയിൽ പ്രദർശിപ്പിക്കും:

• സാധാരണ ലിങ്കുകൾ നീല നിറത്തിൽ പ്രദർശിപ്പിക്കും;
• സന്ദർശിച്ച ലിങ്കുകൾ പർപ്പിൾ നിറത്തിൽ ഹൈലൈറ്റ് ചെയ്തിരിക്കുന്നു;
• സജീവമായ ഹൈപ്പർലിങ്ക് (ഇതിൽ ക്ലിക്ക് ചെയ്തു ഈ നിമിഷം) ചുവപ്പ് നിറത്തിൽ പ്രദർശിപ്പിച്ചിരിക്കുന്നു, എന്നാൽ ലിങ്കിൽ ക്ലിക്കുചെയ്യുന്നതിനും ഒരു പുതിയ പ്രമാണം ലോഡുചെയ്യുന്നതിൻ്റെ തുടക്കത്തിനും ഇടയിലുള്ള സമയം വളരെ ചെറുതാണ്, ലിങ്കിൻ്റെ ഈ അവസ്ഥ വളരെ ഹ്രസ്വകാലമാണ്;
• ലിങ്ക് ടെക്സ്റ്റ് അടിവരയിട്ട് പ്രദർശിപ്പിക്കും.

ഇൻ്റർനെറ്റ് വിലാസങ്ങൾ

പൂർണ്ണ വിലാസത്തിൽ വെബ് സെർവറിൻ്റെ ഇൻ്റർനെറ്റ് വിലാസവും ലഭിക്കേണ്ട ഫയലിലേക്കുള്ള പാതയും അടങ്ങിയിരിക്കുന്നു. ഉദാഹരണത്തിന്:

http://www.site.ru/catalog/page15.html

ഇവിടെ www.site.ru എന്നത് വെബ് സെർവറിൻ്റെ വിലാസമാണ്, കൂടാതെ /catalog/page15.html ഈ സെർവറിലെ ഫയലിലേക്കുള്ള പാതയാണ്. പൊതുവേ, മറ്റൊരു വെബ്‌സൈറ്റിൽ സ്ഥിതിചെയ്യുന്ന ഏതെങ്കിലും ഉറവിടങ്ങളിലേക്ക് പോയിൻ്റ് ചെയ്യുന്ന ഒരു ഹൈപ്പർലിങ്ക് സൃഷ്ടിക്കേണ്ടത് ആവശ്യമാണെങ്കിൽ മാത്രമേ പൂർണ്ണ ഇൻ്റർനെറ്റ് വിലാസങ്ങൾ സാധാരണയായി ഉപയോഗിക്കൂ.

നിലവിലെ വെബ് പേജിൻ്റെ അതേ സൈറ്റിൻ്റെ ഭാഗമായ ഫയലുകളിലേക്ക് ഹൈപ്പർലിങ്കുകൾ സൃഷ്ടിക്കുമ്പോൾ, ചുരുക്കിയ ഇൻ്റർനെറ്റ് വിലാസങ്ങൾ ഉപയോഗിക്കുന്നതാണ് നല്ലത്. ചുരുക്കിയ വിലാസത്തിൽ സെർവറിലെ ഫയലിലേക്കുള്ള പാത മാത്രമേ അടങ്ങിയിട്ടുള്ളൂ, കാരണം വെബ് സെർവർ വിലാസം ബ്രൗസറിന് ഇതിനകം തന്നെ അറിയാം.

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

ആപേക്ഷിക വിലാസം നിലവിലെ വെബ് പേജ് ഫയലുമായി ബന്ധപ്പെട്ട ഫയൽ പാതയെ സൂചിപ്പിക്കുന്നു. ബന്ധു വിലാസങ്ങൾഒരു മുൻനിര സ്ലാഷ് പ്രതീകം അടങ്ങിയിരിക്കരുത്. ഏതാനും ഉദാഹരണങ്ങൾ നോക്കാം.

ഉദാഹരണത്തിന്, "page.html" എന്ന വിലാസം നിലവിലെ വെബ് പേജിൻ്റെ ഫയലിൻ്റെ അതേ ഫോൾഡറിൽ സ്ഥിതിചെയ്യുന്ന ഒരു ഫയലിലേക്ക് പോയിൻ്റ് ചെയ്യുന്നു. കൂടാതെ "catalog/page.html" എന്ന വിലാസം, അത് സംഭരിച്ചിരിക്കുന്ന ഫോൾഡറിൽ കൂട്ടിച്ചേർത്ത കാറ്റലോഗ് ഫോൾഡറിൽ സംഭരിച്ചിരിക്കുന്ന page.html എന്ന ഫയൽ തുറക്കും. നിലവിലെ പേജ്. വിലാസത്തിൻ്റെ തുടക്കത്തിൽ രണ്ട് ഡോട്ടുകൾ ഉപയോഗിച്ച്, നിങ്ങൾക്ക് മുമ്പത്തെ നെസ്റ്റിംഗ് ലെവലിൻ്റെ ഫോൾഡറുകൾ സൂചിപ്പിക്കാൻ കഴിയും. അതിനാൽ, ഉദാഹരണത്തിന്, ".../page.html" എന്ന വിലാസം നിലവിലെ വെബ് പേജുള്ള ഫോൾഡർ ഉള്ള ഫോൾഡറിൽ സംഭരിച്ചിരിക്കുന്ന page.html പേജിലേക്ക് പോയിൻ്റ് ചെയ്യുന്നു.

ഇമെയിലിലേക്കുള്ള ലിങ്ക്

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

ഒരു കത്ത് എഴുതുക

ഒരു ചിത്രം എങ്ങനെ ലിങ്ക് ആക്കാം

ഇവിടെയാണ് ഞാൻ ഹൈപ്പർലിങ്കുകൾ സൃഷ്ടിക്കുന്നതിനെക്കുറിച്ച് സംസാരിക്കുന്നത് പൂർത്തിയാക്കുന്നത്; പ്രധാന പോയിൻ്റുകൾ മാത്രം ഞാൻ നിങ്ങളെ ഓർമ്മിപ്പിക്കും:

1. ലിങ്കുകൾ സൃഷ്ടിക്കാൻ ഉപയോഗിക്കുന്നു ജോടിയാക്കിയ ടാഗ് ആവശ്യമായ href ആട്രിബ്യൂട്ടിനൊപ്പം, അതിൻ്റെ മൂല്യത്തിൽ ലാൻഡിംഗ് പേജിൻ്റെ വിലാസം അടങ്ങിയിരിക്കുന്നു: വാചകം;
2. മെയിലിലേക്ക് ഒരു ലിങ്ക് സൃഷ്ടിക്കുമ്പോൾ, മെയിൽ വിലാസത്തിന് മുമ്പായി href ആട്രിബ്യൂട്ടിൽ നിങ്ങൾ "mailto:" നൽകണം: ഒരു കത്ത് എഴുതുക;
3. നിങ്ങൾക്ക് സൃഷ്ടിക്കണമെങ്കിൽ ലിങ്ക് ചിത്രം,അപ്പോൾ നമ്മൾ ടാഗിനുള്ളിൽ img ടാഗ് ഇട്ടു : .

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

ഒരു ഹൈപ്പർലിങ്ക് ചേർക്കുന്നു

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

ഗൂഗിൾ ഹോം പേജ്

ടാഗ് ഉപയോഗിച്ച് ചെയ്യുന്ന ഒരു HTML പ്രമാണത്തിലേക്ക് ഒരു ഹൈപ്പർലിങ്ക് എങ്ങനെ ചേർക്കാം എന്നതിൻ്റെ ഒരു ഉദാഹരണമാണിത് . ഒരു സൈറ്റ് സന്ദർശകൻ അടിവരയിട്ട ടെക്‌സ്‌റ്റ് കാണും, ചുറ്റുമുള്ള വാചകത്തിൻ്റെ നിറത്തിൽ നിന്ന് വ്യത്യസ്തമാണ് (HTML ലിങ്കിൻ്റെ നിറം ഏതെങ്കിലും ആകാം), "Google ഹോം പേജ്", അതിൽ ക്ലിക്കുചെയ്യുന്നത് അവനെ Google തിരയൽ എഞ്ചിൻ്റെ പ്രധാന പേജിലേക്ക് കൊണ്ടുപോകും. ഹൈപ്പർലിങ്കിൻ്റെ വാചകത്തിൽ പരിവർത്തനം എവിടെയാണ് സംഭവിക്കുന്നത് എന്നതിനെക്കുറിച്ചുള്ള വിവരങ്ങൾ ഉണ്ടായിരിക്കണം എന്നത് ശ്രദ്ധിക്കേണ്ടതാണ്. ഈ തത്വം പാലിക്കുകയും ചട്ടം പോലെ അംഗീകരിക്കുകയും വേണം!

ടാഗ് ഘടന ...

ടാഗ് എന്ന് നിങ്ങൾക്ക് ശ്രദ്ധിക്കാം - ജോടിയാക്കിയത്: ക്ലോസിംഗ് ടാഗ് ആവശ്യമാണ്.

href-ആട്രിബ്യൂട്ട്ടാഗ്, ലിങ്കിൻ്റെ ഉദ്ദേശ്യം സൂചിപ്പിക്കുന്നു.

https://google.com/ - ആട്രിബ്യൂട്ട് മൂല്യം, പരിവർത്തനം നടക്കുന്ന ഉറവിടത്തിൻ്റെ URL അടങ്ങിയിരിക്കുന്നു. ഇത് ഇരട്ട അല്ലെങ്കിൽ അടങ്ങിയിരിക്കുന്നു ഒറ്റ ഉദ്ധരണികൾ. ഇത് അനുസരിച്ച് ടാഗ് നെസ്റ്റിംഗ് ഘടനയെ ആശ്രയിച്ചിരിക്കുന്നു HTML നിയമങ്ങൾ.

ഗൂഗിൾ ഹോം പേജ്

ഈ മുഴുവൻ ഘടനയും വിളിക്കപ്പെടുന്നു ഘടകംവെബ് പ്രമാണം.

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

ഹോം പേജ് ഗൂഗിൾ

ഇവിടെ: ഘടകം

ഹോം പേജ് ഗൂഗിൾ

ഒരു നെസ്റ്റഡ് ഘടകം അടങ്ങിയിരിക്കുന്നു

ഗൂഗിൾ

സമ്പൂർണ്ണ ഹൈപ്പർലിങ്കുകൾ

പ്രോട്ടോക്കോൾ://ഡൊമെയ്ൻ നാമം/ഫയലിലേക്കുള്ള പാത

അമേരിക്കയിൽ സാധാരണമായ ഒരു സെർച്ച് എഞ്ചിനുള്ള വിലാസത്തിൻ്റെ ഒരു ഉദാഹരണം: https://aol.com - absolute, കാരണം അതിൽ ഡൊമെയ്ൻ നാമം.com അടങ്ങിയിരിക്കുന്നു.

മറ്റ് സൈറ്റുകളിലെ പേജുകളിലേക്ക് നാവിഗേറ്റുചെയ്യുന്നതിനോ മറ്റൊരു സെർവറിൽ സ്ഥിതിചെയ്യുന്ന ഉറവിടങ്ങൾ ആക്‌സസ് ചെയ്യുന്നതിനോ സമ്പൂർണ്ണ ഹൈപ്പർലിങ്കുകൾ ഉപയോഗിക്കുന്നു. ഇൻ്റർനെറ്റ് പ്രോട്ടോക്കോളുകൾ ഉപയോഗിച്ചാണ് പരിവർത്തനം നടത്തുന്നത്. പ്രോട്ടോക്കോളുകൾ ഈ ലേഖനത്തിൻ്റെ വിഷയമല്ല, പക്ഷേ അവ ഹൈപ്പർലിങ്കുകൾ സൃഷ്ടിക്കുന്നതിൽ ഏർപ്പെട്ടിരിക്കുന്നതിനാൽ, അവയെ ചുരുങ്ങിയത് ചുരുക്കത്തിൽ പരാമർശിക്കേണ്ടത് ആവശ്യമാണ്:

• httpഒപ്പം https -ഏറ്റവും സാധാരണമായത്; വ്യത്യസ്ത സൈറ്റുകളുടെ ഇൻ്റർനെറ്റ് പേജുകൾക്കിടയിൽ നാവിഗേറ്റ് ചെയ്യാൻ അവ ഉപയോഗിക്കുന്നു;
• ftp -സെർവറിലേക്ക് ഫയലുകൾ അപ്‌ലോഡ് ചെയ്യുന്നതിനോ സൈറ്റിൽ നിന്ന് ഉപയോക്താവ് ഡൗൺലോഡ് ചെയ്യുന്നതിനോ ഉള്ള പ്രോട്ടോക്കോൾ;
• മെയിൽടോ -വ്യക്തിഗത മെയിൽ നൽകാതെ സൈറ്റിൽ നിന്ന് നേരിട്ട് ഇമെയിൽ അയയ്ക്കുന്ന ഒരു മെയിൽ പ്രോട്ടോക്കോൾ.

മറ്റ് നിരവധി പ്രോട്ടോക്കോളുകൾ ഉണ്ട് പ്രത്യേക ഉദ്ദേശം(ഗോഫർ, ടെൽനെറ്റ്), അവ വളരെ അപൂർവമാണ്, ഇവയുടെ ഉപയോഗത്തിന് പ്രോഗ്രാമിംഗിലോ സിസ്റ്റം അഡ്മിനിസ്ട്രേഷനിലോ പ്രത്യേക അറിവ് ആവശ്യമാണ്.

ആപേക്ഷിക ഹൈപ്പർലിങ്കുകൾ

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

ഒരു ഓൺലൈൻ നിഘണ്ടു സൃഷ്ടിക്കുമ്പോൾ, പ്രോഗ്രാമർ പേജിൻ്റെ തുടക്കത്തിൽ അക്ഷരമാല സ്ഥാപിക്കുന്നു, അത് ലിങ്കുകളുടെ ഉപയോഗത്തിനല്ലായിരുന്നുവെങ്കിൽ, “I” എന്ന അക്ഷരത്തിലേക്ക് എത്താൻ ഉപയോക്താവിന് വളരെക്കാലം മൗസ് വീൽ തിരിക്കേണ്ടിവരും. ”.

I എന്ന അക്ഷരത്തിലേക്ക് പോകുക

എവിടെ അതെവിളിച്ചു ആങ്കർ,എ I എന്ന അക്ഷരത്തിലേക്ക് പോകുക- ലക്ഷ്യസ്ഥാന ആങ്കർ. ആങ്കറുകൾ ശരിയായി പ്രദർശിപ്പിക്കുന്നതിന്, അത് ഉപയോഗിക്കാൻ ശുപാർശ ചെയ്യുന്നു ലാറ്റിൻ അക്ഷരങ്ങൾഅക്കങ്ങളും, അതിനാൽ നിങ്ങൾ "ഞാൻ" എന്ന് എഴുതരുത്, അത് കൂടുതൽ വ്യക്തമാണെങ്കിലും.

ഇപ്പോൾ, പേജിൻ്റെ തുടക്കത്തിലെ അക്ഷരമാലയിൽ നിന്ന് "I" എന്ന അക്ഷരത്തിലേക്ക് മാറുന്നതിന്, "I" എന്ന അക്ഷരത്തിൽ ആരംഭിക്കുന്ന വാക്കുകൾ ആരംഭിക്കുന്ന HTML പ്രമാണത്തിലെ സ്ഥലത്ത് നിങ്ങൾ ആങ്കർ നങ്കൂരമിടേണ്ടതുണ്ട്:

കത്ത് I

ആങ്കറിന് മുന്നിൽ ഒരു ഹാഷ് ചിഹ്നമുണ്ട്, അതില്ലാതെ അക്ഷരത്തിലേക്കുള്ള മാറ്റം പ്രവർത്തിക്കില്ല.

ഒരു സൈറ്റ് സൃഷ്ടിക്കുമ്പോൾ ആപേക്ഷിക വിലാസം

ഒരു പ്രോഗ്രാമർ ഒരു വെബ്സൈറ്റ് സൃഷ്ടിക്കുന്നതിനുള്ള സൗകര്യപ്രദവും പൊതുവായി അംഗീകരിക്കപ്പെട്ടതുമായ അൽഗോരിതം:

• നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ഒരു ഫോൾഡർ സൃഷ്ടിച്ച് ഒരു സ്ഥലത്ത് സ്ഥാപിക്കുന്നു പെട്ടെന്നുള്ള പ്രവേശനംആശ്വാസത്തിനായി;
• ഈ ഫോൾഡറിലെ പ്രധാന ഫോൾഡർ സൃഷ്ടിക്കുന്നു;
• ദ്വിതീയ വെബ് പേജുകളുടെ നിർമ്മാണം (index.html/page2);
• അതിൽ ഗ്രാഫിക് ഫയലുകൾ സ്ഥാപിക്കലും;
• ഒരു ഫോൾഡർ സൃഷ്ടിക്കുകയും അതിൽ മറ്റ് വസ്തുക്കൾ സ്ഥാപിക്കുകയും ചെയ്യുക (ഉദാഹരണത്തിന് ഡൌൺലോഡ് ചെയ്യുന്നതിനുള്ള ഫയലുകൾ);
• ഉള്ളടക്കം കൊണ്ട് സൈറ്റ് പൂരിപ്പിക്കൽ;
• സൈറ്റ് ഫയലുകൾ ഹോസ്റ്റുചെയ്യുന്നു.

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

index.html എന്ന സൈറ്റിൻ്റെ പ്രധാന പേജ് ഒരു പ്രോഗ്രാമർ സൃഷ്ടിച്ചുവെന്ന് പറയട്ടെ, അതിൽ മറ്റൊരു പേജ് page2.html-ലേക്ക് ഒരു ലിങ്ക് ഉണ്ട്, അത് ഒരു img.png ഇമേജ് കൊണ്ട് അലങ്കരിച്ചിരിക്കുന്നു. പിന്നെ ആപേക്ഷിക പാതഈ ചിത്രം ഇതുപോലെ കാണപ്പെടും:

ചിത്രം

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

ഹൈപ്പർലിങ്കുകൾ പിന്തുടരുന്നതിനുള്ള രീതികൾ

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

ആട്രിബ്യൂട്ട് വാക്യഘടന ലക്ഷ്യം:

ഗൂഗിൾ ഹോം പേജ്

ഗൂഗിൾ ഹോം പേജ് ഒരു പുതിയ വിൻഡോയിൽ തുറക്കും.

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

ഹൈപ്പർലിങ്ക് നിറം

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

ടാഗിൽ ലിങ്കുകളുടെ നിറങ്ങൾ സജ്ജമാക്കുക ആട്രിബ്യൂട്ടുകളും അവയുടെ മൂല്യങ്ങളും ഉപയോഗിക്കുന്നു, അതിൽ HTML നിറംവി rgb സിസ്റ്റം(#00FF00) അല്ലെങ്കിൽ വർണ്ണ നാമത്തിൻ്റെ നേരിട്ടുള്ള സൂചന ("പച്ച"). ലിങ്കുകൾക്ക് മൂന്ന് തരം ആട്രിബ്യൂട്ടുകൾ ഉണ്ട്:

• ലിങ്ക് - സന്ദർശിക്കാത്ത ലിങ്കിൻ്റെ നിറം സജ്ജമാക്കുന്നു;
• vlink - ഉപയോക്താവ് ഇതിനകം പിന്തുടരുന്ന ലിങ്കിൻ്റെ നിറം സജ്ജമാക്കുന്നു;
• alink - മറ്റൊരു പേജിലേക്ക് മാറുന്ന സമയത്ത് ലിങ്കിൻ്റെ നിറം സജ്ജമാക്കുന്നു. ഇത് വേഗത്തിൽ സംഭവിക്കുന്നു, അതിനാൽ ഈ പ്രഭാവം പിടിക്കാൻ എല്ലായ്പ്പോഴും സാധ്യമല്ല.

മാർക്ക്അപ്പ് ഉദാഹരണം:

നിങ്ങൾ ഈ ആട്രിബ്യൂട്ടുകൾ ഒരു ടാഗിൽ പ്രയോഗിക്കുകയാണെങ്കിൽ , ഈ വെബ് ഡോക്യുമെൻ്റിലേക്കുള്ള ലിങ്കുകൾ കടും നീലയും സന്ദർശിച്ച ലിങ്കുകൾ പർപ്പിൾ നിറവും സജീവ ലിങ്കുകൾ ഓറഞ്ച്-ചുവപ്പ് നിറവും ആയിരിക്കും.

ഗ്രാഫിക് ഹൈപ്പർലിങ്കുകൾ

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

സ്റ്റാറ്റിക് ബട്ടണുകൾ മാറ്റിസ്ഥാപിക്കുന്നതിന് വ്യാപകമായി ഉപയോഗിക്കുന്ന ഒരു രീതി ( ) ഗ്രാഫിക്സ് എഡിറ്റർമാരിൽ (GIMP, ഫോട്ടോഷോപ്പ്) ഒരു വെബ് ഡിസൈനർ സൃഷ്ടിച്ച മനോഹരമായ ഗ്രാഫിക്സിലേക്ക്.

സൈറ്റ് പേജുകളിലേക്കുള്ള ഹൈപ്പർലിങ്കുകളായി ഗ്രാഫിക്സ് ചേർക്കുന്നതിന്, അതേ വാക്യഘടനയാണ് ഉപയോഗിക്കുന്നത്, എന്നാൽ ടെക്സ്റ്റിന് പകരം, HTML നിയമങ്ങൾ അനുസരിച്ച് ഒരു ഇമേജ് ഇൻസേർട്ട് ടാഗ് ഉപയോഗിക്കുന്നു:

ഇതര വാചകം, വീതി, ഉയരം എന്നിവയും മറ്റുള്ളവയും സജ്ജീകരിക്കുന്നതിനുള്ള ആട്രിബ്യൂട്ടുകൾക്കും ഇത് ബാധകമാണ്.

സൈറ്റിൽ നിന്നുള്ള കോളുകൾ

html5 നിലവാരം വിപുലീകരിച്ചു പ്രവർത്തനക്ഷമതഇൻ്റർനെറ്റിൻ്റെ ഉപയോഗം, ഇപ്പോൾ നിങ്ങൾക്ക് നിങ്ങളുടെ ഫോണിൽ നിന്ന് മാത്രമല്ല, വെബ്‌സൈറ്റിൽ നിന്നും നേരിട്ട് കോളുകൾ വിളിക്കാം. ഈ ആവശ്യത്തിനായി നിങ്ങൾക്ക് ഹൈപ്പർലിങ്കുകളും ഉപയോഗിക്കാം. HTML പ്രമാണം, കൂടാതെ അവർക്ക് ഈ വാക്യഘടനയുണ്ട്:

...വരിക്കാരൻ...

"സബ്‌സ്‌ക്രൈബർ" എന്ന വാക്കിന് പകരം, വിളിക്കുന്നയാൾക്ക് മനസ്സിലാകുന്ന ഒരു കോൺടാക്റ്റ് എഴുതിയിരിക്കുന്നു ഫോണ്നമ്പറുകള് അടങ്ങിയ പുസ്തകം. നിങ്ങൾക്ക് സ്ഥാപിക്കാനും കഴിയും ഗ്രാഫിക് ഫയൽ(വരിക്കാരൻ്റെ ഫോട്ടോ).

സൈറ്റിൽ നിന്ന് കോളുകൾ വിളിക്കുന്നതിന്, വരിക്കാരൻ്റെ ഫോൺ നമ്പറിലേക്ക് ഒരു ലിങ്ക് മാത്രമല്ല, ഒരു ഹെഡ്‌സെറ്റ് (മൈക്രോഫോൺ, ഹെഡ്‌ഫോണുകൾ), കമ്പ്യൂട്ടറിൽ ഇൻസ്റ്റാൾ ചെയ്ത VoIP പ്രോഗ്രാം എന്നിവയും ആവശ്യമാണ്, കൂടാതെ ഇൻ്റർനെറ്റ് വേഗത കവിഞ്ഞിരിക്കണം 0.5 Mb/sec കോളുകൾക്കുള്ള പണമടയ്ക്കൽ ട്രാഫിക് ഉപഭോഗം വഴിയാണ് നടത്തുന്നത്. അതിനാൽ, ഇൻ്റർനെറ്റ് പരിധിയില്ലാത്തതാണെങ്കിൽ, കോളുകൾ സൗജന്യമാണ്.

ഹൈപ്പർലിങ്കുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള നൈതികത

ഇൻ്റർനെറ്റിൽ ഒരു വെബ്‌സൈറ്റ് സ്ഥാപിക്കുമ്പോൾ, HTML-ൽ ഏത് തരത്തിലുള്ള ഹൈപ്പർലിങ്കുകൾ നിലവിലുണ്ടെന്ന് ഒരു വെബ്‌മാസ്റ്റർ അറിഞ്ഞിരിക്കണം, മാത്രമല്ല അവ കൃത്യമായും തൊഴിൽപരമായും പ്രയോഗിക്കുക മാത്രമല്ല, ഇനിപ്പറയുന്ന വ്യവസ്ഥകൾ പാലിക്കുകയും വേണം:

• ഹൈപ്പർലിങ്ക് വ്യക്തമായി കാണാവുന്നതും ചുറ്റുമുള്ള വാചകത്തിൽ നിന്ന് വ്യത്യസ്തവുമായിരിക്കണം. ഇതൊരു ഹൈപ്പർലിങ്കാണെന്ന് ഉപയോക്താവ് അറിഞ്ഞിരിക്കണം.
• ലിങ്കിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ അവൻ എവിടെ പോകുമെന്ന് ഉപയോക്താവിന് വ്യക്തമായിരിക്കണം. ഇതിനായി മറ്റൊരു ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുന്നതാണ് ഉചിതം തലക്കെട്ട്,ഇത് സംക്രമണ പേജിനെ സംക്ഷിപ്തമായി വിവരിക്കുന്നു. ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുന്നതിനുള്ള വാക്യഘടന ഇതാണ്:

Yandex

• ലിങ്കിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ ഡൗൺലോഡ് ചെയ്യുന്ന ഫയലിനെക്കുറിച്ചുള്ള യഥാർത്ഥ വിവരങ്ങൾ ഉപയോക്താവിന് ലഭിക്കണം.

ഉപയോക്താവ് പ്രതീക്ഷിക്കാത്ത ഒരു പേജിൽ അവസാനിക്കുകയോ തെറ്റായ ഫയൽ ഡൗൺലോഡ് ചെയ്യുകയോ ചെയ്താൽ, 99% കേസുകളിലും ഉപയോക്താവ് ഉടൻ തന്നെ സൈറ്റ് വിടുകയും ഭാവിയിൽ ഒരിക്കലും അത് സന്ദർശിക്കുകയുമില്ല.

ഹൈപ്പർലിങ്കുകൾ സൃഷ്ടിക്കുമ്പോൾ ആൻ്റി-സിയോ

ഒഴികെ സാങ്കേതിക വശം HTML-ൽ ഒരു ഹൈപ്പർലിങ്ക് എങ്ങനെ ചേർക്കാം എന്ന ചോദ്യം ധാർമ്മിക വശവും ഉൾക്കൊള്ളണം. സുരക്ഷാ പ്രോഗ്രാമുകൾ (ആൻ്റിവൈറസ്) അല്ലെങ്കിൽ സർക്കാർ പോലും ആക്സസ് ചെയ്യുന്നതിൽ നിന്ന് ഉപയോക്താക്കളെ തടഞ്ഞ നിരവധി സൈറ്റുകൾ ഉണ്ട്. സത്യസന്ധമല്ലാത്ത വെബ് പ്രോഗ്രാമർമാർ സൃഷ്ടിച്ച സൈറ്റുകളാണിത്.

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

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

ഹൈപ്പർലിങ്ക് ആണ് നിർദ്ദിഷ്ട വാചകംഅല്ലെങ്കിൽ ഒരു ഡ്രോയിംഗ്, നിങ്ങൾ അതിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, അതേ ഡോക്യുമെൻ്റിലെ ഒരു നിർദ്ദിഷ്ട സ്ഥലം, അല്ലെങ്കിൽ ഒരു ചിത്രം അല്ലെങ്കിൽ മറ്റൊരു പ്രമാണം മുതലായവ തുറക്കും. Word-ൽ കാണാത്ത ഒരു ഹൈപ്പർലിങ്ക് നീല നിറത്തിൽ ഹൈലൈറ്റ് ചെയ്യുകയും അടിവരയിടുകയും ചെയ്യുന്നു.

നമുക്ക് സിദ്ധാന്തത്തോടെ അവസാനിപ്പിക്കാം. MS Word-ൽ ഒരു ഹൈപ്പർലിങ്ക് എങ്ങനെ നിർമ്മിക്കാമെന്ന് നമുക്ക് നോക്കാം.

ഏറ്റവും എളുപ്പമുള്ള മാർഗം ന്യായമാണ് സൈറ്റ് വിലാസം പകർത്തുക. നിങ്ങളുടെ ബ്രൗസറിൻ്റെ വിലാസ ബാറിൽ നിന്ന് ടെക്‌സ്‌റ്റ് തിരഞ്ഞെടുത്ത് പകർത്തുക.

ഇപ്പോൾ ഡോക്യുമെൻ്റ് തുറന്ന്, ആവശ്യമുള്ള സ്ഥലത്ത് കഴ്സർ സ്ഥാപിച്ച് ലിങ്ക് ഒട്ടിക്കുക. അതിനുശേഷം, സ്പെയ്സ്ബാർ അല്ലെങ്കിൽ "Enter" അമർത്തുക. പതിവ് ലിങ്ക്ഒരു വേഡ് ഡോക്യുമെൻ്റിൽ ഒരു ഹൈപ്പർലിങ്ക് ആയി മാറുകയും നിർദ്ദിഷ്ട സൈറ്റിലേക്ക് നയിക്കുകയും ചെയ്യുന്നു.

ലിങ്കുകൾ അടങ്ങിയ ഒരു വാചകം നിങ്ങൾ പകർത്തുകയാണെങ്കിൽ, അവ സ്വയമേവ ഹൈപ്പർലിങ്കുകളായി പരിവർത്തനം ചെയ്യപ്പെടില്ല. ഇത് ചെയ്യുന്നതിന്, കഴ്സർ അവസാനം വയ്ക്കുക ആവശ്യമുള്ള ലിങ്ക്ഒപ്പം സ്പെയ്സ്ബാർ അമർത്തുക.

ഇനി എങ്ങനെയെന്ന് നോക്കാം ടെക്സ്റ്റ് ഒരു ഹൈപ്പർലിങ്ക് ആക്കുക. ഇത് ചെയ്യുന്നതിന്, തിരഞ്ഞെടുക്കുക ആവശ്യമായ ശകലംടെക്സ്റ്റ് അല്ലെങ്കിൽ വാക്ക്, അതിൽ റൈറ്റ് ക്ലിക്ക് ചെയ്ത് "ഹൈപ്പർലിങ്ക്" തിരഞ്ഞെടുക്കുക.

ഇനിപ്പറയുന്ന വിൻഡോ തുറക്കും. ലിങ്ക് ടു ഫീൽഡിൽ, തിരഞ്ഞെടുക്കുക "ഫയൽ, വെബ് പേജ്", "വിലാസം" ഫീൽഡിൽ, തിരുകുക ഇമെയിൽ വിലാസംആവശ്യമുള്ള സൈറ്റ്. ശരി ക്ലിക്ക് ചെയ്യുക.

ടെക്സ്റ്റ് തിരഞ്ഞെടുക്കുക, അതിൽ വലത്-ക്ലിക്കുചെയ്ത് "ഹൈപ്പർലിങ്ക്" തിരഞ്ഞെടുക്കുക.

തുടർന്ന്, "ഫോൾഡർ" ഫീൽഡിൽ, എവിടെ സൂക്ഷിക്കണമെന്ന് തിരഞ്ഞെടുക്കുക ആവശ്യമായ ഫയൽ. ചുവടെയുള്ള വിൻഡോയിൽ, പ്രോഗ്രാം കുറുക്കുവഴിയിൽ ക്ലിക്കുചെയ്യുക, അത് എക്സിക്യൂട്ടബിൾ ഫയൽഅല്ലെങ്കിൽ ഏതെങ്കിലും ആവശ്യമുള്ള ഫോൾഡർ. നിങ്ങൾക്ക് വേഡ്, മറ്റേതെങ്കിലും പ്രമാണം അല്ലെങ്കിൽ ചിത്രം എന്നിവയും തിരഞ്ഞെടുക്കാം.

പരിഗണിച്ച ഉദാഹരണത്തിൽ, നിങ്ങൾ "പ്രമാണം" ക്ലിക്ക് ചെയ്യുമ്പോൾ, "ഡൗൺലോഡുകൾ" ഫോൾഡർ തുറക്കുന്നു.

ലേക്ക് ഒരു ചിത്രം ഒരു ഹൈപ്പർലിങ്ക് ആക്കുക- അത് തിരഞ്ഞെടുത്ത് മുകളിലുള്ള ഘട്ടങ്ങൾ ആവർത്തിക്കുക. ടെക്‌സ്‌റ്റിലെ ഒരു ചിത്രം ഒരു ഹൈപ്പർലിങ്കായി പ്രവർത്തിക്കുന്നുവെങ്കിൽ, നിങ്ങൾ അതിന് മുകളിൽ ഹോവർ ചെയ്യുമ്പോൾ, ഒരു പോപ്പ്-അപ്പ് വിൻഡോ ദൃശ്യമാകും. Ctrl അമർത്തി അതിൽ ക്ലിക്ക് ചെയ്യുക.

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

ഇനിപ്പറയുന്ന സന്ദർഭ മെനു ദൃശ്യമാകും. അതിൽ, ഇനത്തിൽ ക്ലിക്കുചെയ്യുക "ഹൈപ്പർലിങ്ക് സൃഷ്‌ടിക്കുക".

നിങ്ങൾക്ക് വേഡ് ഡോക്യുമെൻ്റിൽ ഹൈപ്പർലിങ്ക് മാറ്റാനും ഹൈലൈറ്റ് ചെയ്യാനും തുറക്കാനും പകർത്താനും ഇല്ലാതാക്കാനും കഴിയും. ഇത് ചെയ്യുന്നതിന്, അതിൽ വലത്-ക്ലിക്കുചെയ്ത് തിരഞ്ഞെടുക്കുക സന്ദർഭ മെനുആവശ്യമായ നടപടി.

ഇപ്പോൾ നിങ്ങൾക്കറിയാം വിവിധ വഴികൾ, ഇത് Word-ൽ ഒരു ഹൈപ്പർലിങ്ക് ഉണ്ടാക്കാൻ നിങ്ങളെ സഹായിക്കും. നിങ്ങൾക്ക് എന്തെങ്കിലും ചോദ്യങ്ങളുണ്ടെങ്കിൽ, അഭിപ്രായങ്ങളിൽ അവരോട് ചോദിക്കുക.

ഈ ലേഖനം റേറ്റുചെയ്യുക:

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

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

മൊത്തത്തിൽ, ഈ ട്യൂട്ടോറിയൽ ലിങ്ക് സൃഷ്‌ടിക്കലിനെക്കുറിച്ചുള്ള നിങ്ങളുടെ ധാരണ പൂർണ്ണവും പര്യാപ്തവുമാക്കും. HTML-ൽ ഒരു ഹൈപ്പർലിങ്ക് എങ്ങനെ സൃഷ്ടിക്കാമെന്നും എന്തുകൊണ്ടാണെന്നും നിങ്ങൾക്ക് മനസ്സിലാകും. അതിൻ്റെ ഗുണങ്ങൾ നിയന്ത്രിക്കാൻ നിങ്ങൾ പഠിക്കും.

§ 1. ഫയലിലേക്കുള്ള ലിങ്ക്, വെബ്സൈറ്റിലേക്കുള്ള ലിങ്ക്, പേജിലേക്കുള്ള ലിങ്ക്

ഒരു ഫയലിലേക്കുള്ള ലിങ്ക് ഒരു സൈറ്റിലേക്കോ അതിൻ്റെ വ്യക്തിഗത പേജിലേക്കോ ഉള്ള ലിങ്കിൽ നിന്ന് എങ്ങനെ വ്യത്യാസപ്പെട്ടിരിക്കുന്നു എന്നതിനെക്കുറിച്ചുള്ള നിരവധി ചോദ്യങ്ങൾ ഈ പാഠത്തിൻ്റെ തുടക്കത്തിൽ തന്നെ ഉത്തരം നൽകാൻ എന്നെ നിർബന്ധിച്ചു. ഉത്തരം: ഒന്നുമില്ല. ലിസ്റ്റുചെയ്തിരിക്കുന്ന എല്ലാ ലിങ്കുകളും ബാഹ്യമാണ് ഒറിജിനൽപേജും അതേ രീതിയിൽ സൃഷ്ടിക്കപ്പെട്ടവയുമാണ്.

എൻ്റെ ചിന്തകൾ കാടുകയറാതിരിക്കാൻ, ഞാൻ എല്ലാം ഒരു ഉദാഹരണത്തിലൂടെ കാണിക്കും.

ബ്രൗസറിൽ നമ്മൾ ഇത് കാണും:

ബ്രൗസറിൽ നമ്മൾ ഇത് കാണും:

നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, എല്ലാ തരത്തിലുമുള്ള ലിങ്കുകളും കൃത്യമായി സൃഷ്ടിച്ചിരിക്കുന്നു. വ്യത്യാസം മാത്രം വിലാസംപരാമർശിക്കേണ്ട വസ്തു. ഇനി നമുക്ക് പാഠത്തിൻ്റെ പ്രധാന ഭാഗത്തേക്ക് പോകാം.

§ 2. ബാഹ്യ ലിങ്കുകൾ സൃഷ്ടിക്കുന്നു

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

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

ഉദാഹരണത്തിന്, ഈ സൈറ്റിൻ്റെ ഹോം പേജിലേക്ക് ഒരു ടെക്സ്റ്റ് ലിങ്ക് സൃഷ്ടിക്കുന്നതിന്, നിങ്ങൾ ഇനിപ്പറയുന്ന HTML കോഡ് എഴുതേണ്ടതുണ്ട്:

http://www.seoded.ru/"> സൈറ്റ് വെബ്സൈറ്റിൻ്റെ ഹോം പേജ്

ബ്രൗസറിൽ ഇത് ഇതുപോലെ കാണപ്പെടും:

ഈ പാഠത്തിൻ്റെ തുടക്കത്തിൽ തന്നെ ഞാൻ എഴുതിയതുപോലെ, ലിങ്ക് ടെക്സ്റ്റിൻ്റെ (ആങ്കർ) നിറം ഉപയോഗിച്ച് മാറ്റാവുന്നതാണ്. പൊതുവേ, പേജിൻ്റെ പ്രധാന ടെക്‌സ്‌റ്റിലേയ്‌ക്കുള്ള അതേ നിയമങ്ങൾ ലിങ്കുകളുടെ വാചകത്തിലും നിങ്ങൾക്ക് പ്രയോഗിക്കാൻ കഴിയും, അതായത് അത് ബോൾഡ്, ഇറ്റാലിക്‌സ്, തലക്കെട്ടുകൾ ഉപയോഗിക്കുക മുതലായവയിൽ ഹൈലൈറ്റ് ചെയ്യുക.

§ 2.1 ഗ്രാഫിക് ലിങ്കുകൾ (ചിത്ര ലിങ്കുകൾ)

ഞാൻ മുകളിൽ പറഞ്ഞതുപോലെ, ഒരു ഇമേജ് ലിങ്ക് സൃഷ്ടിക്കുന്നതിന്, നിങ്ങൾ ഉപയോഗിക്കേണ്ടതുണ്ട്. അത്തരമൊരു ലിങ്കിൻ്റെ ഉദാഹരണം ഇതുപോലെ കാണപ്പെടുന്നു:

കൂടാതെ ബ്രൗസർ കാണിക്കും:

സ്ഥിരസ്ഥിതിയായി, ബ്രൗസർ ഒരു ഫ്രെയിമിനൊപ്പം ഒരു ഗ്രാഫിക് ലിങ്കിൽ ചിത്രത്തെ ചുറ്റുന്നു. ഇത് അഭികാമ്യമല്ലെങ്കിൽ, ആട്രിബ്യൂട്ട് അതിർത്തിടാഗ് ഐ.എം.ജിനിങ്ങൾ മൂല്യം 0 നൽകേണ്ടതുണ്ട്:

ബോർഡർ="0">

ഹോം പേജ്

§ 3. ആന്തരിക ലിങ്കുകൾ

പേജുകളിലൂടെ സുഖപ്രദമായ നാവിഗേഷനായി വലിയ തുകഉള്ളടക്കം ആന്തരിക ലിങ്കുകൾ ഉപയോഗിക്കുന്നു. അവരുടെ സഹായത്തോടെയാണ് ഞാൻ "പാഠം ഉള്ളടക്കം" ഉണ്ടാക്കിയത് (ഈ പേജിൻ്റെ തുടക്കത്തിൽ കാണുക). ബാഹ്യ ലിങ്കുകളുടെ അതേ തത്വം ഉപയോഗിച്ചാണ് ആന്തരിക ലിങ്കുകൾ സൃഷ്ടിക്കുന്നത്. ആട്രിബ്യൂട്ട് മൂല്യത്തിൽ മാത്രം hrefലിങ്കിൻ്റെ ആങ്കർ സൂചിപ്പിച്ചിരിക്കുന്നു. ആട്രിബ്യൂട്ട് കൊണ്ടാണ് ആങ്കർ സൃഷ്ടിക്കുന്നത് പേര്:

name="anchor name">ടെക്സ്റ്റ്

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

ലിങ്കിൽ ക്ലിക്കുചെയ്‌ത ശേഷം ഉപയോക്താവ് പോകേണ്ട പേജിലെ ആ സ്ഥലങ്ങളിൽ ഐ മീസിൽസ് സ്ഥിതിചെയ്യുന്നു.

ഞാൻ മുകളിൽ പറഞ്ഞതുപോലെ, ആട്രിബ്യൂട്ടിൽ hrefഒരു ആന്തരിക ലിങ്കിൻ്റെ, ഒരു വിലാസത്തിനുപകരം, ആവശ്യമുള്ള ആങ്കറിൻ്റെ പേര് നിർബന്ധിത ഹാഷ് ചിഹ്നം ഉപയോഗിച്ച് സൂചിപ്പിച്ചിരിക്കുന്നു ( # ) അവൻ്റെ മുന്നിൽ. ഒരു ഉദാഹരണത്തിലൂടെ അത് നോക്കാം.

എന്ന പേരിൽ ഞാൻ ഒരു ആങ്കർ സൃഷ്ടിച്ചു zagolovokഈ പാഠത്തിൻ്റെ ശീർഷകത്തിന് അടുത്തായി അത് സ്ഥാപിക്കുകയും ചെയ്തു ("HTML-ലെ ഹൈപ്പർലിങ്കുകൾ"). ആങ്കർ കോഡ് ഇപ്രകാരമാണ്:

name="zagolovok">

href="#zagolovok">ശീർഷകത്തിലേക്ക്

ബ്രൗസറിൽ ഇതുപോലെ:

നിങ്ങൾ ശ്രദ്ധിച്ചാൽ, ശീർഷകത്തിലേക്കുള്ള ആന്തരിക ലിങ്ക് പിന്തുടർന്ന്, URL ഇൻ വിലാസ ബാർബ്രൗസർ:

യഥാർത്ഥ വിലാസത്തിലേക്ക്:

http://www..html

http://www..html#zagolovok

ഈ സവിശേഷത ഉപയോഗിച്ച്, നിങ്ങൾക്ക് ഇൻ്റർനെറ്റിലെ ഏത് ഉറവിടത്തിൽ നിന്നും പേജിലെ ഒരു നിർദ്ദിഷ്ട ലൊക്കേഷനിലേക്ക് ലിങ്ക് ചെയ്യാം! അതായത്, നിങ്ങൾ എന്തിനെക്കുറിച്ചോ ഒരു ദൈർഘ്യമേറിയ ലേഖനം ഉള്ള ഒരു പേജ് സൃഷ്ടിച്ചുവെന്ന് പറയാം (അല്ലെങ്കിൽ അത് പേജിൽ പോസ്റ്റ് ചെയ്തു വലിയ സംഖ്യഫോട്ടോകൾ) ആന്തരിക ലിങ്കുകൾ ഉപയോഗിച്ച് അടയാളപ്പെടുത്തി. എന്നതിൽ ആയിരിക്കുമ്പോൾ, ലേഖനം (അല്ലെങ്കിൽ ഫോട്ടോഗ്രാഫുകൾ) ഉള്ള പേജിലേക്ക് മാത്രമല്ല, അതിലെ ഒരു പ്രത്യേക സ്ഥലത്തേക്ക് (അല്ലെങ്കിൽ ഒരു നിർദ്ദിഷ്ട ഫോട്ടോ) ലിങ്ക് ചെയ്യേണ്ടതുണ്ട്. കൂടെ ഓപ്ഷൻ ഉപയോഗിക്കുന്നു ആന്തരിക ലിങ്ക്വിലാസത്തിൽ, നിങ്ങൾക്ക് ആവശ്യമുള്ളത് എളുപ്പത്തിൽ നേടാനാകും.

§ 4. കേവലവും ആപേക്ഷികവുമായ റഫറൻസുകൾ

ഹോം പേജ്

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

നമുക്ക് അത് ഉപേക്ഷിക്കാം, നമുക്ക് പേജിലേക്ക് ലിങ്ക് ചെയ്യണം clienty.htmlകിടക്കുന്നത് ഒരു ഫോൾഡറിൽകൂടെ ഹോം പേജ്സൈറ്റ്. പിന്നെ കോഡ് ആപേക്ഷിക റഫറൻസ്ഫോം എടുക്കും:

/klienty.html">ക്ലയൻ്റുകൾ

ഇപ്പോൾ പ്രധാന പേജിൻ്റെ അതേ ഫോൾഡറിൽ ഉണ്ടെന്ന് നമുക്ക് അനുമാനിക്കാം zakazy ഫോൾഡർഇതിനകം തന്നെ അതിൽ klienty.html എന്ന പേജ് കിടക്കുന്നു അപ്പോൾ ആപേക്ഷിക ലിങ്കിൻ്റെ കോഡ് ഇതുപോലെ കാണപ്പെടും:

/zakazy/klienty.html">ക്ലയൻ്റുകൾ

ഇനി ഹൈപ്പർലിങ്കുകൾ ഉണ്ടാക്കുന്നത് നോക്കാം യഥാർത്ഥ പേജുമായി ബന്ധപ്പെട്ടതാണ്. നമുക്ക് ഒരു പേജ് ഉണ്ടെന്ന് പറയാം price.html (ഹോം പേജ്) കൂടാതെ നിങ്ങൾ അതിൽ നിന്ന് പേജിലേക്ക് ലിങ്ക് ചെയ്യേണ്ടതുണ്ട് clienty.htmlഇനിപ്പറയുന്ന സാധാരണ ഓപ്ഷനുകൾ ഉണ്ട്:

1. price.html, clienty.html എന്നീ പേജുകൾ സ്ഥിതിചെയ്യുന്നു ഒരു ഫോൾഡറിൽ.

klienty.html">ക്ലയൻ്റുകൾ




2. സൈറ്റിൻ്റെ റൂട്ട് ഫോൾഡറിൽ, പേജ് price.html zakazy ഫോൾഡറിലാണ് ഒരു ലെവൽ ഉയർന്നത്).

കോഡ് ഇതുപോലെ കാണപ്പെടും:

../klienty.html">ക്ലയൻ്റുകൾ

നിങ്ങൾ പുറത്തുകടക്കേണ്ടതുണ്ടെന്ന് രണ്ട് ഡോട്ടുകൾ സൂചിപ്പിക്കുന്നു നിലവിലെ ഫോൾഡർഒരു ലെവൽ ഉയർന്നത്.




3. klienty.html പേജും zakazy ഫോൾഡറും സ്ഥിതിചെയ്യുന്നു സൈറ്റിൻ്റെ റൂട്ട് ഫോൾഡറിൽ, മെബെൽ ഫോൾഡർ zakazy ഫോൾഡറിലാണ്, പേജ് price.html mebel ഫോൾഡറിലാണ്(അതായത്, യഥാർത്ഥ price.html പേജുമായി ബന്ധപ്പെട്ട klienty.html പേജ് കിടക്കുന്നു രണ്ട് ലെവലുകൾ ഉയർന്നത്).

../../klienty.html">ക്ലയൻ്റുകൾ

അതായത്, ഓരോ ലെവലും രണ്ട് ഡോട്ടുകളും ഒരു സ്ലാഷും കൊണ്ട് സൂചിപ്പിച്ചിരിക്കുന്നു " / ».




4. സൈറ്റിൻ്റെ റൂട്ട് ഫോൾഡറിൽ, page clienty.html zakazy ഫോൾഡറിലാണ്(അതായത് ഇപ്പോൾ യഥാർത്ഥ price.html പേജുമായി ബന്ധപ്പെട്ട klienty.html പേജ് കിടക്കുന്നു ഒരു ലെവൽ താഴേക്ക്).

zakazy/klienty.html">ക്ലയൻ്റുകൾ

ഈ സാഹചര്യത്തിൽ, ഡോട്ടുകളും സ്ലാഷുകളും ഉപയോഗിക്കില്ല.




5. price.html പേജും (യഥാർത്ഥ പേജും) zakazy ഫോൾഡറും സ്ഥിതിചെയ്യുന്നു സൈറ്റിൻ്റെ റൂട്ട് ഫോൾഡറിൽ, മെബെൽ ഫോൾഡർ zakazy ഫോൾഡറിലാണ്, page clienty.html mebel ഫോൾഡറിലാണ്(അതായത് klienty.html പേജ് ഇപ്പോൾ യഥാർത്ഥ price.html പേജുമായി ബന്ധപ്പെട്ടതാണ് താഴെ രണ്ട് നിലകൾ കിടക്കുന്നു).

zakazy/mebel/klienty.html">ക്ലയൻ്റുകൾ




6. സൈറ്റിൻ്റെ റൂട്ട് ഫോൾഡറിൽ രണ്ട് ഫോൾഡറുകൾ ഉണ്ട്: zakazy ആൻഡ് oplata. പേജ് clienty.html zakazy ഫോൾഡറിലാണ്, യഥാർത്ഥ പേജ് price.html oplata ഫോൾഡറിലാണ്(അതായത് രണ്ട് പേജുകളും കള്ളമാണ് വി വ്യത്യസ്ത ഫോൾഡറുകൾതാഴെ ഒരു ലെവൽസൈറ്റിൻ്റെ റൂട്ട് ഫോൾഡറിൽ നിന്ന്).

../zakazy/klienty.html">ക്ലയൻ്റുകൾ

§ 5. ഇമെയിലിലേക്കുള്ള ലിങ്ക്

ഇതിനായി ഇമെയിലിലേക്ക് ഒരു ലിങ്ക് സൃഷ്ടിക്കുക, ആട്രിബ്യൂട്ട് മൂല്യത്തിലെ URL-ന് പകരം ആവശ്യമാണ് hrefപ്രോട്ടോക്കോൾ സൂചിപ്പിക്കുന്ന ഒരു ഇമെയിൽ വിലാസം എഴുതുക ( മെയിലിലേക്ക്:). തുടർന്ന് ഈ ലിങ്കിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ ഒരു വിൻഡോ തുറക്കും മെയിൽ പ്രോഗ്രാം"ടു" ഫീൽഡിൽ നൽകിയ ഇമെയിൽ വിലാസത്തോടൊപ്പം. HTML കോഡിൽ ഇത് ഇതുപോലെ കാണപ്പെടുന്നു:

മെയിലിലേക്ക്: [ഇമെയിൽ പരിരക്ഷിതം]">എൻ്റെ മെയിൽ

ബ്രൗസറിൽ ഇതുപോലെ:

ടാഗിലെ ആട്രിബ്യൂട്ടും നിങ്ങൾക്ക് ഉപയോഗിക്കാം തലക്കെട്ട്. അതിൻ്റെ സഹായത്തോടെ, നിങ്ങൾ ഒരു ലിങ്കിൽ മൗസ് ഹോവർ ചെയ്യുമ്പോൾ ദൃശ്യമാകുന്ന ഒരു ടൂൾടിപ്പ് സൃഷ്ടിക്കപ്പെടുന്നു.

title="പ്രധാന പേജിലേക്ക് പോകുക">!} ഹോം പേജ്

§ 7. ഉപസംഹാരം

ഇതാണ് അടിസ്ഥാന വിവരങ്ങൾ HTML-ൽ ലിങ്കുകൾ സൃഷ്ടിക്കുന്നു. ഇതിൽ ഈ പാഠംപൂർത്തിയായതായി കണക്കാക്കാം. ഈ വസ്തുത ഏറ്റവും സൂചിപ്പിക്കുന്നു HTML അടിസ്ഥാനങ്ങൾനിങ്ങൾ ഇതിനകം അതിൽ പ്രാവീണ്യം നേടിയിട്ടുണ്ട്.

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

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

നിങ്ങളുടെ സ്വകാര്യ പേജ് ഗുരുതരമായ ഉറവിടമാക്കി മാറ്റുന്നതിനുള്ള ആദ്യപടിയാണിത്.