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 Bongolite - Game zone - Play free game 👉2 Dua za Mitume na Manabii 👉3 kitabu cha Simulizi 👉4 Tafasiri ya Riyadh Swalihina 👉5 ai web app 👉6 Kitabu cha Afya
Post zinazofanana:
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...Jinsi ya Kutatua Tatizo la Mikrofoni
Je, unajaribu kupiga simu, kurekodi sauti, au kuingia kwenye mkutano wa mtandaoni lakini mikrofoni yako haifanyi kazi? Huu ni mwongozo rahisi na wa hatua kwa hatua unaoelezea jinsi ya kutatua matatizo yote ya mikrofoni kwenye simu au kompyuta yako. Tumeandika mwongozo huu kwa lugha rahisi ya Kiswahili ili kila mtu, hata asiye na ujuzi wa teknolojia, aweze kuelewa na kurekebisha kifaa chake mara moja bila kuhitaji fundi.
Soma Zaidi...Je, Kuchaji Simu Usiku Kucha Ni Salama?
Je, ni salama kuacha simu kwenye chaji usiku kucha unapolala? Watu wengi wanaamini kuwa tabia hii inalipua simu au kuharibu betri kabisa. Katika makala hii, utajifunza ukweli wa kisayansi kuhusu simu za kisasa, jinsi mifumo ya usalama inavyofanya kazi, na mbinu rahisi za kurefusha maisha ya betri yako bila hofu. Soma ujue jinsi ya kulinda simu yako leo!
Soma Zaidi...Jinsi ya Kutambua Kama Memory Card Imeharibika
Memory card (kadi ya kumbukumbu) ni kifaa kidogo kinachotunza vitu vyetu vya thamani kama picha, video, nyimbo na nyaraka muhimu katika simu au kamera. Hata hivyo, vifaa hivi mara nyingi huharibika bila kutoa taarifa. Makala hii imelenga kukusaidia wewe mtumiaji wa kawaida utambue kirahisi dalili za memory card iliyokufa au inayoelekea kuharibika. Utajifunza ishara za wazi kama faili kupotea, simu kuwa nzito, au ujumbe wa makosa (errors). Pia, tumekuwekea hatua rahisi za kufanya ili kulinda data zako zisipotee kabisa na jinsi ya kuepuka kununua kadi feki. Kila kitu kimeelekezwa kwa lugha rahisi ya Kiswahili isiyo na maneno magumu ya kiteknolojia.
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...