Makala ya masomo

Mwongozo wa kusaidia wa HTML

• Mafaa ya HTML
• Kipenyo cha HTML
• Mshairi wa HTML
• Mwongozo wa kusaidia wa HTML
• Mifano ya HTML
• Matumizi ya HTML
• Mababu ya HTML
• Makala ya HTML
• Mwongozo wa kusaidia wa HTML
• Mwongozo wa kusaidia wa HTML
• Mawili ya HTML
• Makomora ya HTML
• Vibaya ya HTML
• Vibaya vya Jina ya HTML
• CSS ya HTML
• Vituo vya HTML
• Picha ya HTML
• Jedwali ya HTML
• Orodha ya HTML
• Mwongozo wa kusaidia wa HTML
• Class ya HTML
• Id ya HTML
• Mwongozo wa kusaidia wa HTML
• JavaScript ya HTML
• Mwongozo wa njia ya HTML
• Kutawala kwa kusaidia wa HTML
• Muundo wa HTML
• Mwongozo wa kusaidia kwa kufikiria wa HTML
• Makina ya Kifunzaji cha HTML
• Matukio ya HTML5
• Mashabiki ya kwaandiki cha HTML5
• Entity ya HTML
• Symbol ya HTML
• Injili za HTML
• Jumla ya Herufi za HTML
• URL ya HTML
• Makawa ya HTML
• Mabackground ya HTML
• Muundo wa URL ya HTML
• Mfuneji wa Web ya HTML
• Jadwali ya wakilishi wa HTML
• Kichwa cha kuzingatia cha HTML

HTML XHTML

• Kipenyo cha XHTML
• Wakilishi wa XHTML
• Mafano ya kipakana cha XHTML

Kipakana cha habari cha HTML

• Kipakana cha habari cha HTML
• Mafano ya Mafano ya Form ya HTML
• Mifano ya Element ya Form ya HTML
• Aina ya kuingia ya HTML
• Mafano ya Mafano ya Input ya HTML
• Mafano ya kipakana cha habari cha HTML

Maelezo ya HTML

• Canvas ya HTML5
• SVG ya HTML5
• Canvas ya HTML5 kulingana na SVG

Media ya HTML

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

HTML5

• Kipenyo cha HTML5
• Mwongozo wa HTML5
• Mifano ya Element ya HTML5
• Mafaa ya Migration ya HTML5

API ya HTML

• Mafaa ya Geolocation ya HTML5
• Mafaa ya Drag and Drop ya HTML5
• Mafaa ya Web Storage ya HTML5
• HTML5 Application Cache
• Web Workers ya HTML5
• HTML5 SSE

Mfano/ Mfumo/ Muhtasari

• Mifano ya HTML
• Muhtasari wa HTML
• Muhtasari wa Element ya HTML

Makala ya Kifungu cha HTML

• Wakilishi wa HTML (inayotumika kwa herufi)
• Wakilishi wa HTML (inayotumika kwa maadili)
• Mwongozo wa kusaidia kwa browser ya HTML
• Matumizi ya Kifungu cha Kigeni cha HTML
• Matukio ya HTML
• Vibaya vya Jina ya HTML
• Canvas ya HTML
• Video/ Audio ya HTML
• Jumla ya Herufi za HTML
• Jadwali ya wakilishi wa HTML
• Muundo wa URL ya HTML
• Kodaka la lugha ya HTML
• Kodaka la nchi ya HTML
• Ujumbe wa HTTP
• Method ya HTTP
• Mabahari ya Kibordi

Masomo ya chaguo

Mauza wa masomo:

• Kikabila cha CodeW3C.com

Hili chaguo inadhesha aina ya kuingia ya elementi <input>.

Aina ya kuingia: matukio

<input type="text"> Inayotumika kwa kufikiriaKuingia ya matukioEneo la kuingia la barua moja la:

Mifano

<form>
 Jina la kwanza:<br>
<input type="text" name="firstname">
<br>
 Jina la kifo:<br>
<input type="text" name="lastname">
</form> 

Jifunze tena

Koodi cha HTML hii kinatuka kama hii kwenye kifungu:

Aina ya kuingia: jifungaji

<input type="password"> kielezaEneo la jifungaji la neno la siri:

Mifano

<form>
 Jina la mtumishi:<br>
<input type="text" name="username">
<br>
 Neno la nywila wa mtumishi:<br>
<input type="password" name="psw">
</form> 

Jifunze tena

Koodi cha HTML hii kinatuka kama hii kwenye kifungu:

Maelezo:herufi za kufikia eneo la jifungaji jipya (iliyotiririka kama hafu ya yai au mkia).

Aina ya kuingia: submit

