KompyutaProgramu

Jinsi ya kuunda HTML-ukurasa: hatua kwa hatua maelekezo, na mapendekezo ya teknolojia

Unafikiri jinsi ya kujenga HTML-ukurasa? Ili kufanya hivyo, unahitaji kutumia saa chache, na wewe kujua misingi ya HTML. Na kujenga ukurasa wako wa kwanza watakuwa na uwezo wa dakika 5.

HTML anasimama kwa HyperText Markup Language. Tafsiri, inamaanisha "HyperText Markup Language". Ni muhimu kuelewa kwamba HTML - ni si lugha ya programu, yaani ghafi tovuti.

browsers zote za kisasa na uwezo wa kutambua. Kisha kuonyesha habari kwa njia rahisi kwa mtumiaji, kama mapema ilikuwa na lengo na mwandishi.

Lugha hii inatumia vitambulisho maalum. Kila tagi ina kazi. mengi yao. Kimsingi, unahitaji kujifunza kila kitu. Lakini kwa maarifa Beginner ya msingi ni wa kutosha.

Misingi HTML

Kabla ya kuunda HTML-ukurasa, unahitaji kujua ni nini. Katika lugha hii, kuna dhana mbili: kipengele na tag.

Kubainisha ni wapi kipengele huanza na kufunga kwa kutumia kufungua na kufunga tag. Inaonekana kama hii.

maudhui

Kama unavyoona, kufungua na kufunga tag tofauti tu na "/".

All HTML-hati ni seti ya vipengele hivi. Kuna baadhi ya mahitaji ya muundo wa hati. Maudhui yote ukurasa lazima iwe kati ya vitambulisho mbili na . Unapoandika code, iondoe tabia mara moja kuweka chini ya kufungua na kufunga tag.

Pia kumbuka kwamba HTML muundo wa lugha ina uongozi wake. Vinginevyo, inaitwa cha ukusanyaji. HTML tag ni muhimu zaidi, kwa sababu wengine wote ni ndani yake.

Katika HTML, kuna mambo mawili mtoto:

  • ... ;
  • .. .

Katika sehemu HEAD bayana habari huduma mbalimbali. Taarifa hizi kuonyeshwa katika browser hana. Kwa mfano, mwongozo wa watengenezaji, kwa programu zote, robots na zaidi.

jambo muhimu sana - hakuna maudhui.

BODY sehemu bayana maudhui ya hati, ambayo itakuwa visas kwa mtumiaji.

Jifunze mara moja kufanya umma na binafsi vitambulisho, kama inaweza kuwa na 10 ndogo ya vitu. Aidha, kwa urahisi vitambulisho nested kufanya imejongezwa. Kwa mfano, kama hivi.

Hivyo kufanya sawa vitambulisho umuhimu walikuwa katika ngazi moja, na mtoto - "ndani". Hivyo rahisi kusoma na kutafuta sehemu fulani ya code. Vinginevyo, unaweza kupata kuchanganyikiwa. Lakini kwa ajili ya nafasi ya kuokoa ni kichwa na mwili vitambulisho inaweza kufanyika bila padding. Hivyo kuja wengine wote na chochote jongezo. Kila kitu kingine ni kuhitajika kwa tofauti.

Jinsi ya kuunda rahisi HTML ukurasa kwenye

Kuandika code unahitaji aina fulani ya mhariri. mengi yao. Maarufu ni Notepad ++ na Adobe Dreamweaver. Unaweza pia kutumia daftari.

Haya ndiyo Notepad ++ mhariri.

Ni user-kirafiki mhariri na ni bure. juu Adobe Dreamweaver ni kulipwa. Tofauti na mhariri iliyoundwa kwa ajili ya kuandika HTML code kutoka kwenye kitufe - kwa kuwa vitambulisho maalum ni yalionyesha. Kama haina zagaa, inamaanisha kuwa uliyoandika sio sahihi.

Ili kufanana na lugha ya mwanga, ni muhimu kutaja katika mipangilio.

Hebu angalia jinsi ya kujenga HTML ukurasa katika Notepad. Yaani, kumaliza sehemu ya kiufundi na kisha tu kuendelea na masomo ya tag.

Jinsi ya kuunda mtandao katika HTML daftari

Kwanza, fungua daftari.

Basi aina ndani yake kwamba ni maalum katika screenshot zifuatazo.

Kupata kutumika kwa kuandika mikono yake, si tu nakala. Unapoandika mikono, bora kukariri wote tag database.

