Makini ya CodeW3C
Makini ya HTML
Browser Script
Server Script
Makini ya mchakato
Makini ya XML
Kitabu cha kumewa kwa tovuti
Kitabu cha maelezo
Class Schedule
Kitabu cha maelezo
HTML Element (Alphabetical Sorting)
HTML Element (Functional Sorting)
HTML Browser Support
Hisia za jumla za HTML
HTML Event
Majina ya rangi ya HTML
HTML Canvas
HTML Video/Audio
Hisia ya heri ya HTML
HTML Document Type
URL kuandikisha ya HTML
HTML Language Code
HTML Country Code
HTTP Message
HTTP Method
Inaruhusiwa ya kiburi cha mawasiliano
HTML Tag
<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
-
</a></li> <li><a href="/sw/tags/tag_img.html" title="Tebili cha HTML <img>"><img></a></li> <li><a href="/sw/tags/tag_input.html" title="Tebili cha HTML <input>"><input></a></li> <li><a href="/sw/tags/tag_ins.html" title="Tebili cha HTML <ins>"><ins></a></li> <li><a href="/sw/tags/tag_kbd.html" title="Tebili cha HTML <kbd>"><kbd></a></li> <li><a href="/sw/tags/tag_label.html" title="Tebili cha HTML <label>"><label></a></li> <li><a href="/sw/tags/tag_legend.html" title="Tebili cha HTML <legend>"><legend></a></li> <li><a href="/sw/tags/tag_li.html" title="Tebili cha HTML <li>"><li></a></li> <li><a href="/sw/tags/tag_link.html" title="Tebili cha HTML <link>"><link></a></li> <li><a href="/sw/tags/tag_main.html" title="Tebili cha HTML <main>"><main></a></li> <li><a href="/sw/tags/tag_map.html" title="Tebili cha HTML <map>"><map></a></li> <li><a href="/sw/tags/tag_mark.html" title="Tebili cha HTML <mark>"><mark></a></li> <li><a href="/sw/tags/tag_menu.html" title="Tebili cha HTML <menu>"><menu></a></li> <li><a href="/sw/tags/tag_meta.html" title="Tebili cha HTML <meta>"><meta></a></li> <li><a href="/sw/tags/tag_meter.html" title="Tebili cha HTML <meter>"><meter></a></li> <li><a href="/sw/tags/tag_nav.html" title="Tebili cha HTML <nav>"><nav></a></li> <li><a href="/sw/tags/tag_noframes.html" title="Tebili cha HTML <noframes>"><noframes></a></li> <li><a href="/sw/tags/tag_noscript.html" title="Tebili cha HTML <noscript>"><noscript></a></li> <li><a href="/sw/tags/tag_object.html" title="Tebili cha HTML <object>"><object></a></li> <li><a href="/sw/tags/tag_ol.html" title="Tebili cha HTML <ol>"><ol></a></li> <li><a href="/sw/tags/tag_optgroup.html" title="Tebili cha HTML <optgroup>"><optgroup></a></li> <li><a href="/sw/tags/tag_option.html" title="Tebili cha HTML <option>"><option></a></li> <li><a href="/sw/tags/tag_output.html" title="Tebili cha HTML <output>"><output></a></li> <li><a href="/sw/tags/tag_p.html" title="Tebili cha HTML <p>"><p></a></li> <li><a href="/sw/tags/tag_param.html" title="Tebili cha HTML <param>"><param></a></li> <li><a href="/sw/tags/tag_picture.html" title="Tebili cha HTML <picture>"><picture></a></li> <li><a href="/sw/tags/tag_pre.html" title="Tebili cha HTML <pre>"><pre></a></li> <li><a href="/sw/tags/tag_progress.html" title="Tebili cha HTML <progress>"><progress></a></li> <li><a href="/sw/tags/tag_q.html" title="Tebili cha HTML <q>"><q></a></li> <li><a href="/sw/tags/tag_rp.html" title="Tebili cha HTML <rp>"><rp></a></li> <li><a href="/sw/tags/tag_rt.html" title="Tebili cha HTML <rt>"><rt></a></li> <li><a href="/sw/tags/tag_ruby.html" title="Tebili cha HTML <ruby>"><ruby></a></li> <li><a href="/sw/tags/tag_s.html" title="Tebili cha HTML <s>"><s></a></li> <li><a href="/sw/tags/tag_samp.html" title="Tebili cha HTML <samp>"><samp></a></li> <li><a href="/sw/tags/tag_script.html" title="Tebili cha HTML <script>"><script></a></li> <li><a href="/sw/tags/tag_search.html" title="Tebili cha HTML <search>"><search></a></li> <li><a href="/sw/tags/tag_section.html" title="Tebili cha HTML <section>"><section></a></li> <li><a href="/sw/tags/tag_select.html" title="Tebili cha HTML <select>"><select></a></li> <li><a href="/sw/tags/tag_small.html" title="Tebili cha HTML <small>"><small></a></li> <li><a href="/sw/tags/tag_source.html" title="Tebili cha HTML <source>"><source></a></li> <li><a href="/sw/tags/tag_span.html" title="Tebili cha HTML <span>"><span></a></li> <li><a href="/sw/tags/tag_strike.html" title="Tebili cha HTML <strike>"><strike></a></li> <li><a href="/sw/tags/tag_strong.html" title="Tebili cha HTML <strong>"><strong></a></li> <li><a href="/sw/tags/tag_style.html" title="Tebili cha HTML <style>"><style></a></li> <li><a href="/sw/tags/tag_sub.html" title="HTML <sub> mpangilio"><sub></a></li> <li><a href="/sw/tags/tag_summary.html" title="HTML <summary> mpangilio"><summary></a></li> <li><a href="/sw/tags/tag_sup.html" title="HTML <sup> mpangilio"><sup></a></li> <li><a href="/sw/tags/tag_svg.html" title="HTML <svg> mpangilio"><svg></a></li> <li><a href="/sw/tags/tag_table.html" title="HTML <table> mpangilio"><table></a></li> <li><a href="/sw/tags/tag_tbody.html" title="HTML <tbody> mpangilio"><tbody></a></li> <li><a href="/sw/tags/tag_td.html" title="HTML <td> mpangilio"><td></a></li> <li><a href="/sw/tags/tag_template.html" title="HTML <template> mpangilio"><template></a></li> <li><a href="/sw/tags/tag_textarea.html" title="HTML <textarea> mpangilio"><textarea></a></li> <li><a href="/sw/tags/tag_tfoot.html" title="HTML <tfoot> mpangilio"><tfoot></a></li> <li><a href="/sw/tags/tag_th.html" title="HTML <th> mpangilio"><th></a></li> <li><a href="/sw/tags/tag_thead.html" title="HTML <thead> mpangilio"><thead></a></li> <li><a href="/sw/tags/tag_time.html" title="HTML <time> mpangilio"><time></a></li> <li><a href="/sw/tags/tag_title.html" title="HTML <title> mpangilio"><title></a></li> <li><a href="/sw/tags/tag_tr.html" title="HTML <tr> mpangilio"><tr></a></li> <li><a href="/sw/tags/tag_track.html" title="HTML <track> mpangilio"><track></a></li> <li><a href="/sw/tags/tag_tt.html" title="HTML <tt> mpangilio"><tt></a></li> <li><a href="/sw/tags/tag_u.html" title="HTML <u> mpangilio"><u></a></li> <li><a href="/sw/tags/tag_ul.html" title="HTML <ul> mpangilio"><ul></a></li> <li><a href="/sw/tags/tag_var.html" title="HTML <var> mpangilio"><var></a></li> <li><a href="/sw/tags/tag_video.html" title="HTML <video> mpangilio"><video></a></li> <li><a href="/sw/tags/tag_wbr.html" title="HTML <wbr> mpangilio"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="CodeW3C.com kikaa cha kipata">CodeW3C.com kikaa cha kipata</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>HTML <source> media 属性</h1> <div class="backtoreference"> <p><a href="/sw/tags/tag_source.html">Tebili cha HTML <source></a></p> </div> <div> <h2>定义和用法</h2> <p><code>media</code> 属性接受任何通常在 CSS 中定义的有效媒体查询。</p> <p class="important"><span>注意：</span>此属性可以接受多个值。</p> </div> <div> <h2>实例</h2> <p>一个包含两个源文件和一个后备图像的 <picture> 元素：</p> <pre class="language-html"> <picture> <source media="(min-width:650px)" srcset="flower-1.jpg"> <source media="(min-width:465px)" srcset="flower-2.jpg"> <img src="flower-3.jpg" alt="Flowers" style="width:auto;"> </picture> </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tag_source_media">Tafiri kwa mafanikio yako</a></p> </div> <div> <h2>Ina hifadhi ya lugha</h2> <pre class="language-html"> <source media="<i>media_query</i>> </pre> <h3>Mbinu yaliyofanana</h3> <table class="dataintable"> <tr> <th style="width:30%">Mbinu</th> <th>Maelezo</th> </tr> <tr> <td>and</td> <td>Ina hifadhi ya mbinu ya AND.</td> </tr> <tr> <td>not</td> <td>Ina hifadhi ya mbinu ya NOT.</td> </tr> <tr> <td>,</td> <td>Ina hifadhi ya mbinu ya OR.</td> </tr> </table> <h3>Vivaa</h3> <table class="dataintable"> <tr> <th style="width:30%">Wakati</th> <th>Maelezo</th> </tr> <tr> <td>all</td> <td>Chaguo cha kuzingatia. Kina huzingatia vifaa vyote.</td> </tr> <tr> <td>aural</td> <td>Mchakato wa sauti.</td> </tr> <tr> <td>braille</td> <td>Vituo vya kibara vya kina.</td> </tr> <tr> <td>handheld</td> <td>Vifaa vya kifaa (msingi wa kina, uwezo wa bandi kidogo).</td> </tr> <tr> <td>projection</td> <td>Projecti.</td> </tr> <tr> <td>print</td> <td>Mfano wa kuelewa na kichapwa/kipangilio cha picha.</td> </tr> <tr> <td>screen</td> <td>Skrimi ya kompyuta.</td> </tr> <tr> <td>tty</td> <td>Tty na vifaa vingine vya uhariri wa data kwa vifaa vya uhariri wa data.</td> </tr> <tr> <td>tv</td> <td>Vifaa vya telewiziyoni (matokeo ya hasira, uwezo wa kipangilio kidogo).</td> </tr> </table> <h3>Wakati</h3> <table class="dataintable"> <tr> <th style="width:30%">Wakati</th> <th>Maelezo</th> </tr> <tr> <td>width</td> <td> <p>Ina hifadhi ya eneo la muonekano la kina.</p> <p>Inaweza kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (min-width:500px)"</p> </td> </tr> <tr> <td>height</td> <td> <p>Ina hifadhi ya eneo la muonekano la kina.</p> <p>Inaweza kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (max-height:700px)"</p> </td> </tr> <tr> <td>device-width</td> <td> <p>Ina hifadhi ya muonekano wa kina/kitabu.</p> <p>Inaweza kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (device-width:500px)"</p> </td> </tr> <tr> <td>device-height</td> <td> <p>Ina hifadhi ya muonekano wa kina/kitabu.</p> <p>Inaweza kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (device-height:500px)"</p> </td> </tr> <tr> <td>orientation</td> <td> <p>Ina hifadhi ya muonekano wa kina/kitabu.</p> <p>Mifano: "portrait" au "landscape"</p> <p>Mfano: media="all and (orientation: landscape)"</p> </td> </tr> <tr> <td>aspect-ratio</td> <td> <p>Ina hifadhi ya ugaumptioni wa eneo la muonekano la kina/kitabu.</p> <p>Inaweza kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (aspect-ratio:16/9)"</p> </td> </tr> <tr> <td>device-aspect-ratio</td> <td> <p>Ina hifadhi ya muonekano wa kina/kitabu inayoweza kulinda ugaumptioni wa device-width/device-height.</p> <p>Inaweza kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (aspect-ratio:16/9)"</p> </td> </tr> <tr> <td>color</td> <td> <p>Ina hifadhi ya muonekano wa kina inayoweza kulinda rangi kila moja.</p> <p>Inaweza kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (color:3)"</p> </td> </tr> <tr> <td>color-index</td> <td> <p>Ina hifadhi ya muonekano wa mtandao wa kina inayoweza kulinda rangi.</p> <p>Inaweza kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (min-color-index:256)"</p> </td> </tr> <tr> <td>monochrome</td> <td> <p>Inakadiri namba ya biti kwa kinaingia ya mtafiti wa mabaki.</p> <p>Inaweza kutumia mpangilio wa "min-" na "max-".</p> <p>Mifano: media="screen and (monochrome:2)"</p> </td> </tr> <tr> <td>resolution</td> <td> <p>Inakadiri uharibifu wa kinaingia/kitabu cha kinaingia kwa pixeli (dpi au dpcm).</p> <p>Inaweza kutumia mpangilio wa "min-" na "max-".</p> <p>Mifano: media="print and (resolution:300dpi)"</p> </td> </tr> <tr> <td>scan</td> <td> <p>Inakadiri methodi ya kinaingia ya mtafiti wa televisheni.</p> <p>Wazalendo wengi ni: "progressive" na "interlace".</p> <p>Mifano: media="tv and (scan:interlace)"</p> </td> </tr> <tr> <td>grid</td> <td> <p>Inakadiri kinaingia kwa kinaingia au picha ya kinaingia.</p> <p>Wazalendo wengi: "1" inaonyesha raa, "0" ni nyingine.</p> <p>Mifano: media="handheld and (grid:1)"</p> </td> </tr> </table> </div> <div> <h2>Mwabika wa kinaingia</h2> <p>Namba za kati inaonyesha toleo la kwanza ambao kinahusiana na kinaingia kwa sababu ya kinaingia.</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>38.0</td> <td>9.0</td> <td>15.0</td> <td>9.1</td> <td>25.0</td> </tr> </table> </div> <div class="backtoreference"> <p><a href="/sw/tags/tag_source.html">Tebili cha HTML <source></a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kifunzi cha kifaa </center><h3> <h5 id="tools_reference"><a href="/sw/tags/index.html">Makala ya HTML</a></h5> <h5 id="tools_example"><a href="/sw/html/html_examples.html">Mifano ya HTML</a></h5> <h5 id="tools_quiz"><a href="/sw/html/html_quiz.html">Mazoezi ya HTML</a></h5> <h5 id="tools_tutorial"><a href="/sw/html/index.html">Mafunzo ya HTML</a></h5> </div> <div><h3><center> Mwabika wa mshambulizi </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya CodeW3C.com inaofunza na mchakato wa mtaarifu, haukuwapa msaada kwa ujumbe wa matumizi. Risiko ambalo linaingia kwa matumizi ya kwa kwa tovuti haukutokea tovuti. Haki za kuzuri, inahifadhi haki zote. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Msaada CodeW3C.com">Msaada CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu matumizi">Mshahara ya matumizi</a> <a href="/sw/about/about_privacy.html" title="Kuhusu heshima">Mshahara ya heshima</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="Inaruhusiwa na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>