HTML- somo la 2: Kazi za HTML, code na tag kwenye website.
Katika somo somo hili utajifunza maana ya code, tag na mpangilio wa faili la HTML
Nimekuandikia somo lote upya, kwa mpangilio mzuri, lugha safi, maelezo yaliyonyooka na mtiririko unaoeleweka. Sauti yake ni rafiki, ya ufundishaji na inaendelea na mtiririko wa somo la kwanza. Hakuna herufi kubwa tupu kwenye vichwa (kama ulivyotaka).
Unaweza kubandika moja kwa moja kwenye Facebook Group yako au blog.
Somo la pili: utangulizi wa HTML na mpangilio wa faili
Karibu tena kwenye mafunzo ya HTML.
Hili ni somo letu la pili katika mfululizo wetu wa kutengeneza tovuti kwa kutumia simu au kompyuta.
Kama hukupata somo la kwanza, unaweza kulisoma kupitia link hii:
https://web.facebook.com/groups/androbongo/permalink/568341711186808/
HTML ni nini?
HTML ni kifupisho cha maneno Hypertext Markup Language.
Hii ni lugha maalum ya kompyuta inayotumiwa kutengeneza kurasa za tovuti (web pages) na blog. Ni rahisi kujifunza, ndiyo maana hutumiwa hata na wanaoanza safari ya web development.
HTML ndiyo msingi wa kila ukurasa unaouona mtandaoni. Facebook, Google, blogs mbalimbali — zote zinatumia HTML pamoja na lugha nyingine.
HTML inafanya kazi gani?
-
Kutengeneza muonekano wa ukurasa wa tovuti.
-
Kupangilia maandishi, vichwa vya habari, picha na vipengele mbalimbali.
-
Kutengeneza sehemu ya mbele ya tovuti (front-end) ambayo mtumiaji anaiona.
-
Kutengeneza fomu za kujisajili na kukusanya taarifa.
-
Kufanya kazi pamoja na lugha nyingine kama CSS, JavaScript, na PHP.
Je HTML ni programming language?
Hapana.
HTML ni markup language — haina logic kama if/else au loops.
Kazi yake ni kupangilia maudhui, si kufanya mahesabu au maamuzi.
HTML inafanyaje kazi kwenye blog au tovuti?
-
Inaandaa muonekano wa ukurasa
-
Inaweka mpangilio wa vipengele
-
Inawezesha ukurasa kutumika na lugha nyingine
-
Inaweka maudhui ya msingi kama vichwa, picha, mifumo ya inputs n.k
Je, unaweza kutengeneza tovuti kwa HTML pekee?
Ndiyo, unaweza kutengeneza tovuti ya kawaida kwa HTML pekee.
Lakini kama unataka blog yenye uwezo wa kupost, kucomment, kulike n.k., utahitaji HTML pamoja na PHP, CSS, na database kama MySQL.
Lengo la mafunzo haya
-
Kukuwezesha kutumia HTML kupitia simu au kompyuta
-
Kutengeneza kurasa za tovuti
-
Kuweza kuhost tovuti yako ili iwe live
-
Kuanza hatua ya kwanza (wiki moja), kisha hatua ya pili itaendelea
Tuanze somo letu la leo
Kwa kuwa kwenye somo la kwanza uliandaa kifaa chako na ukaweza kutengeneza faili la kwanza la index.html, sasa tunaendelea kutoka pale ulipoishia.
Kama unatumia simu (TrebEdit)
Fungua:
Menu → Workspace → Project → index.html
Kama unatumia kompyuta
Tumia:
-
WebStorm
-
Sublime Text
-
Au Notepad++
Code tulizotumia kwenye somo la kwanza
<!DOCTYPE html>
<html lang="en">
<head>
&l">Jiunge nasi WhatsApp kupata update zetu
Umeionaje Makala hii.. ?
👉1 Madrasa kiganjani 👉2 Bongolite - Game zone - Play free game 👉3 kitabu cha Simulizi 👉4 Simulizi za Hadithi Audio 👉5 Kitabu cha Afya 👉6 ai web app
Post zinazofanana:
HTML - somo la 12: Sehemu kuu za faili la HTML
Katika somo hili utajifunza kuhusu sehemu kuu za faili la HTML
Soma Zaidi...HTML - somo la 7: Vitu vya kuzingatia unapoandika HTML
Katika somo hili utajifunza sehemu muhimu katika faili la HTML kama vile tag, attribute na element
Soma Zaidi...HTML - somo la 14: Hatua za kutengeneza website
Katika somo hili utakwenda kujifunza jinsi ya kutengeneza website hatuwa kwa hatuwa
Soma Zaidi...HTML - somo la 15: Jinsi ya kutengeneza website kwa kutumia HTML
Katika somo hili tutakwenda kutengeneza website yetu kutoka mwanzo hadi mwisho
Soma Zaidi...Njia za kupambana na saratani
Somo hili linakwenda kukueleza kuhusu njia za kupambana na saratani
Soma Zaidi...HTML somo la 17: Jinsi ya kuunganisha HTML na CSS au JavaScript
Katika somo hili utakwend akujifunz ahatuwa kwa hatuwa jinsi ya Kuunganisha HTML na CSS au JavaScript
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...HTML - somo la 13: Jinsi ya kugawa ukurasa wa HTML
Katika somo hili utajifunza jinsi ya kugawanya ukurasa wa HTML katika column
Soma Zaidi...HTML - somo la 1: Maana ya HTML na kazi zake
Somo hili linakufundisha maana ya HTML, kwa nini inatumika, na jinsi ya kuandaa simu au kompyuta yako kwa ajili ya kuanza kutengeneza tovuti. Pia tutatengeneza ukurasa wetu wa kwanza wa HTML hatua kwa hatua.
Soma Zaidi...