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.. ?
Share On:
👉1 ai web app 👉2 kitabu cha Simulizi 👉3 Bongolite - Game zone - Play free game 👉4 Kitabu cha Afya 👉5 Kitau cha Fiqh 👉6 Dua za Mitume na Manabii
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...HTML - somo la 9: Jinsi ya kutumia tag za HTML katika uandishi wa maudhui
Katika somo hili utakwenda kuona jinsi ya kuzitumia tag balimbali za html
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 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...HTML - somo la 12: Sehemu kuu za faili la HTML
Katika somo hili utajifunza kuhusu sehemu kuu za faili la HTML
Soma Zaidi...HTML - somo la 11: Jinsi ya kuweka style mbalimbali kwenye html
Katika somo hili utajifunza jinsi ya kuweka style mbalimbali kwenye ukurasa wa html
Soma Zaidi...HTML - somo la 14: Hatua za kutengeneza website
Katika somo hili utakwenda kujifunza jinsi ya kutengeneza website hatuwa kwa hatuwa
Soma Zaidi...HTML - somo la 13: Jinsi ya kugawa ukurasa wa HTML
Katika somo hili utajifunza jinsi ya kugawanya ukurasa wa HTML katika column
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 1: Maana ya HTML na kazi zake
Somo hili linakufundisha maana ya HTML, kwa nini inatumika, na jinsi ya kuandaa simu au kompyuta yako kwa ajili ya kuanza kutengeneza tovuti. Pia tutatengeneza ukurasa wetu wa kwanza wa HTML hatua kwa hatua.
Soma Zaidi...