HTML - somo la 12: Sehemu kuu za faili la HTML
Katika somo hili utajifunza kuhusu sehemu kuu za faili la HTML
SEHEMU KUU ZA FAILI LA HTML
<head>, <header> na <footer>
Katika website sehemu hizi zina kazi ya kuweza kutambulisha zaidi website na mahusiano kati ya ukurasa na ukurasa. Sehemu hizi ni muhimu kwa SEO na wanaotaka kuichunguza blog ama website. Katika somo hili tutakwenda kuangalia sehemu hizi, na jinsi ya kuzitengeneza ama kuziwekea maudhui.
1.<head>
Shemehu hii inakaa taarifa muhimu kuhusu ukurasa. Taarifa hizi unawezakuziita metadata. Kwa mfano hapa unaweza kuweka taarifa hizi:-
A.Jina la faili kulingana na maudhui
B.Jina la mwandishi
C.Muhtasari kuhusu maudui
D.Character set
E.Viungo vingine muhimu kama link za style za nje
F.Taarifa kuhusu ukubwa wa kifaa kitakachofunguwa faili husika.
G.Icon n.k
Kwa mfano unaweza kuweka taarifa hizo
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="jina la mwandishi">
<meta name="description" content="weka muhtasari hapa">
<title>weka Title hapa</title>
</head>
2.<header> hii ni sehemu ya juu kabisa ama ya mwanzo. Sehemu hii ndio ambapo menu hukaa. Sehemu hii ndio inatakiwa ikae mwanza tu ndani ya tag ya <body> . tag ya <menu> inatakiwa ikae hapa ndani ya <header>. kwa ufupi <header> ni kama section ambazo hubeba tag nyingine ndani ake. Kama tulivyoona matumizi ya <div> katika masomo yaliyotangulia.
Kuweka menu tunatumia tag ya <menu> tag hii tutaiweka kwenye section ya <header> tunaweza kutumia style ili kubresha muonekano wa menu yetu. Tunaweza kutumia batanina link ili kuunganisha ukurasa mmoja na mwingine. Kwa mfano:-
<html>
<style>
menu {background-color: black;}
a {color: red;
text-decoration: none;
}
button {font-size: x-large;}
</style>
<heade>
<menu>
<button><a href="#">PHP</a></button>
<button><a href="#">HTML</a></button>
<button...
Umeionaje Makala hii.. ?
Share On:
👉1 Dua za Mitume na Manabii 👉2 Sira ya Mtume Muhammad (s.a.w) 👉3 Madrasa kiganjani 👉4 Kitau cha Fiqh 👉5 ai web app 👉6 Bongolite - Game zone - Play free game
Post zinazofanana:
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...Jinsi ya kutengeneza cheti kwa kutumia HTML
Katika post hii utakwenda kujifunz ajinsi ya kutengeneza cheti kwa kutumia html na css.
Soma Zaidi...Jinsi ya Kuhifadhi Picha Kwenye Cloud
Picha ni kumbukumbu muhimu zinazohifadhi matukio ya maisha yetu kama vile harusi, sherehe, safari, watoto, familia na kazi mbalimbali. Tatizo kubwa ambalo watu wengi hukutana nalo ni kupoteza picha kutokana na simu kuharibika, kuibiwa, kupotea au kufutwa kimakosa. Njia salama ya kulinda picha zako ni kuzihifadhi kwenye Cloud. Katika makala hii utajifunza cloud ni nini, jinsi inavyofanya kazi, faida za kuhifadhi picha kwenye cloud, hatua za kuhifadhi picha zako kwa usalama pamoja na mambo muhimu ya kuzingatia ili kuhakikisha kumbukumbu zako zinabaki salama kwa muda mrefu.
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 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...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...