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
Rajabu Tarehe 2024-05-10 14:53:23 Topic: Tehama Main: Post File: Download PDF Share On Facebook or Whatsapp Imesomwa mara 1035
Sponsored links
👉1 Simulizi za Hadithi Audio
👉2 Madrasa kiganjani
👉3 Kitabu cha Afya
👉4 Kitau cha Fiqh
👉5 Sira ya Mtume Muhammad (s.a.w)
👉6 kitabu cha Simulizi
PHP level 1 somo la nane (8)
Hapa utajifunza utofauti kati ya php constant na variable. Na hili ni somo la nane katika mfululizo wa masomo haya ya php level 1. Soma Zaidi...
Mafunzo ya DATABASE - MySQL database somo la 5
Huu ni muendelezo wa mafunzo ya DATABASE kwa kutumia software ya MySQL na hili ni somo la tano. katika somo hili utajifunza type of data yaani aina ya taarifa ambazo unaweza kuzihifadhi kwenye database yako. Soma Zaidi...
Mafunzo ya HTML level 1 somo la 5 (HTML basic level FOR BEGINNERS)
katika somo hili la tano kwenye mafunzo ya HTML level 1 utajifunza jinsi ya 1.Kuweka picha
2.Kuweka rangi
3.Kuweka linki
4.Kupangilia position na alignment ya maandishi
5.Kuongeza ukubwa wa herufi
6.Kukoment Soma Zaidi...
Mafunzo ya php level 1 somo la nne (4)
somo hili la 4 katika mafunzo ya PHP level 1 utajifunza aina za data mabazo php inakwenda kuzitumia. Soma Zaidi...
Mafunzo ya HTML level 1 somo la 4 (HTML basic level FOR BEGINNERS)
Hili ni somo la nne katika mafunzo ya html basic level. Hapa tutakwenda kuona jinsi ya kuzifanyia kazi tag ambazo umejifunza katika somo lililotangulia. Soma Zaidi...
Mafunzo ya HTML Level 2 somo la 6 (HTML FULL COURSE FOR BEGINNERS LESSON 6)
Katika somo hili la 6 mafunzo ya HTML level 2, tutajfunza namna ya kugawa ukurasa wa wavuti wa html. Soma Zaidi...
Mafunzo ya HTML level 1 somo la 6 (HTML basic level FOR BEGINNERS)
hili ni somo la sita katika mfululizo wa mafunzo ya HTML level 1. Katika somo hili tutajifunza mambo makuu matatu ambayo ni kuweka menyu, kuweka background color na kufanya faili lako liwe responsive. Soma Zaidi...
Mafunzo ya HTML Level 2 somo la 5 (HTML FULL COURSE FOR BEGINNERS LESSON 5)
Karibu tena katika mafunzo haya ya html level 2 na hili ni somo la 5. Katika somo hili utajifunza zaidi kuhusu kuweka style kwenye html file. Soma Zaidi...
Mafunzo ya html level 2 (html full course for beginners)
haya ni mafunzo ya HTML level 2 kwa wenye kuanza. Mafunzo haya ni muendelezo wa level 1 html. Katika course hii utajifunza mengi zaidi lu;iko level1 pia tutazidi kuboresha project yetu. Soma Zaidi...
Mafunzo ya HTML Level 2 somo la 7 (HTML FULL COURSE FOR BEGINNERS LESSON 7)
Ktika somo hili la 7 utajifunza namna ya kuandaa na kujiandaa kutengeneza website ama blog. Pia utajifunza maandalizi ya kuhost Soma Zaidi...
Mafunzo ya database mySQl database somo la 11
huu ni muendelezo wa mafunzo ya Database klwa kutumia MySQL na hili ni somo la 11. katika somo hili tutaendelea kujifunza mpangilio wa muonekano wa data kwenye database. 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...