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.
Karibu tena ndugu msomaji kwenye mafunzo ya HTML na hili ni somo la sita. Katika somo hili tutajifunza mambo makuu matatu ambayo ni kuweka menyu, kuweka background color na kufanya faili lako liwe responsive. Kumbuka haya ni mafunzo ya HTML na jinsi ya kutengeneza website na blog.
Kama ndio mara ya kwanza kupata mfululizo wa masomo haya, somo hili linaendeshwa kwa kutumia App ya Treb Edit inatatikana playstore. Tunatumia App hii kwa kuwa masomo haya yanaendeshwa kwa kuzingatia zaidi wenye simu. Hata hivyo wenye kompyuta pia hawataachhwa mbali.
Fungua App yako, inga menu, kwenye folda laproject clic (maelekezo utayapata kwenye somo la kwanza link ipo hapo chini. Baada ya ku click hapo nenda new file, utatakiwa kuandika jina la faili lesson6.html kisha sevu. Funguwa hilo faili, kisha click HTML snippet, ukurasa wa code utafunguka, na kuanzia hapo ndipo tutaanzia na somo letu la sita.
Kupata masomo yaliotangulia bofya link za hapo chini:
1. Kuweka background color:
Background color ni rangi ya ukurasa wako. Yaani unaamuwa kama ukurasa wako unataka uwe na rangi nyingine tofauti na nyeupe. Kuweka background unaweza kufanya kwenye ukurasa wote. Kufanya hivi utaweka background kuanzia kwenye <body>. kama tulivyoona kuweka rangi basi hata background inakuwa hivyo huvyo tunatumia <style>. mfano:
<body style=”background-color:blue”> kwa kutumia code hii ukurasa wote utakuwa na rangi ya buluu. Angalia mfano kwenye picha.
Pia unaweza kuweka background kwenye tag ya heading kama <h1> ama kwenye paragraph <p>. kwa mfano kama background ni ya buluu, unaweza kuweka background ya rangi nyingine kwenye baadhi ya paragraph. Uwekaji wake ni kama unavyoweka rangi kwenye paragraph. Mfano:-
<p style=”backround-color:yellow”> kwa kutumia code hii rangi ya hiyo paragraph itakuwa ni ya njano. Angalia kwenye picha.
2. Kuweka menu (menyu)
Kuweka menu n kuweka machaguo ambayo yana mkusanyiko wa taarifa zinazolingana. Yaani unachaguwa chaguo kwa kubofya kicha unaletewa taarifa ama mkusanyiko wa taarifa ziinazo fanana.
Kutengenza menu utatumia tag ya menu ambayo ni <menu> pia utatumia tag ya link ambayo ni <a> tag ya link ni kuwezecha kubofya menyu na kupelekewa matokeo kwenye ukurasa mwingine. Baada ya hapo unaweza kutumia batani, ama ukaacha hivyo hivyo ama ukatumia kivuli.
Hapa tutaona menu yenye batani, link na tag ya menu.
<menu>
<a href=”link”><button>facebook</button></a>
<a href=”link”><button>youtube</button></a>
<a href=”link”><button>twitter</button></a>
<a href=”link”><button>whatsapp</button></a>
Utaj...
Umeionaje Makala hii.. ?
Share On:
👉1 Dua za Mitume na Manabii 👉2 Bongolite - Game zone - Play free game 👉3 ai web app 👉4 Madrasa kiganjani 👉5 Tafasiri ya Riyadh Swalihina 👉6 Simulizi za Hadithi Audio
Post zinazofanana:
Jinsi ya Kufanya Backup ya Simu
Simu ya mkononi imekuwa sehemu muhimu sana ya maisha yetu ya kila siku. Tunatumia simu kuhifadhi namba za watu tunaowajua, picha za familia, video muhimu, ujumbe, nyaraka, programu na taarifa nyingine nyingi. Lakini tatizo linaweza kutokea wakati wowote. Simu inaweza kupotea, kuharibika, kuibiwa au kufutika taarifa zake kwa bahati mbaya. Hapo ndipo umuhimu wa kufanya backup ya simu unapokuwa mkubwa. Backup ya simu ni njia ya kutengeneza nakala ya taarifa zako muhimu na kuzihifadhi sehemu salama ili uweze kuzirudisha pale unapohitaji. Kwa kufanya backup mara kwa mara, unapunguza hatari ya kupoteza vitu muhimu vilivyokuwa kwenye simu yako. Katika makala hii tutajifunza maana ya backup ya simu, umuhimu wake, njia mbalimbali za kufanya backup kwenye simu za Android na iPhone, vitu vinavyoweza kuhifadhiwa, makosa ya kuepuka na hatua rahisi ambazo kila mtu anaweza kufuata hata kama hana ujuzi mkubwa wa teknolojia.
Soma Zaidi...Jinsi ya Kutatua Tatizo la Kamera Kutofanya Kazi
Kamera ya simu au kompyuta yako imegoma kufanya kazi? Usipaniki. Tatizo hili hutokea mara kwa mara na mara nyingi halihitaji ufundi mkubwa. Makala hii inakupa suluhisho la haraka na rahisi kuanzia kusafisha lenzi, kuwasha upya vifaa, hadi kuangalia mipangilio ya ndani (permissions). Utafanya kamera yako ianze kazi tena ndani ya dakika chache bila kutumia gharama yoyote.
Soma Zaidi...Jinsi ya Kutatua Tatizo la Mtandao wa Simu
Posti hii inatoa mwongozo rahisi na wa hatua kwa hatua kuhusu jinsi ya kurekebisha matatizo ya mtandao kwenye simu yako ya mkononi. Umejifunza njia za haraka kama kuwasha ‘Upepo’ (Flight Mode), kuwasha upya simu, na kuangalia kadi ya SIM ili kurudisha mawasiliano haraka bila kuhitaji fundi.
Soma Zaidi...Jinsi ya Kujua Kama Wi-Fi Ni Salama
Wi-Fi imekuwa sehemu muhimu ya maisha yetu ya kila siku. Tunaitumia kuingia kwenye mitandao ya kijamii, kutuma ujumbe, kufanya biashara mtandaoni, kusoma, kutazama video na hata kufanya malipo. Lakini pamoja na faida zake nyingi, Wi-Fi inaweza kuwa hatari ikiwa haijalindwa vizuri. Mtandao wa Wi-Fi usio salama unaweza kuruhusu watu wasiohusika kuona taarifa zako binafsi, kuiba nywila zako au kutumia intaneti yako bila ruhusa. Kujua kama Wi-Fi ni salama ni jambo muhimu kwa kila mtu anayemiliki simu, kompyuta au kifaa kingine kinachounganishwa na intaneti. Makala hii inaeleza kwa lugha rahisi jinsi ya kutambua Wi-Fi salama, dalili za Wi-Fi hatari, hatua za kulinda mtandao wako na mambo muhimu ya kuzingatia ili kutumia intaneti kwa usalama
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...Jinsi ya Kuzima Matangazo Yanayojitokeza Kwenye Simu
Je, umechoka kuona matangazo yanayojitokeza ghafla (pop-ups) na kukuvuruga unapotumia simu yako ya mkononi? Makala hii inakupa mwongozo rahisi sana, wa hatua kwa hatua, kuhusu jinsi ya kuzima matangazo hayo yote yanayokera kwenye simu za Android na iPhone. Mwongozo huu umeandikwa kwa lugha rahisi sana ya Kiswahili ili kila mtu, hata wale ambao hawana kabisa elimu ya shule au ujuzi mkubwa wa mambo ya teknolojia, aweze kuelewa vizuri na kusafisha simu yake leo bila msaada wa fundi. Ukisoma somo hili, utajifunza mbinu za kufunga matangazo kwenye Google Chrome, kupitia mipangilio ya ndani ya simu (Settings), na jinsi ya kung'oa programu zote za siri zinazoleta usumbufu huu.
Soma Zaidi...