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 Madrasa kiganjani 👉2 web hosting 👉3 Bongolite - Game zone - Play free game 👉4 kitabu cha Simulizi 👉5 ai web app 👉6 Kitabu cha Afya
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...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...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...Jinsi ya Kutafuta Simu Iliyopotea
Kupoteza simu ni jambo linaloweza kumpata mtu yeyote wakati wowote. Simu ya kisasa si kifaa cha kupigia simu tu, bali pia huhifadhi picha, namba za watu unaowasiliana nao, ujumbe, taarifa za benki, akaunti za mitandao ya kijamii na taarifa nyingine muhimu. Ndiyo maana kupoteza simu kunaweza kusababisha usumbufu mkubwa na hata hatari ya taarifa binafsi kuibiwa. Habari njema ni kwamba kuna njia mbalimbali zinazoweza kukusaidia kuitafuta simu iliyopotea. Unaweza kutumia huduma zilizopo ndani ya simu kama vile programu za kuitafuta simu, kutumia namba ya simu, kuwasiliana na kampuni ya mtandao, au kutumia taarifa za mwisho zilipoonekana. Makala hii inaeleza hatua kwa hatua jinsi ya kutafuta simu iliyopotea kwa njia rahisi ambayo kila mtu anaweza kuelewa.
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 Kutatua Simu Isiyochaji
Simu yako ikikataa kuingiza umeme (kuchaji), usipaniki. Tatizo hili mara nyingi husababishwa na vitu vidogo kama uchafu kwenye tundu la chaji, kebo mbovu, au mfumo wa simu kukwama. Makala hii inakupa hatua rahisi na za haraka unazoweza kufanya nyumbani ili kutatua tatizo hili bila kulipia fundi. Utafiti unaonyesha kuwa asilimia kubwa ya simu zinazodhaniwa zimekufa, hufufuliwa kwa kusafisha tundu la chaji au kubadili kifaa cha kuchajia.
Soma Zaidi...