image

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>
  ">...



           

Je! umeipenda hii post?
Ndio            Hapana            Save post

Kama unahitaji kuuliza maswali Bofya hapa

Mwandhishi Tarehe 2023-10-17 Download PDF     Share On Facebook or Whatsapp Imesomwa mara 167


Download our Apps
👉1 kitabu cha Simulizi     👉2 Kitabu cha Afya     👉3 Kitau cha Fiqh     👉4 Madrasa kiganjani    

Post zifazofanana:-

Jinsi ya kutengeneza cheti kwa kutumia HTML
Katika post hii utakwenda kujifunz ajinsi ya kutengeneza cheti kwa kutumia html na css. Soma Zaidi...

HTML - somo la 12: Sehemu kuu za faili la HTML
Katika somo hili utajifunza kuhusu sehemu kuu za faili la HTML 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 15: Jinsi ya kutengeneza website kwa kutumia HTML
Katika somo hili tutakwenda kutengeneza website yetu kutoka mwanzo hadi mwisho Soma Zaidi...

HTML - somo la 9: Jinsi ya kutumia tag za HTML katika uandishi wa maudhui
Katika somo hili utakwenda kuona jinsi ya kuzitumia tag balimbali za html Soma Zaidi...

HTML - somo la 3: Tags za HTML zinazotumiwa katika uandishi
Katika somo hili nitakuletea orodhabya tag 25 za html ambazo hugumiwa katikabuandishi. Soma Zaidi...

HTML - somo la 1: Maana ya HTML na kazi zake
Katika somo hili utajifunza maana ya HTML na jinsi inavyofanya kazi Soma Zaidi...

HTML - somo la 8: Mgawanyiko wa Tag za HTML na kazi zake
Katika somo hili tunakwenda kugawanya tag za HTML, pia nitakwenda kukuletea tag 70 za HTML Soma Zaidi...

HTML - somo la 14: Hatua za kutengeneza website
Katika somo hili utakwenda kujifunza jinsi ya kutengeneza website hatuwa kwa hatuwa Soma Zaidi...

HATML - somo la 4: Jinsi ya kutumia tag za html
Katka somo hi utakwenda kujifunza jinsi ya kutumia tag za html ili kupangilia muonekano wa maudhui Soma Zaidi...

HTML - somo la 7: Vitu vya kuzingatia unapoandika HTML
Katika somo hili utajifunza sehemu muhimu katika faili la HTML kama vile tag, attribute na element Soma Zaidi...

HTML- somo la 2: Kazi za HTML, code na tag kwenye website.
Katika somo somo hili utajifunza maana ya code, tag na mpangilio wa faili la HTML Soma Zaidi...