Jadwali la Mafunzo

Mafunzo ya Muafaka wa HTML

• Mafunzo ya HTML
• Kivinzo cha HTML
• Mfumili wa HTML
• Muafaka wa HTML
• Mafanikio ya HTML
• Matumizi ya Mafanikio ya HTML
• Mabaki ya HTML
• Mabaki ya HTML
• Mfumo wa HTML
• Muundo wa HTML
• Mawemo ya HTML
• Mawemo ya HTML
• Mawemo ya HTML
• Mawemo ya Mawemo ya HTML
• CSS ya HTML
• Vitendo vya HTML
• Picha za HTML
• Jadaha za HTML
• Orodha za HTML
• Mfumo wa Kifaa wa HTML
• Class za HTML
• Id ya HTML
• Mfumo wa Kifaa wa HTML
• JavaScript ya HTML
• Mwendo wa HTML
• Kapteni ya HTML
• Mabaki ya Layout ya HTML
• Muundo wa Kifaa cha HTML5
• Mafungo ya Kompyuta ya HTML
• Maana ya HTML5
• Mashabiki ya Kifaa ya HTML5
• Entity ya HTML
• Symbol ya HTML
• Simboli ya HTML
• Jina la Herufi ya HTML
• URL ya HTML
• Frame ya HTML
• Mabaki ya Mabaki ya HTML
• Mafungo ya URL ya HTML
• Mfumili wa Web ya HTML
• Aina ya wasiliana wa HTML
• Makadirio ya HTML

HTML XHTML

• Kivinzo cha XHTML
• Elementi ya XHTML
• Masharti ya XHTML

Foramu ya HTML

• Foramu ya HTML
• Matumizi ya Fomu ya HTML
• Mafanikio ya Fomu ya HTML
• Aina ya muonekano wa input ya HTML
• Matumizi ya Input ya HTML
• Masharti ya muonekano wa formu ya HTML

Maelezo ya HTML

• Canvas ya HTML5
• SVG ya HTML5
• Canvas ya HTML5 kumpatikana na SVG

Media ya HTML

• Media ya HTML
• Mwongozo wa HTML
• Audio ya HTML
• Video ya HTML
• HTML YouTube

HTML5

• Kivinzo cha HTML5
• Mwongozo wa HTML5
• Mafanikio ya HTML5
• Hifadhi ya HTML5

API ya HTML

• Marejeo ya Tabia ya Geografia ya HTML5
• Ushirikiano wa HTML5
• Mafungo ya Usikuwa Kwenye Mawebu ya HTML5
• HTML5 Application Cache
• Web Worker ya HTML5
• HTML5 SSE

Mfano/ Teslimu/ Kusoma

• Mafanikio ya HTML
• Mazoezi ya HTML
• Muungano wa HTML

Maneno ya HTML

• Elementi za HTML (kufanyia kazi kwa uangalifu wa herufi)
• Elementi za HTML (kufanyia kazi kwa uangalifu wa mashabiki)
• Mwongozo wa baravizi wa HTML
• Mafupi ya HTML
• Matukio ya HTML
• Mawemo ya Mawemo ya HTML
• Canvas ya HTML
• Video/ Audio ya HTML
• Jina la Herufi ya HTML
• Aina ya wasiliana wa HTML
• Mafungo ya URL ya HTML
• Kodadi ya lugha ya HTML
• Kodadi ya nchi ya HTML
• Ujumbe wa HTTP
• Method ya HTTP
• Kifungo cha Kifungu cha Mababu

Kurasa ya kufanyia kazi

Makadirio ya kufanyia kazi:

• Kizamani ya CodeW3C.com

Zaidi ya moja ya njia za kusoma video kwenye HTML.

实例

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.swf" width="320" height="240" />
  </object>
</video>

亲自试一试

Matatizo, matatizo, na jinsi ya kusaidia.

Kusoma video kwenye HTML hauwezi kushika.

Unahitaji kumaliza kina kikubwa cha mifano, ili kubadilika video zako kwa baravizi zote (Internet Explorer, Chrome, Firefox, Safari, Opera) na kila kifaa (PC, Mac, iPad, iPhone).

Kwenye kitabu hiki, CodeW3C.com inasema matatizo na jinsi ya kusaidia.

