కోర్సు సబ్లాక్

పరిచయపు పాఠ్యపుస్తకం

HTML టాగ్

-

</a></li> <li><a href="/te/tags/tag_img.html" title="హ్ట్మ్ఎల్ <img> టాగ్"><img></a></li> <li><a href="/te/tags/tag_input.html" title="హ్ట్మ్ఎల్ <input> టాగ్"><input></a></li> <li><a href="/te/tags/tag_ins.html" title="హ్ట్మ్ఎల్ <ins> టాగ్"><ins></a></li> <li><a href="/te/tags/tag_kbd.html" title="హ్ట్మ్ఎల్ <kbd> టాగ్"><kbd></a></li> <li><a href="/te/tags/tag_label.html" title="హ్ట్మ్ఎల్ <label> టాగ్"><label></a></li> <li><a href="/te/tags/tag_legend.html" title="హ్ట్మ్ఎల్ <legend> టాగ్"><legend></a></li> <li><a href="/te/tags/tag_li.html" title="హ్ట్మ్ఎల్ <li> టాగ్"><li></a></li> <li><a href="/te/tags/tag_link.html" title="హ్ట్మ్ఎల్ <link> టాగ్"><link></a></li> <li><a href="/te/tags/tag_main.html" title="హ్ట్మ్ఎల్ <main> టాగ్"><main></a></li> <li><a href="/te/tags/tag_map.html" title="హ్ట్మ్ఎల్ <map> టాగ్"><map></a></li> <li><a href="/te/tags/tag_mark.html" title="హ్ట్మ్ఎల్ <mark> టాగ్"><mark></a></li> <li><a href="/te/tags/tag_menu.html" title="హ్ట్మ్ఎల్ <menu> టాగ్"><menu></a></li> <li><a href="/te/tags/tag_meta.html" title="హ్ట్మ్ఎల్ <meta> టాగ్"><meta></a></li> <li><a href="/te/tags/tag_meter.html" title="హ్ట్మ్ఎల్ <meter> టాగ్"><meter></a></li> <li><a href="/te/tags/tag_nav.html" title="హ్ట్మ్ఎల్ <nav> టాగ్"><nav></a></li> <li><a href="/te/tags/tag_noframes.html" title="హ్ట్మ్ఎల్ <noframes> టాగ్"><noframes></a></li> <li><a href="/te/tags/tag_noscript.html" title="హ్ట్మ్ఎల్ <noscript> టాగ్"><noscript></a></li> <li><a href="/te/tags/tag_object.html" title="హ్ట్మ్ఎల్ <object> టాగ్"><object></a></li> <li><a href="/te/tags/tag_ol.html" title="హ్ట్మ్ఎల్ <ol> టాగ్"><ol></a></li> <li><a href="/te/tags/tag_optgroup.html" title="హ్ట్మ్ఎల్ <optgroup> టాగ్"><optgroup></a></li> <li><a href="/te/tags/tag_option.html" title="హ్ట్మ్ఎల్ <option> టాగ్"><option></a></li> <li><a href="/te/tags/tag_output.html" title="హ్ట్మ్ఎల్ <output> టాగ్"><output></a></li> <li><a href="/te/tags/tag_p.html" title="హ్ట్మ్ఎల్ <p> టాగ్"><p></a></li> <li><a href="/te/tags/tag_param.html" title="హ్ట్మ్ఎల్ <param> టాగ్"><param></a></li> <li class="currentLink"><a href="/te/tags/tag_picture.html" title="హ్ట్మ్ఎల్ <picture> టాగ్"><picture></a></li> <li><a href="/te/tags/tag_pre.html" title="హ్ట్మ్ఎల్ <pre> టాగ్"><pre></a></li> <li><a href="/te/tags/tag_progress.html" title="హ్ట్మ్ఎల్ <progress> టాగ్"><progress></a></li> <li><a href="/te/tags/tag_q.html" title="హ్ట్మ్ఎల్ <q> టాగ్"><q></a></li> <li><a href="/te/tags/tag_rp.html" title="హ్ట్మ్ఎల్ <rp> టాగ్"><rp></a></li> <li><a href="/te/tags/tag_rt.html" title="హ్ట్మ్ఎల్ <rt> టాగ్"><rt></a></li> <li><a href="/te/tags/tag_ruby.html" title="హ్ట్మ్ఎల్ <ruby> టాగ్"><ruby></a></li> <li><a href="/te/tags/tag_s.html" title="హ్ట్మ్ఎల్ <s> టాగ్"><s></a></li> <li><a href="/te/tags/tag_samp.html" title="హ్ట్మ్ఎల్ <samp> టాగ్"><samp></a></li> <li><a href="/te/tags/tag_script.html" title="హ్ట్మ్ఎల్ <script> టాగ్"><script></a></li> <li><a href="/te/tags/tag_search.html" title="హ్ట్మ్ఎల్ <search> టాగ్"><search></a></li> <li><a href="/te/tags/tag_section.html" title="హ్ట్మ్ఎల్ <section> టాగ్"><section></a></li> <li><a href="/te/tags/tag_select.html" title="హ్ట్మ్ఎల్ <select> టాగ్"><select></a></li> <li><a href="/te/tags/tag_small.html" title="హ్ట్మ్ఎల్ <small> టాగ్"><small></a></li> <li><a href="/te/tags/tag_source.html" title="హ్ట్మ్ఎల్ <source> టాగ్"><source></a></li> <li><a href="/te/tags/tag_span.html" title="హ్ట్మ్ఎల్ <span> టాగ్"><span></a></li> <li><a href="/te/tags/tag_strike.html" title="హ్ట్మ్ఎల్ <strike> టాగ్"><strike></a></li> <li><a href="/te/tags/tag_strong.html" title="హ్ట్మ్ఎల్ <strong> టాగ్"><strong></a></li> <li><a href="/te/tags/tag_style.html" title="హ్ట్మ్ఎల్ <style> టాగ్"><style></a></li> <li><a href="/te/tags/tag_sub.html" title="HTML <sub> టాగు"><sub></a></li> <li><a href="/te/tags/tag_summary.html" title="HTML <summary> టాగు"><summary></a></li> <li><a href="/te/tags/tag_sup.html" title="HTML <sup> టాగు"><sup></a></li> <li><a href="/te/tags/tag_svg.html" title="HTML <svg> టాగు"><svg></a></li> <li><a href="/te/tags/tag_table.html" title="HTML <table> టాగు"><table></a></li> <li><a href="/te/tags/tag_tbody.html" title="HTML <tbody> టాగు"><tbody></a></li> <li><a href="/te/tags/tag_td.html" title="HTML <td> టాగు"><td></a></li> <li><a href="/te/tags/tag_template.html" title="HTML <template> టాగు"><template></a></li> <li><a href="/te/tags/tag_textarea.html" title="HTML <textarea> టాగు"><textarea></a></li> <li><a href="/te/tags/tag_tfoot.html" title="HTML <tfoot> టాగు"><tfoot></a></li> <li><a href="/te/tags/tag_th.html" title="HTML <th> టాగు"><th></a></li> <li><a href="/te/tags/tag_thead.html" title="HTML <thead> టాగు"><thead></a></li> <li><a href="/te/tags/tag_time.html" title="HTML <time> టాగు"><time></a></li> <li><a href="/te/tags/tag_title.html" title="HTML <title> టాగు"><title></a></li> <li><a href="/te/tags/tag_tr.html" title="HTML <tr> టాగు"><tr></a></li> <li><a href="/te/tags/tag_track.html" title="HTML <track> టాగు"><track></a></li> <li><a href="/te/tags/tag_tt.html" title="HTML <tt> టాగు"><tt></a></li> <li><a href="/te/tags/tag_u.html" title="HTML <u> టాగు"><u></a></li> <li><a href="/te/tags/tag_ul.html" title="HTML <ul> టాగు"><ul></a></li> <li><a href="/te/tags/tag_var.html" title="HTML <var> టాగు"><var></a></li> <li><a href="/te/tags/tag_video.html" title="HTML <video> టాగు"><video></a></li> <li><a href="/te/tags/tag_wbr.html" title="HTML <wbr> టాగు"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/te/howto/index.html" title="CodeW3C.com పరికరం">CodeW3C.com పరికరం</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>హ్ట్మ్ఎల్ <picture> టాగ్</h1> <div class="prenextnav"> <ul> <li> ముంది పేజీ <a href="/te/tags/tag_param.html" title="హ్ట్మ్ఎల్ <param> టాగ్"><param></a></li> <li> తదుపరి పేజీ <a href="/te/tags/tag_pre.html" title="హ్ట్మ్ఎల్ <pre> టాగ్"><pre></a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code><picture></code> 标签让 web 开发人员在指定图像资源时更加灵活。</p> <p><code><picture></code> 元素最常见的用途是响应式设计中的艺术方向。可以设计多个图像以更好地填充浏览器视口，而不是让一张图像根据视口宽度按比例放大或缩小。</p> <p><code><picture></code> 元素包含两个标签：一个或多个 <a href="/te/tags/tag_source.html" title="హ్ట్మ్ఎల్ <source> టాగ్"><source> 标签</a> 和一个 <a href="/te/tags/tag_img.html" title="హ్ట్మ్ఎల్ <img> టాగ్"><img> 标签</a>。</p> <p>浏览器将查找媒体查询与当前视口宽度匹配的第一个 <source> 元素，然后它将显示正确的图像（在 srcset 属性中指定）。 <img> 元素作为 <code><picture></code> ఎలిమెంట్ చివరి కుమారుడు అవసరం, ఏమీ సోర్స్ టాగ్ అనుగుణంగా లేకపోతే ప్రత్యామ్నాయ ఆప్షన్ గా ఉపయోగించబడుతుంది.</p> <p class="tip"><span>సూచన:</span><code><picture></code> ఎలిమెంట్ పనికి ప్రామాణికం: <a href="/te/tags/tag_video.html" title="HTML <video> టాగు"><video></a> మరియు <a href="/te/tags/tag_audio.html" title="హ్ట్మ్ఎల్ <audio> టాగ్"><audio></a> అనుకూలించే మూలం వివిధంగా నిర్ణయించవచ్చు. అనుకూలించే మూలం మొదటి మూలం ఉపయోగించబడుతుంది.</p> <h3>మరింత చూడండి:</h3> <p>HTML పాఠ్యక్రమం:<a href="/te/html/html_images_picture.html" title="HTML <picture> అంశం">HTML <picture> అంశం</a></p> <p>CSS పాఠ్యక్రమం:<a href="/te/css/css_rwd_images.html" title="రెస్పాన్సివ్ వెబ్ డిజైన్ - చిత్రాలు">CSS రెస్పాన్సివ్ డిజైన్ - చిత్రాలు</a></p> </div> <div> <h2>ఉదాహరణ</h2> <p><code><picture></code> టాగు ఉపయోగం విధానం:</p> <pre class="language-html"> <picture> <source media="(min-width:650px)" srcset="flowers-1.jpg"> <source media="(min-width:465px)" srcset="flowers-2.jpg"> <img src="flowers-3.jpg" alt="Flowers" style="width:auto;"> </picture> </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=tags_picture">స్వయంగా ప్రయత్నించండి</a></p> </div> <div> <h2>గ్లౌబల్ అట్రిబ్యూట్స్</h2> <p><code><picture></code> టాగులు కూడా మద్దతు ఇస్తాయి <a href="/te/tags/html_ref_standardattributes.html" title="హ్ట్మ్ఎల్ గ్లోబల్ అట్రిబ్యూట్స్">HTML లో గ్లౌబల్ అట్రిబ్యూట్స్</a>。</p> </div> <div> <h2>ఇవెంట్ అట్రిబ్యూట్స్</h2> <p><code><picture></code> టాగులు కూడా మద్దతు ఇస్తాయి <a href="/te/tags/html_ref_eventattributes.html" title="HTML ఇవెంట్ అట్రిబ్యూట్స్">HTML లో ఇవెంట్ అట్రిబ్యూట్స్</a>。</p> </div> <div> <h2>బ్రౌజర్ మద్దతు</h2> <p>పట్టికలో నమూనాలు ఈ టాగును పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను చూపిస్తాయి.</p> <table class="browser-support"> <tr> <th class="bsChrome">క్రోమ్</th> <th class="bsEdge">ఎడ్జ్</th> <th class="bsFirefox">ఫైర్ఫాక్స్</th> <th class="bsSafari">సఫారీ</th> <th class="bsOpera">ఆపెరా</th> </tr> <tr> <td>క్రోమ్</td> <td>ఎడ్జ్</td> <td>ఫైర్ఫాక్స్</td> <td>సఫారీ</td> <td>ఆపెరా</td> </tr> <tr> <td>38.0</td> <td>13.0</td> <td>38.0</td> <td>9.1</td> <td>25.0</td> </tr> </table> </div> <div class="prenextnav"> <ul> <li> ముంది పేజీ <a href="/te/tags/tag_param.html" title="హ్ట్మ్ఎల్ <param> టాగ్"><param></a></li> <li> తదుపరి పేజీ <a href="/te/tags/tag_pre.html" title="హ్ట్మ్ఎల్ <pre> టాగ్"><pre></a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> టూల్స్ బాక్స్ </center><h3> <h5 id="tools_reference"><a href="/te/tags/index.html">HTML సంక్షిప్త పరిశీలనం</a></h5> <h5 id="tools_example"><a href="/te/html/html_examples.html">HTML ఉదాహరణలు</a></h5> <h5 id="tools_quiz"><a href="/te/html/html_quiz.html">HTML పరీక్ష</a></h5> <h5 id="tools_tutorial"><a href="/te/html/index.html">HTML పాఠ్యక్రమం</a></h5> </div> <div><h3><center> ప్రాయోజిత లింకులు </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com అందించే విషయాలు శిక్షణ మరియు పరీక్షకు ఉపయోగపడతాయి, విషయాల నిజత్వాన్ని హామీ ఇవ్వబడదు. ఈ సైట్ విషయాల ఉపయోగం ద్వారా వచ్చే అపాయాలు ఈ సైట్ తో సంబంధం లేదు. అధికారిక రక్షణ అధికారం అధికారిక రక్షణ అధికారం ప్రత్యేకంగా రక్షించబడింది. </p> <p id="p2"> <a href="/te/about/index.html" title="గురించి CodeW3C.com">గురించి CodeW3C.com</a> <a href="/te/about/about_helping.html" title="CodeW3C.com సహాయం">CodeW3C.com సహాయం</a> <a href="/te/about/about_use.html" title="ఉపయోగం గురించి">ఉపయోగ నిబంధనలు</a> <a href="/te/about/about_privacy.html" title="గోప్యతా విషయం">గోప్యతా నిబంధనలు</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="పవర్డ్ ద్వారా Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>