<input type="submit"> kielezakuwasilishadata ya formu hadiMwongozo wa kipakana cha habariinayotumika kwa kufanya hatua.

Mwongozo wa kipakana cha habari (form-handler) ni paje ya mtaani ambayo ina msingi wa skripta ya kusaidia hatua ya data ya kuingia.

Inasababisha kwamba kwa ajili ya kufungoa muhimu wa msaada wa kufungoa (form-handler):

Mifano

<form action="action_page.php">
Jina la kwanza:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Jina la kifo:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form> 

Jifunze tena

Koodi cha HTML hii kinatuka kama hii kwenye kifungu:

Iwapo utapunguza kiwango cha value ya nafasi ya kushajeni, kikibonyeza kimekuwa na matukio wa kuzingatia kwa kufikia:

Mifano

<form action="action_page.php">
Jina la kwanza:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Jina la kifo:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit">
</form> 

Jifunze tena

Input Type: radio

<input type="radio"> Kieleza kikibonyeza

Makina ya kubonyeza inaruhusi mtu kuwaona ukosea tena kati ya omena kimoja

Mifano

<form>
<input type="radio" name="sex" value="male" checked>Mwanamgu
<br>
<input type="radio" name="sex" value="female">Mwanamke
</form> 

Jifunze tena

Koodi cha HTML hii kinatuka kama hii kwenye kifungu:

Input Type: checkbox

<input type="checkbox"> Kieleza kikibonyeza

Makina ya kubonyeza inaruhusi mtu kuwaona au kuwaona mbili au zaidi kati ya omena kimoja

Mifano

<form>
<input type="checkbox" name="vehicle" value="Bike">Nimea baike
<br>
<input type="checkbox" name="vehicle" value="Car">Nimea gari 
</form> 

Jifunze tena

Koodi cha HTML hii kinatuka kama hii kwenye kifungu:

Input Type: button

<input type="button"> kielezagusa。

Mifano

<input type="button" onclick="alert('Hello World!')" value="Click Me!">

Jifunze tena

Koodi cha HTML hii kinatuka kama hii kwenye kifungu:

Aina za chaji za HTML5

HTML5 inaongeza mawili yaliyotumika sana kama aina ya chaji zaidi:

• color
• date
• datetime
• datetime-local
• email
• month
• number
• range
• search
• tel
• time
• url
• week

Maelezo:Aina ya chaji ya kifungu kilichohitajika kwa kifungu kilichotumika sana hivi karibuni haitakayoweza kutumika, yanaonesha kama aina ya chaji text.

Aina ya chaji: number

<input type="number"> Inatumiwa kwa majengo ya chaji ambayo lazima yana thamani ya numbering.

Unaweza kuingiza imithoto kwa thamani za numbering.

Kulingana na matumizi ya kifungu, imithoto inaweza kutumiwa kwa majengo ya chaji.

Mifano

<form>
  Mafanikio (kati ya 1 na 5):
  <input type="number" name="quantity" min="1" max="5">
</form>

Jifunze tena

Imithoto ya majengo ya chaji

Hapa kuna mawili yaliyotumika sana kama imithoto ya majengo ya chaji (kuna zaidi ambazo zimeongezwa katika HTML5):

Wewe utakaribisha habari zaidi kuhusu imithoto ya chaji kwenye kitabu kinachitafuta hii.

Mifano

<form>
  Mafanikio:
  <input type="number" name="points" min="0" max="100" step="10" value="30">
</form>

Jifunze tena

Aina ya chaji: date

<input type="date"> Inayotumika kwa majengo ya chaji ambayo lazima yana tarehe.

Kulinganishaji ya kivinijia, tovuti ya chaguo ya tarehe inapakana katika muonekano wa eneo la kufikia.

Mifano

<form>
  Kuzaliwa:
  <input type="date" name="bday">
</form>

Jifunze tena

Unaweza kuongeza imithoto kwa chaji lako:

Mifano

<form>
  Ingiza tarehe kudumu 1980-01-01:
  <input type="date" name="bday" max="1979-12-31"><br>
  Ingiza tarehe kisha 2000-01-01:
  <input type="date" name="bday" min="2000-01-02"><br>
</form>

Jifunze tena

Aina ya kufikia: color

<input type="color"> Inatumiwa kwa eneo la kufikia ambao linahitajika kuwa na rangi.

Kulinganishaji ya kivinijia, tovuti ya chaguo ya rangi inapakana katika muonekano wa eneo la kufikia.

Mifano

<form>
  Chagua rangi yako yafikiana:
  <input type="color" name="favcolor">
</form>

Jifunze tena

Aina ya kufikia: range

