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 kitabu cha Simulizi 👉2 Bongolite - Game zone - Play free game 👉3 Tafasiri ya Riyadh Swalihina 👉4 Simulizi za Hadithi Audio 👉5 Madrasa kiganjani 👉6 Kitabu cha Afya
Post zinazofanana:
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 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 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 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 10: Maana ya HTML attribute na jinsi zinavyofanya kazi
Katika somo hili utakwenda kijifunza kuhusu HTML attributes na jinsi ambavyo zinafanya kazi
Soma Zaidi...