HATML - somo la 4: Jinsi ya kutumia tag za html

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

Karibu tena lwenye mafunzo haya ya HTML lugha ya kompyuta inayotumika katika kutengenezea website, blog na web application. Html hutumika na mchanganyiko wa lugha nyingine za kompyuta kutengeneza software na system. Hata hivyo unaweza kutumia html peke yake kutengeneza website (tovuti) na ikawa live watu wakaweza kuitembelea.

 

Je na kama na wewe ni mmoja kati ya wenye ndoto za kuweza kufanya haya, karibu tena kwenye somo hili. Katika somo la kwanza hadi la tatu tuliona namna ambavyo HTML inavyofanya kazi, pia tuliona mpangilio wa faili lake na tukaona tag na element. Katika somo la tatu tulijifunza code 25 muhimu zinazotumuka katika uandidhi. Unaweza kupata somo la kwanza la pili na tatu kwenye linki hizo hapo chini:-
 

Katika somo hili la nne tutaona jinsi ambavyo tag 25 tulizozitaja kwenye somo la tatu zinavyoweza ktumika na kuandikia makala katika ukurasa wa mtandao. Kama utakuwa unatumia kompyuta funguwa note pad kisha fatilia somo hili, tumia notepad kuandikia code kama somo litakavyoonyesha. Kwa wale wanaotumia simu kama mimi, utaratibu umetangulia katika somo la kwanza, unatakiwa utumie App inayojulikana kama TrebEdit ipo playstore, linki utaipata kwenye somo la kwanza.

 

FILE EXTENTION KATIKA FAILI LA HTML

Tunapozungumzia file extension huwenda likaonekana kama neno gumu, ila kwa ufupi nitolee mifano. Unapotaka kusevu faili katika microsoft office unaweza kusave as document (.doc), extensive document (.docx) portable document file (.pdf). pia katika media kuna (.mp3, .mp4) kwenye web site kuna (.com, .net, .io, .co, .ac). hivyo extension ndio ambayo huiambia kompyuta aina ya faili. Sasa unapoandika faili lako la code za HTML, wakati wa ku save lazima uweke (.html) mfano katika somo la kwanza tulitumia faili tuliloliita “index.html” usisahau kuweka doti.

 

Sasa funguwa App yako ya Treb editi kisha menu, kisha workplace, kisha click project yako kama tulivyofanya kwenye somo la kwanza na pili. Kisha new file, weka jina mfano  “tag.html” kisha save. Click hilo faili, kisha bofya HTML snippet chini, hapo ukurasa mpya wa code utatokea. Kwa watumiaji wa kompyuta kweka code hizi kwenye notepad yako:

 

Kama unatumia kompyuta basi tengeneza faili jipya kwa kutumia text editor yako unayotumia. 

 

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>Tag Muhimu</title>

</head>

<body>

 

</body>

</html>

 

Kisa saveas all files kija weka tag.html

 

Sasa hadi kufikia hapa tupo tayari kuanza somo. Somo 

Katika tag zote 25 tulizoziona katika somo la tatu, baadhi yake tutakuja kuziona tena kwenye masomo yajayo kutokana yanahitaji ufafanuzi zaidi. Kwa mgano tag hii <img  na <a> hizi tutakuja kuziona zaidi katika somo lijalo. Sasa kama ulishafunguwa TrebEdit yako ama notepad, sasa kopi code hizo hapo chini kisha paste kwenye faili lako ulilolisave kwa jina la tag.html. Kisha previes, kwa kubofya kitufe cha kuplay au click file kwenye komputer litafunguka kama website.

 

Code zenyewe ni hizi:-


 

<!DOCTYPE html>

<html lang="en">

<he...

Ingia sasa ili uweze kusoma makala hii yote.

Zoezi la Maswali

Nyuma Endelea


Umeionaje Makala hii.. ?

       
Author: Rajabu Rajabu
Tarehe: 2024-05-10 14:53:23 Topic: HTML Main: Masomo File: Download PDF Views: 1325

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Madrasa kiganjani     👉2 Tafasiri ya Riyadh Swalihina     👉3 Kitabu cha Afya     👉4 Sira ya Mtume Muhammad (s.a.w)     👉5 web hosting     👉6 kitabu cha Simulizi    

Post zinazofanana:

Jinsi ya Kufuta Data za Simu Ukiwa Mbali

Kupoteza simu au kuibiwa kwa simu ni jambo linaloweza kumpata mtu yeyote. Simu zetu siku hizi hazitumiki tu kupiga simu na kutuma ujumbe, bali pia huhifadhi taarifa nyingi muhimu kama picha, video, namba za simu, akaunti za mitandao ya kijamii, taarifa za benki, barua pepe na nyaraka binafsi. Ikiwa simu itaangukia mikononi mwa mtu asiye mwaminifu, taarifa hizo zinaweza kutumiwa vibaya. Njia moja ya kujilinda ni kujifunza jinsi ya kufuta data za simu ukiwa mbali. Hii ina maana kwamba unaweza kuondoa taarifa zote zilizomo kwenye simu yako hata kama simu hiyo haipo karibu nawe. Njia hii husaidia kulinda faragha yako na kuzuia watu wengine kuona au kutumia taarifa zako binafsi. Katika makala hii tutajifunza maana ya kufuta data za simu ukiwa mbali, sababu za kufanya hivyo, hatua za kufuata, mambo muhimu ya kuzingatia kabla ya kufuta taarifa, pamoja na ukweli muhimu kuhusu usalama wa simu

Soma Zaidi...
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 Kutuma Faili Bila Intaneti

Kutuma faili bila kutumia intaneti ni njia rahisi ya kuhamisha picha, video, nyaraka, programu au aina nyingine za taarifa kutoka kifaa kimoja kwenda kingine bila kutumia data ya simu au Wi-Fi. Watu wengi wanafikiri kuwa lazima uwe na intaneti ili kutuma faili, lakini ukweli ni kwamba kuna njia mbalimbali zinazokuwezesha kufanya hivyo kwa kutumia teknolojia zilizopo kwenye simu, kompyuta au vifaa vingine. Njia hizi zinaweza kusaidia sana pale ambapo hakuna mtandao, data imeisha, au unataka kutuma faili kwa haraka bila kusubiri kupakua kupitia huduma za mtandaoni. Katika makala hii tutajifunza njia mbalimbali za kutuma faili bila intaneti, jinsi zinavyofanya kazi, faida zake, changamoto zake, na mambo muhimu ya kuzingatia ili kuhakikisha faili zako zinatumwa salama.

Soma Zaidi...
Jinsi ya Kutatua Tatizo la Sim Card Kutosomeka

Laini ya simu (SIM card) isiposomwa, tatizo linaweza kuwa uchafu kwenye laini, kuwekwa vibaya, au mtandao kuzima. Kusafisha laini kwa mpira wa kufutia penseli (vifutio), kuwasha na kuzima simu, au kuweka upya laini kunaweza kutatua tatizo hili kwa dakika chache bila gharama yoyote.

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