Tumia kifupi cha <embed>.

Kikamilifu cha kifupi cha <embed> ni kufupisha elementi ya mimea kwenye ukurasa wa HTML.

Makala ya HTML inayonunuliwa hapa inaonyesha video ya Flash inayotumia kifupi cha kichwani kwenye wavuti.

实例

<embed src="movie.swf" height="200" width="200"/>

亲自试一试

Matatizo

• HTML4 haonekani kifupi cha <embed>. Ukurasa wako hauwezi kupata uanzishaji.
• Ikiwa baravizi huzingatia Flash, video hawakuwezi kusomwa.
• iPad na iPhone hazinaonyesha video za Flash.
• Ikiwa unaitwa na video inayotumia mu hifadhi ya mengine, hawakuwezi kusomwa kwa baravizi zote.

Tumia kifupi cha <object>.

Kikamilifu cha kifupi cha <object> ni kufupisha elementi ya mimea kwenye ukurasa wa HTML.

Makala ya HTML inayonunuliwa hapa inaonyesha video ya Flash inayotumia kifupi cha kichwani kwenye wavuti.

实例

<object data="movie.swf" height="200" width="200"/>

亲自试一试

Matatizo

• Ikiwa baravizi huzingatia Flash, video hawakuwezi kusomwa.
• iPad na iPhone hazinaonyesha video za Flash.
• Ikiwa unaitwa na video inayotumia mu hifadhi ya mengine, hawakuwezi kusomwa kwa baravizi zote.

Tumia kifupi cha <video>.

<video> ina kifupi cha kipya cha HTML 5.

Matumizi ya <video> ni kuingia element ya video kwenye ukurasa wa HTML.

Mafugaji ya HTML inayotunza video ya fomu ya ogg, mp4 au webm inayotumika kwenye wavuti:

实例

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
Mtu wa kigeni hauweza kusaidia vifungo vya video.
</video>

亲自试一试

Matatizo

• Wajibii kubadilisha video kwakati kama vipengele vingi.
• <video> element haaweza kufanya kazi kwenye vifaa vya kidini vya zamani.
• <video> element haaweza kuthabirika kwa HTML 4 na XHTML.

Mwongozo bora wa HTML

HTML 5 + <object> + <embed>

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.swf" width="320" height="240" />
  </object>
</video>

亲自试一试

Kwa matokeo hii kuitumia vipengele vya video vingine tano. HTML 5 <video> element iharibita kusaidia kumwambaa video kwa fomu ya mp4, ogg au webm. Ikiwa kila moja inafaili, inarudisha kwenye <embed> element.

Matatizo

• Wajibii kubadilisha video kwakati kama vipengele vingi.
• <video> element haaweza kuthabirika kwa HTML 4 na XHTML.
• <embed> element haaweza kuthabirika kwa HTML 4 na XHTML.

Mafaragha:Kusaidia matatizo ya tathmini kwa kutumia <!DOCTYPE html> (HTML5).

Matokeo wa Youku

Mwongozo wa kwanza wa kuonekana video kwenye HTML ni kusaidia youku na waliozofuataa kwenye wavuti.

Ikiwe na kuwaona video kwenye wavuti, unaweza kuupenda video kwenye youku na waliozofuataa kwenye wavuti yako iweze kumwambaa video:

<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" 
width="480" height="400" 
type="application/x-shockwave-flash">

亲自试一试

使用超链接

如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。

以下代码片段显示指向 AVI 文件的链接。如果用户点击该链接，浏览器会启动“辅助应用程序”，比如 Windows Media Player 来播放这个 AVI 文件：

实例

Play a video file

亲自试一试

关于内联视频的一段注释

当视频被包含在网页中时，它被称为内联视频。

如果您打算在 web 应用程序中使用内联视频，您需要意识到很多人都觉得内联视频令人恼火。

同时请注意，用户可能已经关闭了浏览器中的内联视频选项。

我们最好的建议是只在用户希望看到内联视频的地方包含它们。一个正面的例子是，在用户需要看到视频并点击某个链接时，会打开页面然后播放视频。

HTML 4.01 多媒体标签

Kifungo cha Vifaa

Maneno ya HTML

Mafanikio ya HTML

Mazoezi ya HTML

Mwabike wa Mwongozo