Hili ni somo la Tatu katika mfululizo wetu wa mafunzo ya HTML kwa basic level kwa wanaoanza kujifunza. Hapa tutakwenda kujifunza tag za html ambazo huwa zinatumika katika uandishi.
HTML SOMO LA TATU
Karibu tena kwenye mafunzo ya HTML. Na hili ni somo la tatu. Kama bado hujalipata somo la kwanza na la pili, tumia link hapo chini kufunguwa masomo hayo. Katika somo hili la tatu tutakwenda kuelezea baadhi ya tag za HTML ambazo hutumika mara nyingi katika kuandika makala.
Katika somo lililopita tuliona maana ya tag, na namna ambavyo tag hufanya kazi. Tag zipo za kufungua ambazo huanzwa na alama hii < na zipo tag za kufunga ambazo huanzwa na alama hizi </. pia katika somo lililotangulia tuliona maana ya element katika html. Element tuliona kuwa ni mkusanyiko wa tag na maudhui yaliyo ndani ya tag kwa mfano <p> hello </p> katika code hii kuna tag ya kufungua ambayo ni <p> na kuna maudhui ambayo ni “hello” pia kuna tag ya kufunga ambayo ni </p> kwa pamoja tunapata element.
Tag zipo nyingi sana ambazo tunazitumia katika uandishi. Kama unavyotumia microsoft katika kuandika basi kula unachokifanya pale kuna tag yake. Kwa mfano unapopigia msitari, kuna tag ya kufanya hivyo. N.k
TAG 25 MUHIMU KATIKA UANDISHI
1.<h1> kwa ajili ya heading. Tag hizi huanzia <h1> hadi <h6>
2.<p> kwa ajili ya kuandika paragraph
3.<b> kwa ajili ya kubold
4.<u> kwa ajili ya kupigia msitari
5.<hr> kupiga msitari kwenye faili, bila ya kupigia herufi maalumu
6.<i> kwa ajili ya kufanya italic
7.<sup> kwa ajili ya kuandika vipeo na vipeuo
8.<sub> kuandika kama vipeua vile vya chini kama unavyoandika alama za kiemikali
9.<code> kwa ajili ya kuandika code text
10.<tt> kwa ajili ya kuandika tipewriter text
11.<small> kwa ajili ya kuandika maandishi madogo
12.<em> kwa ajili ya kuwekea mkazo maandishi (hufanana na kubold)
13.<strong>Kwa ajili ya kusisitiza zaidi (hufanana na kubold)
14.<mark>Kwa ajili ya kumark maandishi
15.<s>kwa ajili ya kukata maneno
16.<q> kwa ajili ya kunukuu maneno yaani kukata msitari na kuanza mpya
17.<br> kubreak line yaani unakata msitari na kuanza kuandika msitari mpya. Mfan wake ni kama unavyotumia batani ya enter kwenye keyboard za simu ama kompyuta wakati wa kuandika.
18.nbsp kwa ajili ya kuruka nafasi ama
19.<a> kwa ajili ya kuweka link
20.<button> hutumika kuweka batani
21.<pre> hutumika kuandika mashairi ama kuonyesha text kama zilivyo kutoka kwenye faili la html
22.<form> kwa ajili ya kutengeneza fomu
23.<img hutumika katika kuweka image
24.<div> kufanya text block
25.<span> hutumika kugroup maandishi kwenye paragraph.
Unaweza kuanza kuzifanyika kazi tag hizi. Usisahau kufunga tag hizo. Katika somo linalofata tutaona namna ambavyo tag zote hizi zinavyofanya kazi kwenye faili lako. Endelea kufuatilia somo hili. Lengo la tag hizi ni kukusaidia kuandika faili lako la html na likakuletea matokeo kama vile faili limeandikwa kwenye word processor kama microsoft word ama wps n.k
Unawezakuanza kuzifanyia kazi tag hizo hapo juu. Kwa kutumia mifano iliyotangaliak katika somo lililopita, chekilinki hapo juu ya masomo yaliyopita, unaweza kufany amazoezi mwenyewe bila hata ya kusubiri somo lijalo. Ningependa sana kama utashea screenshot za mazoeziyako kupitia koment.
Ndugu msomaji, nikupe siri ya mwanzo wa somo hili. Sababu ya kuanzisha somo hili I baada ya mafunzo ya kutengeneza Android App kwa kutumua simu. Tulishaanza hatuwa ya kwanza na tumetengeza Appp kwa kutumia link. Sasa changamoto ni kuwa somo lililotakiwa kufata ni kutengeneza App yenye ubora. Hapa ndipo ikaja haja ya angalau kujifunza HTML ili tuweze kutengeneza App nzurikwa kutumia data zetu wenyewe na kwa namna tunavyotaka.
Hivyo ni matarajio yangu baada ya mafunzo haya ya siku chache (basic) tutarudi tena kwenye darasa letu la kutengeneza App kwa kutumia simu. Kisha somo hili litaweza kuendelea (advanced) baada ya kuonekana haja zaidi. Kwa wale walio na haja ya kutengeneza website zao ama blog, tutaendelea kuwa pamoja nao katika mafunzo haya.
Mafunzo haya yamekujia kwa hisani ya:-
Bongoclass.com
Web: www.bongoclass.com
Email: mafunzo@bongoclass.com
Je! umeipenda hii post?
Ndio Hapana Save post
Kama unahitaji kuuliza maswali Bofya hapa
Mwandhishi Tarehe 2021-10-27 Share On Facebook or Whatsapp Imesomwa mara 869
Download our Apps
👉1 Kitabu cha Afya
👉2 Kitau cha Fiqh
👉3 Madrasa kiganjani
👉4 kitabu cha Simulizi
Mafunzo ya DATABASE - MySQL somo la 7
Mafunzo ya database kwa utumia software ya MySQL kwa lugha ya kiswahili na hili ni somo la 7. Soma Zaidi...
Mafunzo ya database MySQL - DATABASE somo la 6
Huu ni muendelezo wa mafunzo ya database kwa kutumia MySQL na hili ni somo la 6. Katika somo hili tutakwenda kuona jinsi ya kutengeneza table kwa kutumia MySQL na kwa kutuma SQL. Soma Zaidi...
Baadhi ya maradhi yanayosababishwa na hali za maisha
Somo hili linakwenda kukuletea baadhi ya maradhi yanayosababishwa na hali za maisha Soma Zaidi...
PHP level 11 somo la kumi na moja (11)
Katika somo hilivutajifunza namna ya kutumia HTML form. Namna ya kuookea taarifa kutoka kwenye madodoso ya html form. Soma Zaidi...
Je nitumie simu yangu wakati inachaji?
Somo hili linakwenda kujibu swali la je nitumie simu yangu wakati inachaji Soma Zaidi...
Mafunzo ya HTML level 1 somo la 7 (HTML basic level FOR BEGINNERS)
Hii ni project ya HTML ambayo imetengenezwa kulingana na mafunzo ya HTML level1. Tunatarajia project hii kuboreshwa kadiri mafunzo yanavyozidi kusonga mbele. Soma Zaidi...
Kulinda account yako ya Facebook dhidi ya waharifu wa kimtandao
Somo hili linakwenda kukueleza kuhusu njia za kulinda account yako ya Facebook dhidi ya waharifu wa kimtandao Soma Zaidi...
Bezoa goat (mbuzi pori)
Somo Hili linakwenda kukueleza kuhusu sifa za mnyama bezoa goat (mbuzi pori) Soma Zaidi...
Mafunzo ya php level 1 somo la kwanza (1)
Karibu kwenye mafunzo ya PHP level 1 na hili ni somo la kwanza. Hapa utajifunza maana ya php, inavyofanya kazi pamoja na historia yake kwa ufupi Soma Zaidi...
Mafunzo ya HTML Level 2 somo la 4 (HTML FULL COURSE FOR BEGINNERS LESSON 4)
Karibu tena katika somo la nne la mafunzo ya HTML level2 html full course for beginners. Katika somo hili utajifunza kuhusu attributes na namna zinavyofanya kazi Soma Zaidi...
Njia za kujilinda na malware
Somo hili linakwenda kukueleza kuhusu njia za kujilinda na malware Soma Zaidi...