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.
Utangulizi
HTML ni lugha ya msingi inayotumika kutengenezea kurasa za tovuti na blogu. Bila HTML hakuna website inayoonekana duniani. Unaweza kutengeneza tovuti kwa kutumia HTML pekee, kisha ukaboresha baadaye kwa kutumia CSS na JavaScript.
Katika somo hili, tunaanza kwa kukuweka tayari ili uweze kuandika code zako bila shida—iwe unatumia simu au kompyuta.
Sasa tuingie kwenye somo letu…
1. HTML ni nini?
HTML ni ufupisho wa:
-
Hypertext
-
Markup
-
Language
Ni lugha ya kimataifa inayotumiwa kutengeneza kurasa za tovuti (website pages). HTML haihitaji umiliki wa vifaa ghali; unaweza kuanza hata kwa kutumia simu yako ya mkononi.
Ikiwa una ndoto za kuanzisha blog, tovuti ya biashara au portfolio, basi uko mahali sahihi. Mafunzo haya yatakufundisha kuanzia hatua ya mwanzo kabisa hadi kutengeneza tovuti inayoweza kwenda live.
2. Vigezo vya kuanza kujifunza
Ili uweze kufanikiwa kwenye kozi hii, unahitaji:
-
Simu ya smartphone au kompyuta
-
Uwezo wa kusoma na kuandika
-
Utayari wa kujifunza
-
Umakini na ujanja
-
Kufanya mazoezi kila baada ya somo
Kozi ya msingi (Basics) itachukua wiki moja, kisha tutaendelea na hatua ya pili.
3. Namna ya kuandaa kifaa chako (Simu)
Kwa watumiaji wa simu, utatumia app inayoitwa Acode (badala ya TrebEdit kwa sababu Acode ni nyepesi na ya kisasa).
Hatua za kuandaa Acode
-
Pakua app ya Acode kwenye Play Store:
https://play.google.com/store/apps/details?id=com.foxdebug.acodefree -
Fungua Acode
-
Bofya icon ya “folder” kisha tengeneza folder jipya
-
Lipe jina mfano: html-project
-
Ndani ya hilo folder, tengeneza folder lingine liitwe images
-
Rudi kwenye folder la html-project
-
Bonyeza alama ya “+” kutengeneza faili jipya
-
Lipe jina: index.html
-
Lifungue faili hilo
-
Andika au kopia code zifuatazo:
<!DOCTYPE html>
<...help_outlineZoezi la Maswali
Umeionaje Makala hii.. ?
Share On:
👉1 Sira ya Mtume Muhammad (s.a.w) 👉2 Dua za Mitume na Manabii 👉3 web hosting 👉4 Simulizi za Hadithi Audio 👉5 Madrasa kiganjani 👉6 ai web app
Post zinazofanana:
Jinsi ya Kurejesha Backup ya Simu
Umewahi kupoteza picha, video, majina ya watu, au mazungumzo muhimu baada ya simu kuharibika, kuibiwa, au kufanya factory reset? Hali hii huwatokea watu wengi, lakini habari njema ni kwamba unaweza kuvirejesha ikiwa uliwahi kutengeneza backup ya simu yako. Katika makala hii utajifunza backup ya simu ni nini, kwa nini ni muhimu, jinsi ya kurejesha backup kwenye simu za Android na iPhone, matatizo yanayoweza kujitokeza wakati wa kurejesha backup, pamoja na njia za kuyatatua. Mwisho wa makala hii utakuwa na uelewa wa kutosha wa jinsi ya kurudisha taarifa zako kwa usalama na kwa urahisi.
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...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 2: Kazi za HTML, code na tag kwenye website.
Katika somo somo hili utajifunza maana ya code, tag na mpangilio wa faili la HTML
Soma Zaidi...Faida za Screen Protector
Screen Protector ni kifaa chembamba kinachowekwa juu ya skrini ya simu ili kuilinda dhidi ya mikwaruzo, mipasuko na uharibifu mwingine unaoweza kutokea wakati wa matumizi ya kila siku. Watu wengi hununua simu za gharama kubwa lakini husahau kulinda sehemu muhimu zaidi ya simu hiyo, ambayo ni skrini. Makala hii inaelezea kwa kina faida za Screen Protector, aina zake, jinsi ya kuchagua inayofaa, na sababu zinazofanya iwe uwekezaji muhimu kwa kila mwenye simu.
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...