image

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

ATTRIBUTES NA NAMNA AMBAVYO ZINAFANYA KAZI:
Kama tulivyoona katika somo lililopita tulijifunzakuwa Attributes zina kazi ya kuongeza taarifa nyinginezo kwenye tag. Katika somo hili tutakwenda kujifunza zaidi kluhusu attributes, sifa zake, kanuni zake na zinavyofanya kazi. Kwa ufupi attributes zinawza:-

 

 

1.Kuwa katika element yoyote ya HTML
2.ATTRIBUE HUPATIKANA KWENYE TAG YA KUANZIA NA SI YA KUFUNGIA
3.HUONGEZA TAARIFA ZA ZIADA KWENYE ELEMENT
4.Attributes zinakuwa katika kanuni hii jina=”” naani unaanza kutaja jina la attribute kisha unaweka alama ya sawasawa kisha thamani ya attribute inawekwa ndani ya alama za funga semi.

 

 

 

 

MIFANO YA ATTRIBUTES
1.Attribute wakati wa kuweka link. Hii hukaa kwenye tag ya <a> pale unapotaka kuweka link ya ukurasa mwingine wa wavuti.

 

 

Kwanza utaweka tag ya <a kisha itafatiwa na jina la attribute href (hhypertext referrence) kisha itafatiwa na alama ya = na thamani ya attribute itawekwa kwenye alama za “”.
Mfano
<a href=”www.bongoclass.com”>weka jina la link hapa</a> katika mfano huu <a ndio tag na href ni jina la attribute na “www.bongoclass.com” ndio thamani ya attribute.

 

 

2.ATTRIBUTE ZINAZOTUMIKA KUWEKA PICHA
Attribute hizi hukaa kwenye tag ya <img lengo la attribute hii ni kuweka chanzo cha picha na jina la picha. Chanzo cha picha huwekwa kwa src=” ” na jina la picha huwekwa kwa alt=” ”

 

 

Mfano:
<img src=”bongo.png” alt=”picha”> katika mfano huu <img ndio tag na src ndio jina la attribute na “bongo.png” ndio thamani ya attribute. Pia katika mfano huu una attribute mbili. Attribute nyingine jina lake ni alt na thamani yake ni “picha”. attribute hii hutumika kuonyesha jina la picha hiyo. Endapo picha haita onekana kwa mfano mtandao ukawa low basi jina ndio huonekana.

3.Attribute zinazotumika kuonyesha ukubwa kama urefu na upana. Attribute hii ni height kuonyesha urefuwa kimo na width kuonyesha upana wa kitu.

Mfano
<img src=”picha.png” width=”100%” alt=”picha”> katika mfano huu attribute nyingine hapo ni width kuonyesha upana wa picha na thamani yake ni 100%.

4.Attribute ya kuweka style
Atribute hii hutumika katika shughuli nyingi. Kwa mfano ukitaka kuweka rangi kwenye maandishi, ama kubadili muelekeo, na mpangilio wa herufi atribute hii hutumika. Kwa mfano:-

<p style=”color:yellow”>maandishi haya yatakuwa na rangi ya njano</p> katika mfano huu attribute ni style na thamani yake ni color:red yaani rangi nyekundu.

5.Attribute ya title yaani ya kuwekea kicha cha habari cha faili. Mfano <h1 title=”HTML”> SOMO LA HTML</title> katika mfano huu tumeweka jina kwenye tag ya <h1> hivyo attribute ni title na thamani yake ni “HTML”.

 

 

Attribute nyingine kama ile ya lang tuliotumia kuweka lugha inayotumika katika faili la html.pia atribute za metadata na nyinginezo tutaziona katika masomo yajayo. Katika kutumia attribute unashauriwa kutumia herufi ndogo na funga na funguwa semi mbilimbili yaani “ kama ilivyo kwenye mifano hapo juu.

 

 

 

 

Hivyo katika mifano hiyo tumetumia attributes zifuatazo:-
1.href
2.src
3.width
4.alt
5.style
6.Title

 

 

 

 

Tukutane somo lijalo tutakapokuja kujuwa zaidi jinsi ya kuweka stayle mbalimbali katika uandishi katika html. Somo hili litaanza kutumia tag na attributes kwa pamoja katika ufanisi wa kufanikisha uandishi.

 

 

 



           

Je! umeipenda hii post?
Ndio            Hapana            Save post

Kama unahitaji kuuliza maswali Bofya hapa

Mwandhishi Tarehe 2021-10-28 Download PDF     Share On Facebook or Whatsapp Imesomwa mara 661


Sponsored links
👉1 Madrasa kiganjani     👉2 Kitabu cha Afya     👉3 Kitau cha Fiqh     👉4 kitabu cha Simulizi    

Post zifazofanana:-

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 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 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 1 (HTML FULL COURSE FOR BEGINNERS LESSON 1)
hili ni somo la pili katika mafunzo ya HTML level 2 html full course for beginners. Katika somo hili tutaangalia utangulizi juu ya HTML na pia utajifunza faida za HTML. 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...

Mafunzo ya HTML Level 1 somo la 2 for beginner (html full course for beginners)
Somo la pili katika mafunzo ya HTML level 2. Katika somo hili utajifunza maana ya HTML pamoja na historia yake fupi. 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 kwa wenye kuanza (basic level)
Huu ni utangalizi wa mafunzo ya HTML kwa wenye kuanza level ya kwanza kwa lugha ya kiswahili. Haapa utapata msingi wa kuweza kutengeneza tovuti na blog. Soma Zaidi...

Mafunzo ya DATABASE kwa kutumia MySQL DATABASE kwa kiswahili somo la 4
Huu ni mwendelezo wa mafunzo ya database kwa kutumia MySQL na hili ni somo la nne katika mlolongo wa masomo haya. Katika somo hili utajifuza jinsi ya kubadili jina la database na kufuta database. Pia tutajifunza kutumia SQL kufanya hayo. Soma Zaidi...

Php level 1 somo la saba (7)
Hili ni somo la saba, mafunzo ya php level 1. Katika somo hili utajifunza jinsi ya kuandika function yako mwenyewe. 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...