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

HTML में आइकन का आकार कैसे सेट करें?

sizes एट्रिब्यूट का उपयोग <link rel="icon"> (फेविकॉन) पर करके आइकन का आकार निर्दिष्ट किया जाता है। यह एकाधिक आकारों के लिए स्पेस-सैपरेटेड लिस्ट स्वीकार करता है (उदाहरण: sizes="16x16 32x32 48x48")। any मान स्केलेबल वेक्टर (SVG) के लिए उपयोग होता है।

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <link rel="icon" href="my_icon.gif" type="image/gif" sizes="16x16"> 
  </head> 
  <body> 
    <p>यह डेमो टेक्स्ट है।</p> 
    <p>हमने यहां एक आइकन सेट किया है।</p> 
  </body> 
</html>

सर्वोत्तम अभ्यास: एकाधिक आकार प्रदान करें (16x16, 32x32, 48x48, 180x180 एपल टच आइकन के लिए) या SVG (sizes="any" के साथ) उपयोग करें जो सभी रिज़ॉल्यूशन पर स्केल होता है। type MIME टाइप भी दें।

  1. JavaScript के साथ innerHTML सेट करें JavaScript के साथ innerHTML सेट करें

    innerHTML सेट करने का सही सिंटैक्स निम्नानुसार है - document.getElementById(yourIdName).innerHTML=yourValue; आइए अब देखें कि innerHTML कैसे सेट करें - उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-widt

  1. CSS से फेविकॉन आकार सेट करना बनाम HTML एट्रिब्यूट्स CSS से फेविकॉन आकार सेट करना बनाम HTML एट्रिब्यूट्स

    उत्तर CSS से फेविकॉन आकार सेट नहीं किया जा सकता। मानक CSS के माध्यम से फेविकॉन आयाम नियंत्रित करने का समर्थन नहीं करते। सही तरीका: HTML एट्रिब्यूट्स <!-- PNG फेविकॉन --> <link rel=icon type=image/png href=/favicon-16x16.png sizes=16x16> <link rel=icon type=image/png href=/favicon-32x

  1. HTML में एलिमेंट की चौड़ाई कैसे सेट करें? HTML में एलिमेंट की चौड़ाई कैसे सेट करें?

    width एट्रिब्यूट का उपयोग HTML में किसी एलिमेंट की चौड़ाई सेट करने के लिए किया जाता है। यह निम्न एलिमेंट्स के साथ काम करता है: <canvas>, <embed>, <img>, <input>, <video>, <iframe>, <object>, <svg>, <table>, <td>, <th>, <col>। उ