Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में रिसोर्स रेफरेंस कैसे जोड़ें?


रिसोर्स रेफरेंस जोड़ने के लिए <link> टैग का उपयोग करें। HTML <link> टैग एक्सटर्नल डॉक्यूमेंट से लिंक परिभाषित करने के लिए उपयोग किया जाता है। इसे डॉक्यूमेंट के <head> सेक्शन में रखा जाता है।

निम्न एट्रिब्यूट्स हैं:

एट्रिब्यूट वैल्यू विवरण
charset charset लिंक्ड डॉक्यूमेंट की कैरेक्टर एन्कोडिंग परिभाषित करता है
href URL रिसोर्स डॉक्यूमेंट का URL निर्दिष्ट करता है
hreflang language डेस्टिनेशन URL का लैंग्वेज कोड
media screen, tty, tv, projection, handheld, print, braille, aural, all निर्दिष्ट करता है कि डॉक्यूमेंट किस डिवाइस पर प्रदर्शित होगा
rel alternate, stylesheet, preload, prefetch, canonical, icon, etc. वर्तमान डॉक्यूमेंट और डेस्टिनेशन URL के बीच संबंध वर्णन करता है
sizes HeightxWidth लिंक्ड रिसोर्स का आकार निर्दिष्ट करता है (आइकन्स के लिए)
type mimetype लिंक डेस्टिनेशन पर कंटेंट का MIME टाइप

उदाहरण

HTML में रिसोर्स रेफरेंस जोड़ने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <title>HTML link Tag</title>       <link rel="stylesheet" href="stylenew.css">    </head>    <body>       <div id="contentinfo">       <p>Welcome to our website. We provide tutorials on various subjects.</p>       </div>    </body> </html>

आम उपयोग: स्टाइलशीट्स (rel="stylesheet"), फेविकॉन (rel="icon"), प्रीलोड (rel="preload"), कैनोनिकल (rel="canonical")।

  1. HTML दस्तावेज़ कैसे बनाएं? HTML दस्तावेज़ कैसे बनाएं?

    परिचय एक HTML दस्तावेज़, HTML वेब पेज की संरचना को परिभाषित करता है। इसमें दो अलग-अलग भाग होते हैं: head (हेड) और body (बॉडी)। हेड में दस्तावेज़ के बारे में जानकारी होती है। बॉडी भाग में दस्तावेज़ की सामग्री होती है, जो प्रदर्शित होती है। महत्वपूर्ण नोट्स हेड भाग को <head>...</head> ट

  1. HTML में बुकमार्क लिंक (एंकर लिंक) कैसे बनाएं? HTML में बुकमार्क लिंक (एंकर लिंक) कैसे बनाएं?

    पेज के अंदर नेविगेशन बुकमार्क लिंक (नेम्ड एंकर) से पेज के किसी विशेष सेक्शन पर सीधे जा सकते हैं। पहले <a name=...> से बुकमार्क बनाएं, फिर <a href=#...> से लिंक दें। नोट: HTML5 में <a> का name एट्रिब्यूट डिप्रिकेटेड है। आधुनिक तरीका: किसी भी एलिमेंट पर id एट्रिब्यूट दें और href=#i

  1. HTML में इमेज को लिंक की तरह कैसे उपयोग करें? HTML में इमेज को लिंक की तरह कैसे उपयोग करें?

    <img> को <a> के अंदर रखें इमेज को लिंक बनाने के लिए <img> टैग को <a> टैग के अंदर रखें जिसमें href एट्रिब्यूट हो। src में इमेज URL, width/height में आकार दें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Image as link</title> </head>