Mafunzo ya CodeW3C kwenye Ushiriki
  • Mafunzo ya HTML
  • Mashairi ya browser
  • Mashairi ya server
  • 编程教程
  • XML 系列教程
  • 建站手册
  • 参考手册

Jadua la mafunzo

参考手册

  • Mifano ya HTML (kufichwa kwa harufi)
  • Mifano ya HTML (kufichwa kwa mizingo wa muonekano)
  • Mwongozo wa browser cha HTML
  • HTML 全局属性
  • Matukio ya HTML
  • HTML 颜色名
  • Kanvasi cha HTML
  • Video/ Audio ya HTML
  • HTML 字符集
  • Jadili ya Doku ya HTML
  • HTML URL 编码
  • Namba ya Lugha ya HTML
  • Namba ya Dola ya HTML
  • Rahisho ya HTTP
  • Muhimu wa HTTP
  • 键盘快捷键

HTML Mifano

  • <!-->
  • <!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>
  • <figcaption>
  • <figure>
  • <font>
  • <footer>
  • <form>
  • <frame>
  • <frameset>
  • <h1> - <h6>
  • <head>
  • <header>
  • <hgroup>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <input>
  • <ins>
  • <kbd>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <main>
  • <map>
  • <mark>
  • <menu>
  • <meta>
  • <meter>
  • <nav>
  • <noframes>
  • <noscript>
  • <object>
  • <ol>
  • <optgroup>
  • <option>
  • <output>
  • <p>
  • <param>
  • <picture>
  • <pre>
  • <progress>
  • <q>
  • <rp>
  • <rt>
  • <ruby>
  • <s>
  • <samp>
  • <script>
  • <search>
  • <section>
  • <select>
  • <small>
  • <source>
  • <span>
  • <strike>
  • <strong>
  • <style>
  • <sub>
  • <summary>
  • <sup>
  • <svg>
  • <table>
  • <tbody>
  • <td>
  • <template>
  • <textarea>
  • <tfoot>
  • </a></li> <li><a href="/sw/tags/tag_tr.html" title="Tafuta <tr> ya HTML"><tr></a></li> <li><a href="/sw/tags/tag_track.html" title="Tafuta <track> ya HTML"><track></a></li> <li><a href="/sw/tags/tag_tt.html" title="Tafuta <tt> ya HTML"><tt></a></li> <li><a href="/sw/tags/tag_u.html" title="Tafuta <u> ya HTML"><u></a></li> <li><a href="/sw/tags/tag_ul.html" title="Tafuta <ul> ya HTML"><ul></a></li> <li><a href="/sw/tags/tag_var.html" title="Tafuta <var> ya HTML"><var></a></li> <li><a href="/sw/tags/tag_video.html" title="Tafuta <video> ya HTML"><video></a></li> <li><a href="/sw/tags/tag_wbr.html" title="Tafuta <wbr> ya HTML"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Box ya CodeW3C.com">Box ya 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>Tafuta <template> ya HTML</h1> <div class="prenextnav"> <ul> <li> Sehemu ya pekee <a href="/sw/tags/tag_td.html" title="Tafuta <td> ya HTML"><td></a></li> <li> Pya jaadiliano <a href="/sw/tags/tag_textarea.html" title="Tafuta <textarea> ya HTML"><textarea></a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code><template></code> 标签用作容器，用于在页面加载时对用户隐藏一些 HTML 内容。</p> <p><code><template></code> kwenye kipindi cha kuu kwa kuzingatia kwa kufikiria kwa JavaScript kuonekana kipindi hiki kisha.</p> <p>Ikiwa una kipindi cha HTML ambacho unataka kutumia mara nyingi, lakini inahitajika kuonekana wakati ambao unahitaji, unaweza kutumia <code><template></code> taga. Ikiwa huna <code><template></code> Tumia taga, wakati una haja kumaliza kipindi cha HTML kwa kuzingatia kwa browser kuangalia kipindi hiki.</p> </div> <div> <h2>Mfano</h2> <h3>Mfano 1</h3> <p>Tumia <code><template></code> Hifadhi zawadi ambazo hazitawekwa kwenye ukurasa wa ujumbe wakati wa ujumbe: na tumia JavaScript kuonyesha hii zawadi:</p> <pre class="language-html"> <button onclick="showContent()">Show hidden content</button> <template> <h2>Flower</h2> <img src="img_white_flower.jpg" width="214" height="204"> </template> <script> function showContent() { var temp = document.getElementsByTagName("template")[0]; var clon = temp.content.cloneNode(true); document.body.appendChild(clon); } </script> </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_template_1">Jifunze tena</a></p> <h3>Mfano 2</h3> <p>Tumia div mpya kwa kila maelezo katika orodha. Kipindi kipya cha HTML kwa kila div kinahusishwa kwenye elementi ya template:</p> <pre class="language-html"> <template> <div class="myClass">I like: </div> </template> <script> var myArr = ["Audi", "BMW", "Ford", "Honda", "Jaguar", "Nissan"]; function showContent() { var temp, item, a, i; temp = document.getElementsByTagName("template")[0]; item = temp.content.querySelector("div"); kwa i = 0; i < myArr.length; i++) { a = document.importNode(item, true); a.textContent += myArr[i]; document.body.appendChild(a); } } </script> </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_template_2">Jifunze tena</a></p> <h3>Mifano 3</h3> <p>Tafuta kufikia <code><template></code> Inasimamia:</p> <pre class="language-html"> <script> if (document.createElement("template").content) { document.write("Your browser supports template!"); } else { document.write("Your browser does not supports template!"); } </script> </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_template_3">Jifunze tena</a></p> </div> <div> <h2>Mafungo ya jumla</h2> <p><code><template></code> Tafuta pia inasimamia <a href="/sw/tags/html_ref_standardattributes.html" title="HTML 全局属性">Mafungo ya jumla ya HTML</a>.</p> </div> <div> <h2>Makampuni ya kusakinisha</h2> <p>Inafaa kumtaarifu na kumwita na.browser ya kwanza ya kusakinisha tabia hii.</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>26.0</td> <td>13.0</td> <td>22.0</td> <td>8.0</td> <td>15.0</td> </tr> </table> </div> <div class="prenextnav"> <ul> <li> Sehemu ya pekee <a href="/sw/tags/tag_td.html" title="Tafuta <td> ya HTML"><td></a></li> <li> Pya jaadiliano <a href="/sw/tags/tag_textarea.html" title="Tafuta <textarea> ya HTML"><textarea></a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kitu cha kutosha </center><h3> <h5 id="tools_reference"><a href="/sw/tags/index.html">Mashirika 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">Majadiliano ya HTML</a></h5> <h5 id="tools_tutorial"><a href="/sw/html/index.html">Mafunzo ya HTML</a></h5> </div> <div><h3><center> Mwafikaji wa mbali </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya CodeW3C.com inatumiwa kwa mafunzo na matokeo, hatuwa hatarishwa kwamba matokeo yana uwezo. Mabaya ya kutumia matokeo ya tovuti hauwezi kutokea kwa tovuti hii. Hisia ya aina yote inahifadhiwa, na hata imeweka kila haki. </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 wa CodeW3C.com">Msaada wa CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Sharti za kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu habari ya隐私">Sharti za隐私</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="Inariki na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>