Kichwa cha Mada

Mafunzo ya HTML ya Kwanza

• Mafunzo ya HTML
• Kifupi cha HTML
• Mbijani wa HTML
• Mafunzo ya HTML
• Muundo wa HTML
• Mafano ya HTML
• Makabila ya HTML
• Makutano ya HTML
• Maelezo ya HTML
• Muundo wa HTML
• Matumizi ya Mawasiliano ya HTML
• Mafano ya Mawasiliano ya HTML
• Mafano ya Rangi ya HTML
• Mafano ya Jina la Rangi ya HTML
• CSS ya HTML
• Mawasiliano ya Kichwa cha HTML
• Mafano ya Picha ya HTML
• Mafano ya Taarifa ya HTML
• Mafano ya Orodha ya HTML
• Kifaa cha HTML
• Mafano ya Class ya HTML
• Id ya HTML
• Ina ya Kichwa cha HTML
• JavaScript ya HTML
• Njia ya HTML
• Kapanda cha HTML
• Muundo wa Web wa HTML
• Muundo wa Kirefu wa HTML
• Kodha ya Kompyuta ya HTML
• Maana ya HTML5
• Muungano wa Kipindi cha HTML5
• Mafanikio ya Entity ya HTML
• Mafanikio ya Symbol ya HTML
• Ina ya HTML
• Mafupi ya HTML
• URL ya HTML
• Mafanikio ya Frame ya HTML
• Mafanikio ya Mabara ya HTML
• Mafanikio ya URL ya HTML
• Mafanikio ya Web Server ya HTML
• Muundo wa faili ya HTML
• Kitabu cha kawaida cha HTML

HTML XHTML

• Kifupi cha XHTML
• Elementi ya XHTML
• Mafanikio ya XHTML

Formu ya HTML

• Formu ya HTML
• Mafano ya Mafano ya Form ya HTML
• Mafano ya Element ya Form ya HTML
• Aina ya input ya HTML
• Mafano ya Mafano ya Input ya HTML
• Mafanikio ya formu ya input ya HTML

Maelezo ya HTML

• Canvas ya HTML5
• SVG ya HTML5
• Canvas ya HTML5 vs SVG

Media ya HTML

• Media ya HTML
• Muundo wa HTML
• Mafanikio ya Audio ya HTML
• Mafanikio ya Video ya HTML
• HTML YouTube

HTML5

• Kifupi cha HTML5
• Mwongozo wa HTML5
• Element ya HTML5
• Mafanikio ya Migration ya HTML5

API ya HTML

• Mafanikio ya Geolocation ya HTML5
• Mafanikio ya Drag and Drop ya HTML5
• Mafanikio ya Web Storage ya HTML5
• Cache ya HTML5
• Mafanikio wa Web Worker ya HTML5
• SSE ya HTML5

Mfano/ Mfumo/ Muafikiaji

• Mafanikio ya HTML
• Mafanikio ya HTML
• Mafanikio ya HTML

Mwongozo wa HTML

• Makundi ya elementi ya HTML (kufichwa kwa hurufi)
• Makundi ya elementi ya HTML (kufichwa kwa muundo wa kufanyikia)
• Baravizi ya HTML
• Mafupi ya Kifungu cha HTML
• Matukio ya HTML
• Mafano ya Jina la Rangi ya HTML
• Canvas ya HTML
• Video/ Audio ya HTML
• Mafupi ya HTML
• Muundo wa faili ya HTML
• Mafanikio ya URL ya HTML
• Kipindi cha lugha cha HTML
• Kipindi cha nchi cha HTML
• Ujumbe wa HTTP
• Muundo wa HTTP
• Mipaa ya Kibili

Kurahisisha

Mauzo wa Kemia:

• Tumbu ya Kifungu cha CodeW3C.com

Zaidi ya sababu za kusomwa video kwenye HTML.

Mifano

<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>

Jaribu kwenye mawasiliano

Matatizo, matatizo, na habari za kusaidia

Kusomwa video kwenye HTML hauwezi kufanyika kwa kawaida!

Unahitaji kusoma mafanikio mengi, ili kuthibitisha kwamba faili yako ya video inaweza kusomwa kwa baravizi zote (Internet Explorer, Chrome, Firefox, Safari, Opera) na kila kifaa (PC, Mac, iPad, iPhone).

Kwenye kituo hiki, CodeW3C.com inaandika mafikirio na habari za kusaidia.

Tumia tabia ya <embed>.