Kisha bonyeza menu "Hifadhi Faili" na kubainisha jina la faili, lakini kwa .html kiendelezi.

faili inaweza kufunguliwa katika browser yako, na kufurahia matokeo. Sasa unapaswa kuwa wazi jinsi ya kujenga mtandao katika HTML daftari.

Dunia Consortium W3C

Kuna shirika kama vile W3C, ambayo yanaendelea na kutekeleza viwango vyote kwa ajili ya mtandao. browsers zote zinategemea viwango na mchakato hizi mpangilio (s) kwa kurasa kwa mujibu wa sheria hizi.

tovuti rasmi ya watengenezaji wa HTML, unaweza kupata meza na vitambulisho wote na sheria kuhusu matumizi yao. Katika makala hii tunaangalia msingi zaidi.

Unaweza kufikiri kuhusu nini wanaweza kuwa sawa? hizi tags wote wana mapendekezo. Baadhi ya wao:

  • Hiari tag.
  • Marufuku.
  • Blank tag.
  • imepitwa na wakati
  • Waliopotea.

Tags HTML

Kabla ya kuunda HTML-ukurasa, wanapaswa kuelewa kwamba kuwa katika utumishi wa HEAD.

HEAD Katika eneo kuna wawili lazima na hiari tags. Wajibu tag inahusu kichwa. Ni imeonyeshwa kwa Title </ title>. Yeye ni kwa ajili ya hati nzima. Na nini unaweza kuona katika matokeo ya injini ya utafutaji Google - kichwa tag. </p> <p> Sisi kugeuka kwa sehemu BODY. Kuna mambo ambayo kuonyeshwa katika browser, na kuna mashirika yasiyo ya kuonyeshwa. Kwa mfano, maoni havionyeshwi kwa mtumiaji. Zinaweza kutumika kwa maelezo au tips kwa wafanyakazi wengine kama wewe kazi katika timu. </p> <p> Wao mteule kama <em><! - maoni -></em> </p> <p> Yote ni kati ya <-! Na ->, mpango kuonekana kwa njia hii. Tafadhali kumbuka kuwa huwezi kuweka maoni tag kwenye maoni ya mwingine tag. Kwa sababu mara tu kufungua <-, wote unaendelea, itakuwa si kuonyeshwa. Taarifa hayataonekana mradi handler hawataona kufunga tag ->. </p> <p> Mfano wa vile ua: </p> <p> <em><! - kwanza kutoa maoni <! - maoni ya pili -> muendelezo wa maoni kwanza -></em> </p> <p> browser itakuwa matokeo ya yafuatayo </p> <p> <em>muendelezo wa maoni kwanza -></em> </p> <p> Lakini kipande cha <em><! - kwanza kutoa maoni <! - maoni ya pili -></em> haitaonekana. pili ufunguzi tag <-! lilipuuzwa na kutazamwa kama Nakala wazi. </p> <h2> vichwa katika maandishi </h2><p> Title bayana si tu katika sehemu HEAD kutumia cheo tag. Katika mazingira ya kichwa lazima maalum lazima. Kwa kuwa tu mtumiaji anaona. </p> <p> Vichwa vya habari kuja katika aina ya ngazi. Hivyo uongozi katika maandishi. Sawa kiasi, sura, aya katika kitabu. </p> <p> Ni ngazi 6 tu. kichwa cha habari kuu ni mteule <h1> Title </ h1>. Kwa upande wa kukuza maandishi ukurasa katika tags h1, na cheo lazima kuwa sawa. Zaidi ya hayo, h1 kutoka hatua aesthetic ya maoni, kuna haja ya kuwa moja tu. Lakini hii haina maana kwamba browser si kushughulikia baadae h1. Wanaweza kufanya yote unataka, lakini hii siyo zuri. </p> <p> Kwa vichwa vidogo kutumia vitambulisho kutoka h2 kwa H6. Wao ni hivyo - inayoitwa jina la, ya pili, ya tatu, ya nne, tano na sita ngazi ya kwanza. Hivyo kujenga data nested na mgawanyiko katika makundi. </p> <p> Inaonekana kama hii. </p> <p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="kuunda viungo kurasa html" width="371" height="256" layout="intrinsic"></amp-img></p> <h2> aya </h2><p> Nakala kuu katika kanuni unahitaji kujiandikisha tag <p> ... </ p>. Yeye anatoka katika neno "aya". Kila aya lazima kujaza tag <p>, na si sculpt kila kitu katika rundo moja. Kawaida line mapumziko si kuwa processed. Kila kitu zinaonyesha sambamba moja. Kwa uhamishaji unahitaji kutumia <a href="https://sw.unansea.com/mapumziko-line-katika-html-kutumia-tag-br/"><br> tag.</a> </p> <p> Tafadhali kumbuka kuwa uhamisho wa tag si imefungwa. Yeye ni mmoja. </p> <p> Fikiria juu ya mfano aya. </p> <p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="mashairi Pushkin ya" width="700" height="627" layout="intrinsic"></amp-img></p> <p> vitambulisho tofauti, pamoja na "jina" lake, kuna sifa. Kwa mfano, aya tag ina sifa "mfungamano", ambayo imeonyeshwa align. Inaweza kuweka kushoto, kulia, kituo hicho. Hiyo ni, mfungamano wa kushoto au kulia au kituo hicho. </p> <h2> kutumia viungo </h2><p> Ve pengine tayari mawazo: jinsi ya kujenga HTML-ukurasa na viungo? Ngumu kuhusu hilo hakuna kitu. Kujenga viungo HTML ukurasa ni rahisi sana. Kwa ajili hiyo kuna maalum tag <a>. Ina sifa yake required. kiungo sahihi inaonekana kama hii: </p> <p> <em><a href="http:// tovuti /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 stranitsy"> kiungo maandishi </a></em> </p> <p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="kuunda viungo kurasa html" width="700" height="199" layout="intrinsic"></amp-img></em> </p> <p> Kama huna bayana anwani na maandishi, kisha kiungo hii itakuwa haina maana au asiyeonekana kwa mtumiaji. </p> <h2> hitimisho </h2><p> Kuna mengi ya vitambulisho, na kila ina kuweka yake mwenyewe ya sifa. Baada ya kusoma habari hii, unapaswa kuelewa jinsi ya kujenga mtandao HTML. </p> <p> Ili kupanua maarifa yao katika eneo hili, unahitaji kusoma vitabu zaidi na kutumia rasmi vitambulisho kumbukumbu juu ya HTML, ambayo iko kwenye tovuti W3C. Kama huna kutumia directory ya kipindi fulani wa waandishi wa lugha, utakuwa mgumu kwa kuwa mtaalamu katika fani hii. </p> </div> <!--mvp-content-main--> </div> <!--mvp-content-body-top--> </div> <!--mvp-content-body--> </div> <!--mvp-content-wrap--> </div> <!--mvp-post-content--> </div> <!--mvp-post-main--> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Similar articles</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/jinsi-ya-kuondoa-autocad-kabisa-kutoka-kompyuta-yako-mpango-autocad-kuondolewa-maelekezo/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/86db59427e040ec7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/86db59427e040ec7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/jinsi-ya-kuondoa-autocad-kabisa-kutoka-kompyuta-yako-mpango-autocad-kuondolewa-maelekezo/"> <p>Jinsi ya kuondoa "AutoCAD" kabisa kutoka kompyuta yako? mpango AutoCAD: kuondolewa maelekezo</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuta</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/ambapo-maduka-itunes-backup-search-kuhifadhiwa-data/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/39f4af027e5d0ed7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/39f4af027e5d0ed7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/ambapo-maduka-itunes-backup-search-kuhifadhiwa-data/"> <p>Ambapo maduka iTunes Backup: search kuhifadhiwa data</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuta</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/kusafisha-disk-ya-kompyuta/"> <p>Kusafisha disk ya kompyuta</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuta</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/jinsi-ya-kuondoa-windows-7-kutoka-kompyuta-yako-jinsi-ya-kuondoa-windows-7-kuboresha-kutoka-kwa-kompyuta-yako/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/d8de828b6fe60e98-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/d8de828b6fe60e98-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/jinsi-ya-kuondoa-windows-7-kutoka-kompyuta-yako-jinsi-ya-kuondoa-windows-7-kuboresha-kutoka-kwa-kompyuta-yako/"> <p>Jinsi ya kuondoa Windows 7 kutoka kompyuta yako. Jinsi ya kuondoa Windows 7 kuboresha kutoka kwa kompyuta yako</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuta</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/programu-ya-kusafisha-mfumo-wako/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/bd82162b7dc80ec8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/bd82162b7dc80ec8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/programu-ya-kusafisha-mfumo-wako/"> <p>Programu ya kusafisha mfumo wako</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuta</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/ulinzi-wa-data-jinsi-ya-kuweka-password-kwenye-ruta/"> <p>Ulinzi wa data: jinsi ya kuweka password kwenye ruta</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuta</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p> </p><p> </p><p> </p><p> </p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Trending Now</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/andrew-kozitsin-wasifu-photos/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/bf4b94977e0b0ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/bf4b94977e0b0ecd-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/andrew-kozitsin-wasifu-photos/"> <p>Andrew Kozitsin: wasifu, photos</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Biashara</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/kukata-nywele-kwa-nywele-curly/"> <p>Kukata nywele kwa nywele curly</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Uzuri</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/eric-sati-mtaalamu-au-wazimu/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/59b5cad77e660edc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/59b5cad77e660edc-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/eric-sati-mtaalamu-au-wazimu/"> <p>Eric Sati: mtaalamu au wazimu?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sanaa na Burudani</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/herufi-viambishi-ya-participles-jinsi-ya-zoeza-wenyewe-kwa-mara-mbili-n/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/d741a4476f750e92-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/d741a4476f750e92-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/herufi-viambishi-ya-participles-jinsi-ya-zoeza-wenyewe-kwa-mara-mbili-n/"> <p>Herufi Viambishi ya participles: jinsi ya zoeza wenyewe kwa mara mbili "n"</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Malezi</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/je-ni-mapendekezo-ya-rp-maagizo-ya-msimamizi-wa-seva/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/457d43607dd10ec4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/457d43607dd10ec4-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/je-ni-mapendekezo-ya-rp-maagizo-ya-msimamizi-wa-seva/"> <p>Je, ni Mapendekezo ya RP? Maagizo ya Msimamizi wa Seva</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuta</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/cruise-bandari-ya-hamburg-maelezo-cruise-utalii/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/e2addf9e702c0e9f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/e2addf9e702c0e9f-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/cruise-bandari-ya-hamburg-maelezo-cruise-utalii/"> <p>Cruise Bandari ya Hamburg: maelezo. cruise utalii</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Safari</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p> </p><p> </p><p> </p><p> </p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header" style="margin-top:40px;"> <span class="mvp-post-header">Newest</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/sahani-ya-celery-mizizi-dawati-yako/"> <p>Sahani ya celery mizizi dawati yako</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Vyakula na vinywaji</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/valve-cover-gasket-muundo-kazi-na-badala/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/d527711570160ea1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/d527711570160ea1-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/valve-cover-gasket-muundo-kazi-na-badala/"> <p>Valve cover gasket: muundo, kazi na badala</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Magari</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/algorithm-kuchanja/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/84a61d49723715e4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/84a61d49723715e4-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/algorithm-kuchanja/"> <p>Algorithm kuchanja</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Uzuri</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/njia-kwa-ajili-ya-ukuaji-wa-kope-matumizi-kitaalam/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/c28863b06fcb0e94-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/c28863b06fcb0e94-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/njia-kwa-ajili-ya-ukuaji-wa-kope-matumizi-kitaalam/"> <p>Njia kwa ajili ya ukuaji wa kope: matumizi kitaalam</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Uzuri</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/jinsi-ya-kutumia-kibao-kanuni-za-usimamizi-wake/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/d33ea18561f20e63-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/d33ea18561f20e63-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/jinsi-ya-kutumia-kibao-kanuni-za-usimamizi-wake/"> <p>Jinsi ya kutumia kibao - kanuni za usimamizi wake</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuta</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sw.unansea.com/mikahawa-elista-mapitio-ya-bora/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/8e4379cf7e7e0ed8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/8e4379cf7e7e0ed8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sw.unansea.com/mikahawa-elista-mapitio-ya-bora/"> <p>Mikahawa Elista: mapitio ya bora</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Vyakula na vinywaji</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> </div> <!--mvp-main-box--> </div> <!--mvp-article-cont--> </article> <!--mvp-article-wrap--> </div> <!--mvp-main-body-wrap--> <footer id="mvp-foot-wrap" class="left relative"> <div id="mvp-foot-bot" class="left relative"> <div class="mvp-main-box"> <div id="mvp-foot-copy" class="left relative"> <p>Copyright © 2018 sw.unansea.com. Theme powered by WordPress.</p> </div> <!--mvp-foot-copy--> </div> <!--mvp-main-box--> </div> <!--mvp-foot-bot--> </footer> </div> <!--mvp-site-main--> </div> <!--mvp-site-wall--> </div> <!--mvp-site--> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/11999983/0/a97b263e/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 2.126 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-02 18:51:37 --> <!-- 0.002 -->