<input type="range"> Inatumiwa kwa eneo la kufikia ambao linahitajika kuwa na thamani kuanzia na kwenda.

Kulinganishaji ya kivinijia, eneo la kufikia inaweza kuonekana kama kipima kikuu.

Mifano

<form>
  <input type="range" name="points" min="0" max="10">
</form>

Jifunze tena

Una fahamu kwa uharibifu wa tabia hizo kuwa na mafikirio: min, max, step, value.

Aina ya kufikia: month

<input type="month"> Inaruhusiwa kwa kufikia mwezi na mwaka.

Kulinganishaji ya kivinijia, tovuti ya chaguo ya tarehe inapakana katika muonekano wa eneo la kufikia.

Mifano

<form>
  Kahuzi (mwezi na mwaka):
  <input type="month" name="bdaymonth">
</form>

Jifunze tena

Aina ya kufikia: week

<input type="week"> Inaruhusiwa kwa kufikia wiki na mwaka.

Kulinganishaji ya kivinijia, tovuti ya chaguo ya tarehe inapakana katika muonekano wa eneo la kufikia.

Mifano

<form>
  Chagua wiki:
  <input type="week" name="week_year">
</form>

Jifunze tena

Aina ya kufikia: time

<input type="time"> Inaruhusiwa kwa kufikia wakati (bila zonalu).

Kulinganishaji ya kivinijia, tovuti ya chaguo ya wakati inapakana katika muonekano wa eneo la kufikia.

Mifano

<form>
  Chagua wakati:
  <input type="time" name="usr_time">
</form>

Jifunze tena

Aina ya kufikia: datetime

<input type="datetime"> Inaruhusiwa kwa kufikia tarehe na wakati (na zonalu).

Kulinganishaji ya kivinijia, tovuti ya chaguo ya tarehe inapakana katika muonekano wa eneo la kufikia.

Mifano

<form>
  Kahuzi (tarehe na wakati):
  <input type="datetime" name="bdaytime">
</form>

Jifunze tena

Aina ya kufikia: datetime-local

<input type="datetime-local"> Inaruhusiwa kwa kufikia tarehe na wakati (bila zonalu).

Kulinganishaji ya kivinijia, tovuti ya chaguo ya tarehe inapakana katika muonekano wa eneo la kufikia.

Mifano

<form>
  Kahuzi (tarehe na wakati):
  <input type="datetime-local" name="bdaytime">
</form>

Jifunze tena

Aina ya Kuingia: Barua pepe

<input type="email"> Kwa matumizi ya kifungu ambacho kinahitaji kuwa na jumla ya barua pepe.

Kulingana na matumizi ya kifunguni, vitu vya kifunguni vinaweza kumtambua kwa kuzingatia jumla ya barua pepe kwa sababu ya kuingia.

Kwa sababu ya matumizi ya kifunguni, zaidi ya kawaida, vitu vya simu ya mobile vinatafuta aina ya barua pepe na kuingia kifungu cha kibordi kwa kumueleza kufikia kuingia kwa barua pepe.

Mifano

<form>
  Barua pepe:
  <input type="email" name="email">
</form>

Jifunze tena

Aina ya Kuingia: Tafuta

<input type="search"> Kwa matumizi ya kifungu ya tafuta (kifungu cha tafuta kinahitaji kuwa kama kifungu cha matumizi ya kawaida).

Mifano

<form>
  Tafuta Google:
  <input type="search" name="googlesearch">
</form>

Jifunze tena

Aina ya Kuingia: Tel

<input type="tel"> Kwa matumizi ya kifungu ambacho kinahitaji kuwa na namba ya simu.

Hii ni Safari 8 pekee inayosimamia aina ya tel.

Mifano

<form>
  Namba ya Simu:
  <input type="tel" name="usrtel">
</form>

Jifunze tena

Aina ya Kuingia: URL

<input type="url"> Kwa matumizi ya kifungu ambacho kinahitaji kuwa na jumla ya URL.

Kulingana na matumizi ya kifunguni, vitu vya kifunguni vinaweza kumtambua kwa kuzingatia jumla ya URL kwa sababu ya kuingia.

Kwa sababu ya matumizi ya kifunguni, zaidi ya kawaida, vitu vya simu ya mobile vinatafuta aina ya URL na kuingia kifungu cha kibordi kwa kumueleza kufikia kuingia kwa URL.

Mifano

<form>
  Kidgeza tovuti yako:
  <input type="url" name="homepage">
</form>

Jifunze tena

Kifunguni cha Kifunguni

Makala ya Kifungu cha HTML

Mifano ya HTML

Muhtasari wa HTML

Mwongozo wa Mwabika