আমমদদর আজদকর
পমঠ - HTML – এ hyperlink
এই পমঠ শশদষ শশকমররররম -
১ . হমইপমরশললক শক তম বলদত পমরদব
২ . হমইপমরশললক এর অঅমশটশবউট গদলম বঅমখঅম করদত পমরদব
৩ . হমইপমরশললক বঅবহমর কদর ওদয়বদপজ ততশর করদত পমরদব ।
হমইপমরশললক হদলম ওদয়দবর একশট শরদসমদসর অবশসত শকমদনম শরফমদরন ( শকমদনম শঠকমনম ) । HTML শপইজ , ইদমজ , সমউন ফমইল , মমশভ ইতঅমশদ শরদসমসরদক
।
হমইপমরশললক শদদয় শনদদরশ করম হয় শকমদনম ডকমদমদনর অভঅনদর হমইপমরশললদকর ।
সমমবঅদক শনররমরণ করমর জনঅ অঅমলকর টমমরশট বঅবহত হয়
টঅমদগর মদরঅ পঅমরমগমফ , লমইন শবক , ইদমজ , শললক এবল অনঅমনঅ শলসসমমহ
। বসমদনম যময়
শললদকর শসনটঅমক হদলম : <a href = "url" > Link Text </a>
অঅমলকর টঅমদগর href অঅমশটশবউদট URL বঅবহত হদয়দছ । URL হদচ একশট
। ।
শনশদরষ পমর বম শঠকমনম এই পমরদক আবমর দমই ভমদগ ভমগ করম হদয়দছ যরম - ১ . শরদলশটভ পমর (Relative path) : শরদলশটভ পমদর শকবলমমত URL এর
সমরমরণ অলশগদলম রমদক এবল এদকদত বমউজমর সয়লশকয়ভমদব টজখ এর
।
বমশক অলশ শচশহত কদর শনয় শযমন : href = “Address.html”
হমইপমরশললক
২ . অঅমবসলমট পমর (Absolute path): Absolute path এর শকদত শললদকর জনঅ
।
ডকমদমনদক শসর করম হয় ডমইদরকশরর টপ শলদবল হময়মরমশকর অনমযময়র এবল শললকককত ফমইল
।
পযরন শপপপছমর জনঅ সমস ডমইদরকশরর শনমকমমনমযময়র কমজ কদর শযমন : href =
“C:\Kamal\ATC.html”
হমইপমরশললক অঅমশটশবউট সমমহ
• target অঅমশটশবউট : শললক করম ডকমদমনশট শকমরময় ওদপন হদব শসশট শনররমরদণ target অঅমশটশবউট বঅবহমর করম হয় ।
• name অঅমশটশবউট : শকমদনম ডকমদমন শললক বঅবহমর কদর ঐ
। ডকমদমদনরই শনশদরষ শকমদনম অলদশ জমম কদর চদল যমওয়ম যমদব
আবমর কখদনম কখদনম একশট শললদক শকক কদর অনঅ একশট শপইদজর
। শনশদরষ সমদনও চদল যমওয়ম যময়
• mailto অঅমশটশবউট : ই - শমইদলর সমদর শললক করমর জনঅ বঅবহত
।
হয়
• হমইপমরশললদক শকক কদর একই ডকমদমদনর শভন শপদজ অরবম একই
ডকমদমদনর শভন শকমদনম অবসমদন অরবম শভন শকমদনম ডকমদমদনর শভন
। শকমদনম শপদজ যমওয়ম যময়
• সমশকরত তরঅ দত পদশরন কদর জমনম যময় ।
• বমউজকমররর সময় বমপদচ ।
হমইপমরশললক এর সমশবরম
।
শললকদক আমরম দমশট ভমদগ ভমগ করদত পমশর যরম :
হমইপমরশললক এর পকমরদভদ
Internal link: Internal link হদচ এমন একশট ফমইদলর সমদর শললক
সমপন করম যম আমমদদর শনজস ওদয়বসমইদটর অলশ অররমৎ শললক করম ফমইলসহ
।
সমমণর শপদজদনশনশটই আমমদদর ততশর একই শপইদজর মদরঅ শনশদরষ শকমদনম
। অলদশর সমদর শললক করমও ইনমরনঅমল শললদকর অলশ
External link: External link হদচ আমমদদর ওদয়বসমইদট শকমদনম ফমইদলর সমদর Internet- এ অবশসত অনঅ কমরও ততশর ওদয়বসমইদটর বম
।
ওদয়বসমইদটর শকমদনম অলদশর সমদর সলদযমগ
১ . পরদম Windows শপমগমমশট চমলম করদত হদব -
২ . এরপর Start বমটদন শকক করদল আমরম শদখদত পমব
ওদয়বদপজ ততশর করমর পদশত
৩ . এরপর All Programs এর উপর শকক করদত হদব তমহদল পমদশর মত শদখদত পমব
৪ . এবমদর Accessories এর উপর শকক করদত হদব
ওদয়বদপজ ততশর করমর পদশত
৫ . তমহদল আমমদদর সমমদন Accessories শমনমর অররনস সকল শপমগমম পদশশরত হদব
৬ . এখন Notepad শপমগমমশটর শকক করদত হদব শনমরপ শপমগমম
। ওদপন হদব
ওদয়বদপজ ততশর করমর পদশত
৭ . এখন আমরম শকমড শলখমর জনঅ এশডটর শপদয় শগশছ তমই এখমদন শনদমর
। মত শকমড শলশখ
<html>
<body>
<p>
<a href = "Address.html" > Our Address </a>
</p>
<p>
<a href="http://www.google.com/">This text</a>
is a link to a page on the World Wide Web.
</p>
</body>
</html>
<html>
<body>
<p><font face = "verdana">This is a paragraph1</font> </p>
<p><font size= “7">This is paragraph2 </font> </ p>
<p><font color="green">This is paragraph3</font>
</p>
</body>
</html>
৮ . পরদম ফমইল শমনমর উপর শকক করদত হদব ফদল আমমদদর সমমদন
। ফমইল শমনম পদশশরত হদব
ফমইল সলরকণ
<html>
<body>
<p><font face = "verdana">This is a paragraph1</font> </p>
<p><font size= “7">This is paragraph2 </font>
</ p>
<p><font color="green">This is paragraph3</font> </p>
</body>
</html>
৯ . এবমদর File শমনমর Save অপশদন করব -
ওদয়বদপজ ততশর করমর পদশত
<html>
<body>
<p><font face = "verdana">This is a paragraph1</font> </p>
<p><font size= “7">This is paragraph2 </font>
</ p>
<p><font color="green">This is paragraph3</font> </p>
</body>
</html>
১০ . তমহদল আমমদদর সমমদন Save As
ডময়লগ বক পদশশরত হদব
heading.html
১২ . Save as type এর ডপ ডমউন শলষ – এ শকক কদর All Files শসদলক কদর
। শদদত হদব
ওদয়বদপজ ততশর করমর পদশত
১১ . এখন File name ঘদর শটকবদক
আমরম কমলশখত ফমইদলর নমম এবল
শশদষ একদটনশন শহদসদব .html শদব
( শযমন -heading.html)
13. Save হওয়মর জময়গম শনদরমরণ কদর
।
শদদত পমশর শযমন শডকটদপ সলরকণ করমর জনঅ ডময়লগ বদকর বমমপদশর Desktop এর উপর শকক কশর ।
14. এবমদর ডময়লগ বদকর Save বমটদন
। শকক কশর
<html>
<body>
<p><font face = "verdana">This is a paragraph1</font> </p>
<p><font size= “7">This is paragraph2 </font>
</ p>
<p><font color="green">This is paragraph3</font> </p>
</body>
</html> heading.html
