image

Mafunzo ya HTML level 1 somo la 3 (HTML basic level FOR BEGINNERS)

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 Download PDF     Share On Facebook or Whatsapp Imesomwa mara 969


Sponsored links
👉1 Sira ya Mtume Muhammad (s.a.w)     👉2 kitabu cha Simulizi     👉3 Kitabu cha Afya     👉4 Kitau cha Fiqh     👉5 Madrasa kiganjani    

Post zifazofanana:-

Mafunzo ya HTML level 1 somo la 1 (HTML basic level FOR BEGINNERS)
Haya ni mafunzo ya HTML kwa wanaoanza level ya kwanza, na hili ni somo la kwanza katika masomo 8 yatakayokujia katika mtiririko wa course hii. Soma Zaidi...

Mafunzo ya HTML level 1 somo la 8 (HTML basic level FOR BEGINNERS)
Katika somo hili la 8 mafunzo ya html level 8 utajifunza jinsi ya kuhost project ya html na kuwa live, watu wakaipitia na kusoma maudhui yake. Soma Zaidi...

Mafunzo ya database MySQL database somo la 9
haya ni mafunzo ya database kwa kutumia MySQl na hili ni somo la 9. katika soo hili utajifunza namna ya kusoma ama kutumia taarifa zilizomo kwenye DATABASE. Soma Zaidi...

Utangulizi wa Android App Development
Haya ni mafunzo ya muda mfupi katika kujifunza hasa ujuzi wa kutengeneza Android App hata kama haujui kitu kuhusiana na Android Development Soma Zaidi...

PHP level 1 somo la kumi (10)
Somo la 10 mafunzo ya php level 1. Katika somo hili utajifunza kuhusu condition statement. Soma Zaidi...

PHP level 1 somo la tano (5)
Haya ni mafunzo ya php na hili ni somo la tano. Katika somovhili utajifunza namna ya kutengeneza functions. Soma Zaidi...

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

PHP level 1 somo la sita (6)
Katika somo hili la php level 1 somo la 6 utajifunza namna ya kutumia tarehe yaani function date() kwenye PHP 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...

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