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...
Umeionaje Makala hii.. ?
Share On:
👉1 Madrasa kiganjani 👉2 Tafasiri ya Riyadh Swalihina 👉3 Sira ya Mtume Muhammad (s.a.w) 👉4 Dua za Mitume na Manabii 👉5 Bongolite - Game zone - Play free game 👉6 ai web app
Post zinazofanana:
HTML - somo la 15: Jinsi ya kutengeneza website kwa kutumia HTML
Katika somo hili tutakwenda kutengeneza website yetu kutoka mwanzo hadi mwisho
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 Kutatua Tatizo la Simu Kutopiga Simu
Kama simu yako haipigi au haipokei simu, usipaniki. Mara nyingi tatizo hili linasababishwa na mambo madogo unayoweza kuyarekebisha mwenyewe nyumbani. Angalia salio na bando lako, washa na uzime mfumo wa ndege (Airplane Mode), au zima simu na kuiwasha tena. Kama hayo hayajasaidia, hakikisha laini yako (SIM card) imekaa vizuri au wasiliana na kampuni yako ya simu. Kwenye makala hii, tutaenda hatua kwa hatua kwa lugha rahisi kabisa ili urudishe simu yako kwenye hali ya kawaida haraka
Soma Zaidi...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...HTML-somo la 5: Jinsi ya kupangilia munekano wa maudhui kwenye website
Katika somo hili utajifunza Kuweka picha Kuweka rangi Kuweka linki Kupangilia position na alignment ya maandishi Kuongeza ukubwa wa herufi Kukoment
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...