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 Kitau cha Fiqh 👉2 ai web app 👉3 Kitabu cha Afya 👉4 Dua za Mitume na Manabii 👉5 Madrasa kiganjani 👉6 Bongolite - Game zone - Play free game
Post zinazofanana:
Sababu Zinazofanya Betri Iishe Haraka
Betri ni sehemu muhimu sana ya simu, kompyuta mpakato, saa janja na vifaa vingine vya kielektroniki. Hata hivyo, watu wengi hukutana na tatizo la betri kuisha haraka bila kujua chanzo chake. Wakati mwingine tatizo halitokani na ubora wa simu au betri, bali hutokana na namna kifaa kinavyotumika kila siku. Katika makala hii utajifunza sababu kuu zinazofanya betri iishe haraka, jinsi ya kutambua tatizo, pamoja na njia rahisi za kuongeza muda wa matumizi ya betri. Maelezo haya yameandikwa kwa lugha rahisi ili kila mtu ayaelewe, hata kama hana ujuzi wa teknolojia.
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...Jinsi ya Kutumia Fingerprint Kwenye Simu
Fingerprint ni teknolojia inayokuwezesha kufungua simu yako kwa kutumia alama ya kidole badala ya kuandika namba ya siri au mchoro (Pattern). Mfumo huu umeifanya matumizi ya simu kuwa rahisi, ya haraka na salama zaidi. Mbali na kufungua simu, fingerprint pia inaweza kutumika kuthibitisha malipo, kufungua programu mbalimbali na kulinda taarifa binafsi zilizopo kwenye simu. Katika makala hii utajifunza fingerprint ni nini, jinsi inavyofanya kazi, namna ya kuiweka kwenye simu, jinsi ya kuitumia kwa usahihi, faida zake, changamoto zinazoweza kujitokeza pamoja na njia za kuzitatua. Pia utapata ukweli muhimu katika sehemu ya "Je! Wajua?" ambao unaweza kukusaidia kutumia fingerprint kwa ufanisi zaidi.
Soma Zaidi...Jinsi ya Kuhamisha Mawasiliano (Contacts)
Mawasiliano (Contacts) ni sehemu muhimu sana katika simu zetu kwa sababu huhifadhi majina na namba za simu za watu tunaowasiliana nao kama vile familia, marafiki, wateja na wafanyakazi wenzetu. Watu wengi hubadilisha simu mpya au hupoteza simu zao bila kujua namna ya kuhifadhi na kuhamisha mawasiliano yao. Hali hii inaweza kusababisha kupoteza namba muhimu na kuleta usumbufu mkubwa. Katika makala hii tutajifunza jinsi ya kuhamisha mawasiliano kutoka simu moja kwenda nyingine kwa njia rahisi. Tutaeleza njia mbalimbali zinazoweza kutumiwa kama vile kutumia akaunti ya Google, kuhifadhi kwenye SIM kadi, kutumia Bluetooth, programu maalum na njia nyingine salama. Maelezo haya yameandikwa kwa lugha rahisi ili hata mtu asiye na ujuzi mkubwa wa teknolojia aweze kuelewa na kufuata hatua bila shida.
Soma Zaidi...HTML - somo la 16: Jinsi ya ku host website bure
Katika somo hili utakwenda kujifunza jinsi ya ku host website yako bila malipo
Soma Zaidi...Jinsi ya Kutumia Face Unlock kwa Usalama
Teknolojia ya Face Unlock imekuwa sehemu muhimu katika simu nyingi za kisasa. Kipengele hiki humwezesha mtumiaji kufungua simu yake kwa kutumia uso badala ya kutumia nenosiri, mchoro wa kufungua simu au alama ya kidole. Ingawa Face Unlock hurahisisha matumizi ya simu na kuongeza kasi ya kufungua kifaa, ni muhimu kujua namna ya kuitumia kwa usalama ili kulinda taarifa binafsi. Katika dunia ya sasa ambapo simu huhifadhi taarifa nyingi kama picha, ujumbe, akaunti za mitandao ya kijamii, taarifa za benki na nyaraka muhimu, usalama wa simu ni jambo la msingi. Kutumia Face Unlock bila kuelewa mipangilio yake kunaweza kuweka taarifa zako katika hatari. Makala hii inaelezea maana ya Face Unlock, jinsi inavyofanya kazi, faida zake, changamoto zake na hatua muhimu za kuitumia kwa usalama zaidi.
Soma Zaidi...