ஒருசில வலைதளங்களில் click here for more என்றிருக்கும். அங்கு சென்று நாம் சொடுக்கும்போது, அது நம்மை இன்னொரு பக்கத்திற்கு கொண்டு செல்லும். இவ்வாறு ஒன்றை நாம் சொடுக்கும்போது அது நம்மை இன்னொரு பக்கத்திற்கு அழைத்துச் செல்வதே links எனப்படும். இவற்றை எவ்வாறு உருவக்குவதென்று இந்தப் பகுதியில் பார்க்கலாம்.
முதலில் link1.htm எனும் ஒரு் program-ல் Rhymes-க்கான ஒரு் அறிமுகத்தைக் கொடுத்துவிட்டு, அதனடியில் Click here for Chubby Cheeks Rhyme என்று ஒரு் link-ஐ உருவாக்கவும். link-ஐ உருவாக்குவதற்கு anchor tags அதாவது <a></a> பயன்படும். இதற்கிடையில் கொடுக்கப்படும் வார்த்தைகள் நீலநிறத்தில் அடிக்கோடிடப்பட்ட link-ஆகத் தென்படும். இதனை நாம் சொடுக்கும்போது எந்த இடத்திற்குச் செல்ல வேண்டும் என்பதை href எனும் பண்பு தீர்மானிக்கும். hypertext reference என்பதே href ஆகும்.
File: link1.htm
<html>
<head><title>Nursery Rhymes</title></head>
<body>
<center> Introduction – Rhymes</center>
<br>
<br>
Most children love being told Nursery Rhymes. The most popular rhymes are listed here. Even elders love to hear these rhymes. They are sweet to our ears forever. These rhymes speak volumes about the interest shown by the education department to enthuse the children to speak out.
<br>
<br>
<a href=”link2.htm”>Click here for Chubby Cheeks Rhyme</a>
</body>
</html>
மேற்கண்ட program-ல் href-ன் மதிப்பு link2.htm என்று காணப்படுவதால் கீழ்வரும் program-க்கு நம்மை அழைத்துச் செல்லும்.
link2.htm பின்வருமாறு.
File: links2.htm
<html>
<head><title>Chubby Cheeks Rhyme</title></head>
<body>
Chubby cheeks, dimple chin<br>
Rosy lips, teeth within<br>
Curly hair, very fair<br>
Eyes are blue, lovely too<br>
Teacher’s pet, is that you ?<br>
Yes! Yes! Yes!<br>
<br>
<a href=”link1.htm”>Click here to go back to Introduction</a>
</body>
</html>
இந்த program-ன் கடைசியில் உள்ள click here to go back to introduction என்பதை நாம் சொடுக்கும்போது href-ன் மதிப்பு link1.htm என்றிருப்பதால், இது நம்மை முந்தைய program-க்கே கொண்டு செல்லும்.
எனவே இதன் வெளிப்பாடுகள் பின்வருமாறு அமையும்.
Internal Links
ஒரே பக்கத்திற்குள் உள்ள பல்வேறு பகுதிகளுக்கு இணைப்பு தருவதற்கு Internal Links பயன்படுகின்றன.
இங்கு இணைப்பு தர வேண்டிய பகுதிக்கு ஒரு name(பெயர்) தர வேண்டும். பின் <a href=”#name”> என்று எழுதி இணைப்பு தரலாம்.
File: internallink.html
<html>
<head><title>Internal Links</title></head>
<body>
<a href=”#bottom”> Goto Bottom</a>
<p> A big para goes here </p>
<a name=”bottom”></a>
</body>
</html>
External Links
நாம் உருவாக்கிய program-களுக்கிடையில் links-ஐ உருவாக்குவதற்கும், பல்வேறு வலைதளப்பக்கங்களுக்கு links-ஐ உருவாக்குவதற்கும் பெரிய வித்தியாசம் ஒன்றும் இல்லை. வெறும் href-ன் மதிப்பு மட்டுமே மாறும். பல்வேறு வலைதள பக்கங்களுக்குமான முழுமுகவரியையும் href-ன் மதிப்பாகக் கொடுக்கும்போது, அது நம்மை பல்வேறு வலைதளங்களுக்குக் கொண்டு செல்லும்.
இதனை நாம் பின்வரும் program-ல் காணலாம்.
File: externallinks.htm
<html>
<head><title></title></head>
<body>
<a href=”http://www.kaniyam.com/all-releases/”>Click here for Kaniyam magazines</a><br>
<a href=”http://www.kaniyam.com/mysql-book-in-tamil/”>Click here for MySQL book</a><br>
<a href=”mailto:nithyadurai87@gmail.com”>send me your comments</a><br>
</body>
</html>
href-ன் மதிப்பாக mailto: என்பதைத் தொடர்ந்து ஏதேனும் ஒரு் முகவரியைக் கொடுத்தால், அந்த முகவரிக்கு மின்னஞ்சல் அனுப்பப்படும். இது மேற்கண்ட program-ல் மூன்றாவதாக இடம்பெற்றுள்ளது. மேற்கண்ட program-ன் வெளிப்பாடு பின்வருமாறு அமையும்.
இதில் முதல் link-ஐ சொடுக்கும்போது பின்வரும் வெளிப்பாடும், இரண்டாவது link-ஐ சொடுக்கும்போது அடுத்த படத்தில் உள்ள வெளிப்பாடும், கடைசியாக உள்ள link-ஐ சொடுக்கும்போது எனது முகவரிக்கு ஒரு் மின்னஞ்சலும் செலுத்தப்படும்.
