Mafunzo ya CodeW3C
Mafunzo ya HTML
Mashairi ya Mtu wa Kifaa
Mashairi ya Mtu wa Serikali
Mafunzo ya Kifungua
Mafunzo ya XML
Kitabu cha Kuzungumza
Kitabu cha Mafanikio
Mwongozo wa Masomo
Kitabu cha Mafanikio
HTML Elementi (Usaidizi wa Herufi)
HTML Elementi (Usaidizi wa Kina)
HTML Wabunifu wa Kifaa
Mafanikio ya Kifungu cha Kifungu cha Kifungu cha Kifungu
HTML Tukio
Mafanikio ya Kichwa cha Kifungu cha Kifungu cha Kifungu
HTML Canvas
HTML Video/Audio
Chaji cha Kifungu cha Kifungu cha Kifungu
HTML Tani ya Andiko
Kifungu cha URL cha Kifungu cha Kifungu cha Kifungu
HTML Nia ya Kifaa
HTML Nchi ya Taarifa
HTTP Jina
HTTP Mwongozo
Kifungu cha Kifungu cha Kifungu cha Kifungu
HTML Tegumi
<!-->
<!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>
<style>
</a></li> <li><a href="/sw/tags/tag_tfoot.html" title="HTML <tfoot> yaani"><tfoot></a></li> <li><a href="/sw/tags/tag_th.html" title="HTML <th> yaani"><th></a></li> <li><a href="/sw/tags/tag_thead.html" title="HTML <thead> yaani"><thead></a></li> <li><a href="/sw/tags/tag_time.html" title="HTML <time> yaani"><time></a></li> <li><a href="/sw/tags/tag_title.html" title="HTML <title> yaani"><title></a></li> <li><a href="/sw/tags/tag_tr.html" title="HTML <tr> yaani"><tr></a></li> <li><a href="/sw/tags/tag_track.html" title="HTML <track> yaani"><track></a></li> <li><a href="/sw/tags/tag_tt.html" title="HTML <tt> yaani"><tt></a></li> <li><a href="/sw/tags/tag_u.html" title="HTML <u> yaani"><u></a></li> <li><a href="/sw/tags/tag_ul.html" title="HTML <ul> yaani"><ul></a></li> <li><a href="/sw/tags/tag_var.html" title="HTML <var> yaani"><var></a></li> <li><a href="/sw/tags/tag_video.html" title="HTML <video> yaani"><video></a></li> <li><a href="/sw/tags/tag_wbr.html" title="HTML <wbr> yaani"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="CodeW3C.com kiti cha kizuri">CodeW3C.com kiti cha kizuri</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>Kifungu cha Kifungu cha Kifungu cha Kifungu</h1> <div class="prenextnav"> <ul> <li> Mwanzo wa kichwani <a href="/sw/tags/tag_blockquote.html" title="Kifungu cha Kifungu cha Kifungu cha Kifungu"><blockquote></a></li> <li> Pya zaidi <a href="/sw/tags/tag_br.html" title="Kifungu cha Kifungu cha Kifungu cha Kifungu"><br></a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code><body></code> 标签定义文档的主体。</p> <p>HTML 文档的元数据和文档信息包装在 head 元素中，文档的内容则包装在 body 元素中。</p> <p>body 元素总是紧跟在 head 元素之后，它是 html 元素的第二个子元素。</p> <p><code><body></code> 元素包含 HTML 文档的所有内容，例如标题、段落、图像、超链接、表格、列表等。</p> <p class="important"><span>注意：</span>一个 HTML 文档中只能有一个 <code><body></code> 元素。</p> </div> <div> <h2>实例</h2> <p>一个简单却完整的 HTML 文档：</p> <pre class="language-html"> <!DOCTYPE html> <html> <head> <title>文档标题</title> </head> <body> <h1>这是一个标题</h1> <p>这是一个段落。</p> </body> </html> </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_body">Jifunze tena</a></p> <p class="tip"><span>提示：</span>页面底部提供更多实例。</p> </div> <div> <h2>全局属性</h2> <p><code><body></code> 标签还支持 <a href="/sw/tags/html_ref_standardattributes.html" title="Mafanikio ya Kifungu cha Kifungu cha Kifungu cha Kifungu">HTML 中的全局属性</a>。</p> </div> <div> <h2>事件属性</h2> <p><code><body></code> 标签还支持 <a href="/sw/tags/html_ref_eventattributes.html" title="Hati ya matukio ya HTML">HTML 中的事件属性</a>。</p> </div> <div> <h2>默认的 CSS 设置</h2> <p>大多数浏览器将使用以下默认值显示 <code><body></code> 元素：</p> <pre class="language-css"> body { display: block; margin: 8px; } body:focus { outline: none; } </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_body_default_css">Jifunze tena</a></p> </div> <div> <h2>更多实例</h2> <h3>例子 1</h3> <p>向文档添加背景图像（使用 CSS）：</p> <pre class="language-html"> <html> <head> <style> body { background-image: url(w3s.png); } </style> </head> <body> <h1>Hello world!</h1> <p><a href="">kufaa codew3c.com!</a></p> </body> </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_body_background_css">Jifunze tena</a></p> <h3>例子 2</h3> <p>设置文档的背景颜色（使用 CSS）：</p> <pre class="language-html"> <html> <head> <style> body { background-color: #E6E6FA; } </style> </head> <body> <h1>Hello world!</h1> <p><a href="https://www.codew3c.com">访问 codew3c.com！</a></p> </body> </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_body_bgcolor_css">Jifunze tena</a></p> <h3>例子 3</h3> <p>设置文档中文本的颜色（使用 CSS）：</p> <pre class="language-html"> <html> <head> <style> body { color: green; } </style> </head> <body> <h1>Hello world!</h1> <p>Hii ni mawili wa matendo.</p> <p><a href="">kufaa codew3c.com!</a></p> </body> </html> </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_body_text_css">Jifunze tena</a></p> <h3>mivuno 4</h3> <p>Kuzingatia rangi ya viungo vya haukuzaliwa kwenye wasifu (kutumia CSS):</p> <pre class="language-html"> <html> <head> <style> a:link { color:#0000FF; } </style> </head> <body> <p><a href="https://www.codew3c.com">codew3c.com</a></p> <p><a href="https://www.codew3c.com/html/">Mafunzo ya HTML</a></p> </body> </html> </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_body_link_css">Jifunze tena</a></p> <h3>Mifano 5</h3> <p>Kuzingatia rangi ya viungo vya kufanyika kwenye wasifu (kutumia CSS):</p> <pre class="language-html"> <html> <head> <style> a:active { color:#00FF00; } </style> </head> <body> <p><a href="https://www.codew3c.com">codew3c.com</a></p> <p><a href="https://www.codew3c.com/html/">Mafunzo ya HTML</a></p> </body> </html> </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_body_alink_css">Jifunze tena</a></p> <h3>Mifano 6</h3> <p>Kuzingatia rangi ya viungo vya kuzaliwa kwenye wasifu (kutumia CSS):</p> <pre class="language-html"> <html> <head> <style> a:visited { color:#FF0000; } </style> </head> <body> <p><a href="https://www.codew3c.com">codew3c.com</a></p> <p><a href="https://www.codew3c.com/html/">Mafunzo ya HTML</a></p> </body> </html> </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_body_vlink_css">Jifunze tena</a></p> </div> <div> <h2>Mwongozo wa kufungua</h2> <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>Msaada</td> <td>Msaada</td> <td>Msaada</td> <td>Msaada</td> <td>Msaada</td> </tr> </table> </div> <div class="prenextnav"> <ul> <li> Mwanzo wa kichwani <a href="/sw/tags/tag_blockquote.html" title="Kifungu cha Kifungu cha Kifungu cha Kifungu"><blockquote></a></li> <li> Pya zaidi <a href="/sw/tags/tag_br.html" title="Kifungu cha Kifungu cha Kifungu cha Kifungu"><br></a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kifaa cha kiziada </center><h3> <h5 id="tools_reference"><a href="/sw/tags/index.html">Kitabu cha mifano cha 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">Uharibifu wa HTML</a></h5> <h5 id="tools_tutorial"><a href="/sw/html/index.html">Mafunzo ya HTML</a></h5> </div> <div><h3><center> Makampuni ya msaada </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Kuzingatia, kuziwa kwa kusoma kwa sababu ya zawadi za CodeW3C.com zilikuwa kwa mafunzo na mazoezi, hatutakadai kwamba zawadi zingepatikana kwa uadilifu. Mitoa yote ya kusoma hizi yanaanza na tovuti hii yana jukumu. Riproheshi zote, 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 ya CodeW3C.com">Msaada ya 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 huliana">Sharti za huliana</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="Inaripia na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>