HTML හි අභ්යන්තර සබැඳි
පෙර පාඩමේදී, අපි අන් අයගේ වෙබ් අඩවිවල පිටු සඳහා සබැඳි සාදමු, ඒවායේ ලිපින බ්රවුසරයේ ලිපින තීරුවෙන් පිටපත් කර ගනිමින්. දැන් ඔබට තම වෙබ් අඩවියේ පිටු සබැඳි මගින් සම්බන්ධ කිරීමට අවශ්ය යැයි සිතමු.
එවැනි අවස්ථාවක, ඒවායේ ලිපින ලිපින තීරුවෙන් පිටපත් කළ නොහැක. හේතුව නම්, එවැනි ලිපින ඔබගේ පරිගණකයේ මූල තැටියේ සිට ඔබේ පිටුවට යන සම්පූර්ණ මාර්ගය අඩංගු වන අතර, වෙනත් බහාලුමකට ගෙන යන විට එවැනි සබැඳි හුදෙක් කැඩී යනු ඇත.
තම වෙබ් අඩවියේ පිටු සඳහා වෙනත් ප්රවේශයක්
අනුගමනය කළ යුතුය. උදාහරණයක් මගින් එය අධ්යයනය කරමු. ඔබගේ
වෙබ් අඩවියේ මූල බහාලුමේ ඇතැයි සිතමු
index.html ගොනුව සහ page.html ගොනුව.
මෙම ගොනු සබැඳි මගින් සම්බන්ධ කරමු. මේ සඳහා සබැඳියේ
href ගුණාංගයේ
මෙම ගොනුවල නම් (ඒවායේ දිගුව සමඟ) සරලව ලිවිය යුතුය.
අපි එය කරමු.
index.html පිටුවේ, page.html පිටුවට
සබැඳියක් සාදමු:
<h1>Index</h1>
<a href="page.html">පිටුවට සබැඳිය</a>
page.html පිටුවේ, index.html පිටුවට
සබැඳියක් සාදමු:
<h1>Page</h1>
<a href="index.html">index වෙත සබැඳිය</a>
ඔබගේ වෙබ් අඩවියේ මූලයේ HTML පිටු තුනක් සාදන්න.
ඒවාට 1.html, 2.html,
3.html යන නම් දෙන්න. මෙම පිටු එකිනෙකට
සබැඳි මගින් සම්බන්ධ කරන්න.
index.html පිටුව ද සාදන්න.
එහි 1.html,
2.html, 3.html පිටු වෙත සබැඳි තබන්න.
පෙර කාර්යය වෙනස් කරන්න එවිට
සබැඳි ul ලැයිස්තුවක පිහිටන්නේ.