WHAT'S NEW?
Loading...

HTML: Hyperlinking


HTML मध्ये लिंकिंगच्या विविध पद्धती समजून घेऊया. यामध्ये दुसऱ्या वेबपेज अथवा फाईलला लिंक देणे. किंवा त्याच डॉक्युमेंट मधील घटकाला लिंक देणे. इमेजला लिंक देणे असे प्रकार गरजेनुसार आपण वापरू शकतो.
दुसऱ्या वेबपेजला लिंक देऊन ते पेज ओपन करण्यासाठी पुढील कोड वापरावा.
<a href = “path to your web page”>Link Text or Name</a>

Example:
<a href = “page1.html”>Click Here to go on PAGE 1</a>

चित्रावर क्लिक करून लिंक देण्यासाठी..
<a href = “path to your web page”><img src= “path to image file” /></a>

Example:
<a href = “page1.html”><img src= “image1.png” /></a>

त्याच वेबपेजवरील एखाद्या भागावर / मुद्द्यावर जाण्यासाठी पुढील क्रमाने जा.
प्रथम ज्या मुद्द्यावर जायचे आहे त्याला id द्या.
जसे-
<p id= “imp”>This is Important paragraph.</p>

आता जेथून हा मुद्दा लिंक करावयाचा आहे तेथे जा. आणि पुढीलप्रमाणे लिहा.
<a href= “#imp” >Go to Imp Para</a>

आता तुम्ही जर Go to Imp Para वर क्लिक केले तर त्या आयडीच्या para वर जाल.

Browser मध्ये एक स्टेप Back जायचे असेल तर...
<a href="javascript: history.back()">Go Back</a>

किंवा
<a href="javascript: history.go(-1)">Go Back One Step</a>

अथवा Javascript चे वेगळे function वापरून असे लिहावे.
<a onclick="goback()">Go Back With Function</a>

<javascript>
    function goback(){window.history.back();}
</javascript>


या पद्धतीने लिंक करून तयार केलेली नमुना वेब फाईल पाहण्यासाठी येथे क्लिक करून डाऊनलोड करून टेस्ट करा.
(File Size: 7 KB, File Type: ZIP, Created for Non IE Browsers)
Happy coding..!

3 comments: Leave Your Comments

  1. Replies
    1. धन्यवाद..! भाऊसाहेब सरजी.

      Delete
  2. खूपच उपयुक्त

    ReplyDelete