Matukio ya <embed> inaingia kiwango kwenye wavuti ya HTML.

Kipindi cha HTML chini kinadhatani video ya Flash iliyotumika kwenye wavuti.

Mifano

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

Jaribu kwenye mawasiliano

Matatizo

• HTML4 haonekani tabia ya <embed>. Wavutini wako haafikii kumtumia.
• Ikiwa baravizi hazinotumia Flash, video hazitafikia kusomwa.
• iPad na iPhone hazinaonekana video za Flash.
• Ikiwa unatoa video kwa muundo mwingine, hawakufikia kusomwa kwa baravizi zote.

Tumia tabia ya <object>.

Matukio ya <object> inaingia kiwango kwenye wavuti ya HTML.

Kipindi cha HTML chini kinadhatani video ya Flash iliyotumika kwenye wavuti.

Mifano

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

Jaribu kwenye mawasiliano

Matatizo

• Ikiwa baravizi hazinotumia Flash, video hazitafikia kusomwa.
• iPad na iPhone hazinaonekana video za Flash.
• Ikiwa unatoa video kwa muundo mwingine, hawakufikia kusomwa kwa baravizi zote.

Tumia tabia ya <video>.

<video> inaonyesha ya kipya cha HTML 5.

Kazi ya <video> ni kuingiza elementi ya video kwenye ukurasa wa HTML.

HTML yaliyotumika hapa inaonyesha video ya ogg, mp4 au webm iliyobadilika kwenye wavuti.

Mifano

<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" />
Kampuni yako haikupakia kusoma tagia ya video.
</video>

Jaribu kwenye mawasiliano

Matatizo

• Mambo: Inafaa kubadilika video kwa aina nyingi sana.
• Elementi ya <video> inaonekana kuwa hatukiongezea kwa wasomi wa zamani.
• <video> inaonekana kuwa hatukiongezea kwa HTML 4 na XHTML.

Mafanikio bora ya 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>

Jaribu kwenye mawasiliano

Kuwaingia kwa msingi wa kina, 4 aina za video zilizotumika. Elementi ya <video> ya HTML 5 inaathiriwa kuwanza kusikia video kwa mp4, ogg au webm. Ikiwa hayafaululi, inapakia kwa <embed>.

Matatizo

• Mambo: Inafaa kubadilika video kwa aina nyingi sana.
• <video> inaonekana kuwa hatukiongezea kwa HTML 4 na XHTML.
• <embed> inaonekana kuwa hatukiongezea kwa HTML 4 na XHTML.

Mafaragati:Kusaidia matatizo ya uharibifu kwa kusoma <!DOCTYPE html> (HTML5).

Mafanikio ya Youku

Makosa wa kusikia video kwenye HTML ni kusaidia tovuti za video kama Youku.

Je niweza kusikia video kwenye wavuti, inafaa kumuona video kwenye tovuti za video kama Youku na kuingiza kodeni ya HTML kwenye wavuti yako ili kusikia video:

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

Jaribu kwenye mawasiliano

使用超链接

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

Mafupi ya kifungu hii inaonyesha kiungo cha kirefu kwa faili ya AVI. Kama mtumiaji anabonyeza kiungo hiki, kifungu cha kibili kinafungua programu ya kusaidia kusoma faili ya AVI, kama Windows Media Player:

Mifano

<a href="movie.swf">Play a video file</a>

Jaribu kwenye mawasiliano

Maelezo wa video vya kufikia kwa kifungu

Kama video inafikia kwa kifungu, haitafikie kwa kifungu.

Kama unaenda kutumia video vya kufikia kwa programu ya kifungu, naona kwamba wengi wengi wanaona video vya kufikia kwa kifungu kama inavyofikia.

Kwa uangalifu, mtumiaji anaweza kuondoa chaguo cha video vya kufikia kwa kifungu cha kibili.

Mwema wa msaada wetu ni kusaidia kuwakilisha vifungu vya video vya kufikia kwa mtumiaji ambao anataka kuona video na kuwa kwa kiwango cha kifungu. Mfano wa kina ni, kama mtumiaji anataka kuona video na kubonyeza kiungo fulani, inafungua kifungu kipya na kuwanza kufanyia video.

Tafuta vifungu vya kilekileko vya HTML 4.01

Tafuta vifungu vya kilekileko vya HTML 5

Kifungu cha Kifungu

Mwongozo wa HTML

Mafanikio ya HTML

Mafanikio ya HTML

Tovuti za Mwabunga