HTML- somo la 2: Kazi za HTML, code na tag kwenye website.
Katika somo somo hili utajifunza maana ya code, tag na mpangilio wa faili la HTML
Nimekuandikia somo lote upya, kwa mpangilio mzuri, lugha safi, maelezo yaliyonyooka na mtiririko unaoeleweka. Sauti yake ni rafiki, ya ufundishaji na inaendelea na mtiririko wa somo la kwanza. Hakuna herufi kubwa tupu kwenye vichwa (kama ulivyotaka).
Unaweza kubandika moja kwa moja kwenye Facebook Group yako au blog.
Somo la pili: utangulizi wa HTML na mpangilio wa faili
Karibu tena kwenye mafunzo ya HTML.
Hili ni somo letu la pili katika mfululizo wetu wa kutengeneza tovuti kwa kutumia simu au kompyuta.
Kama hukupata somo la kwanza, unaweza kulisoma kupitia link hii:
https://web.facebook.com/groups/androbongo/permalink/568341711186808/
HTML ni nini?
HTML ni kifupisho cha maneno Hypertext Markup Language.
Hii ni lugha maalum ya kompyuta inayotumiwa kutengeneza kurasa za tovuti (web pages) na blog. Ni rahisi kujifunza, ndiyo maana hutumiwa hata na wanaoanza safari ya web development.
HTML ndiyo msingi wa kila ukurasa unaouona mtandaoni. Facebook, Google, blogs mbalimbali — zote zinatumia HTML pamoja na lugha nyingine.
HTML inafanya kazi gani?
-
Kutengeneza muonekano wa ukurasa wa tovuti.
-
Kupangilia maandishi, vichwa vya habari, picha na vipengele mbalimbali.
-
Kutengeneza sehemu ya mbele ya tovuti (front-end) ambayo mtumiaji anaiona.
-
Kutengeneza fomu za kujisajili na kukusanya taarifa.
-
Kufanya kazi pamoja na lugha nyingine kama CSS, JavaScript, na PHP.
Je HTML ni programming language?
Hapana.
HTML ni markup language — haina logic kama if/else au loops.
Kazi yake ni kupangilia maudhui, si kufanya mahesabu au maamuzi.
HTML inafanyaje kazi kwenye blog au tovuti?
-
Inaandaa muonekano wa ukurasa
-
Inaweka mpangilio wa vipengele
-
Inawezesha ukurasa kutumika na lugha nyingine
-
Inaweka maudhui ya msingi kama vichwa, picha, mifumo ya inputs n.k
Je, unaweza kutengeneza tovuti kwa HTML pekee?
Ndiyo, unaweza kutengeneza tovuti ya kawaida kwa HTML pekee.
Lakini kama unataka blog yenye uwezo wa kupost, kucomment, kulike n.k., utahitaji HTML pamoja na PHP, CSS, na database kama MySQL.
Lengo la mafunzo haya
-
Kukuwezesha kutumia HTML kupitia simu au kompyuta
-
Kutengeneza kurasa za tovuti
-
Kuweza kuhost tovuti yako ili iwe live
-
Kuanza hatua ya kwanza (wiki moja), kisha hatua ya pili itaendelea
Tuanze somo letu la leo
Kwa kuwa kwenye somo la kwanza uliandaa kifaa chako na ukaweza kutengeneza faili la kwanza la index.html, sasa tunaendelea kutoka pale ulipoishia.
Kama unatumia simu (TrebEdit)
Fungua:
Menu → Workspace → Project → index.html
Kama unatumia kompyuta
Tumia:
-
WebStorm
-
Sublime Text
-
Au Notepad++
Code tulizotumia kwenye somo la kwanza
<!DOCTYPE html>
<html lang="en">
<head>
&l">Jiunge nasi WhatsApp kupata update zetu
Umeionaje Makala hii.. ?
👉1 Bongolite - Game zone - Play free game 👉2 Kitabu cha Afya 👉3 Sira ya Mtume Muhammad (s.a.w) 👉4 Simulizi za Hadithi Audio 👉5 kitabu cha Simulizi 👉6 Madrasa kiganjani
Post zinazofanana:
HTML - somo la 3: Tags za HTML zinazotumiwa katika uandishi
Katika somo hili nitakuletea orodhabya tag 25 za html ambazo hugumiwa katikabuandishi.
Soma Zaidi...Njia za kupambana na saratani
Somo hili linakwenda kukueleza kuhusu njia za kupambana na saratani
Soma Zaidi...HTML somo la 17: Jinsi ya kuunganisha HTML na CSS au JavaScript
Katika somo hili utakwend akujifunz ahatuwa kwa hatuwa jinsi ya Kuunganisha HTML na CSS au JavaScript
Soma Zaidi...HTML - somo la 16: Jinsi ya ku host website bure
Katika somo hili utakwenda kujifunza jinsi ya ku host website yako bila malipo
Soma Zaidi...HTML - somo la 6: Jinsi ya kuweka menyu kwenye faili la HTML
Katika somo hili utakwenda kujifunza jinsi ya kuweka menyu kwenye faili la html na kuweka rangi ya background. Pia utajifunza kufanya ukurasa uwe responsive yaani uendani na ukubwa wa kifaa.
Soma Zaidi...HTML - somo la 15: Jinsi ya kutengeneza website kwa kutumia HTML
Katika somo hili tutakwenda kutengeneza website yetu kutoka mwanzo hadi mwisho
Soma Zaidi...HTML - somo la 12: Sehemu kuu za faili la HTML
Katika somo hili utajifunza kuhusu sehemu kuu za faili la HTML
Soma Zaidi...Jinsi ya kutengeneza cheti kwa kutumia HTML
Katika post hii utakwenda kujifunz ajinsi ya kutengeneza cheti kwa kutumia html na css.
Soma Zaidi...HTML - somo la 8: Mgawanyiko wa Tag za HTML na kazi zake
Katika somo hili tunakwenda kugawanya tag za HTML, pia nitakwenda kukuletea tag 70 za HTML
Soma Zaidi...HATML - somo la 4: Jinsi ya kutumia tag za html
Katka somo hi utakwenda kujifunza jinsi ya kutumia tag za html ili kupangilia muonekano wa maudhui
Soma Zaidi...