Primer lesson: lugha ya alama ya hypertext

Lugha ya Alama ya HyperText (HTML)

HTML inasimama kwa Lugha ya Kuweka alama kwa HyperText. Ni lugha ya kawaida ya kuweka alama kwenye hati iliyoundwa ili kuonyeshwa kwenye kivinjari cha wavuti. HTML inaweza kusaidiwa na teknolojia kama vile Laha za Mitindo ya Kuachia (CSS) na lugha za uandishi kama vile JavaScript.

Msingi wa Wavuti

Kiini chake, mtandao ni mtandao mkubwa wa kompyuta zilizounganishwa kimataifa. Njia ya msingi tunayoingiliana na mtandao huu ni kupitia Wavuti ya Ulimwenguni Pote (WWW), mfumo wa hati za maandishi zilizounganishwa zinazopatikana kupitia mtandao. Katika moyo wa WWW kuna kurasa za wavuti, ambazo ni hati zilizoandikwa kwa HTML. HTML hutoa muundo msingi wa tovuti, ambao huimarishwa na kurekebishwa na teknolojia nyingine kama vile CSS na JavaScript.

Muundo wa Nyaraka za HTML

Hati ya HTML imeundwa kulingana na seti ya lebo zilizowekwa kiota, ambazo ni vipengele vilivyofungwa katika mabano ya pembe. Lebo hizi huambia kivinjari jinsi ya kuonyesha yaliyomo. Mfano wa muundo rahisi wa hati ya HTML ni:

 <!DOCTTYPE html>
<html>
    <kichwa>
        <title>Kichwa cha Ukurasa</ title>
    </ kichwa>
    <mwili>
        <h1>Hiki ni Kichwa</h1>
        <p>Hii ni aya.</p>
    </ mwili>
</ html>

Msimbo huu unafafanua ukurasa wa msingi wa wavuti wenye kichwa, kichwa na aya ya maandishi.

Vipengele na Lebo za HTML

Hati za HTML zimeundwa na vipengele vya HTML. Kila kipengele kinawakilishwa na lebo ya kuanza, baadhi ya maudhui na lebo ya mwisho. Lebo za mwanzo na mwisho za kipengee zinafanana, isipokuwa tagi ya mwisho inajumuisha mkwaju wa mbele kabla ya jina la kipengele.

Kwa mfano, lebo ya <code><p></code> inaambatanisha aya ya maandishi, na imeundwa kama ifuatavyo:

 <p>Hii ni aya ya mfano.</p>

Vipengele tofauti hutumikia madhumuni tofauti. Kwa mfano:

Lebo za <code><h1>...</h1></code> hadi <code><h6>...</h6></code> hutumika kwa vichwa.
Lebo ya <code><a></code> inafafanua kiungo.
Lebo ya <code><img></code> hupachika picha kwenye hati.

Sifa

Vipengele vya HTML vinaweza kuwa na sifa zinazotoa maelezo ya ziada kuhusu vipengele. Sifa huwekwa ndani ya lebo ya mwanzo ya kipengele na mara nyingi hutolewa kwa jozi za jina/thamani kama <code>name="value"</code>.

Kwa mfano, ili kupachika picha, tunatumia lebo ya <code><img></code> yenye sifa ya <code>src</code> (chanzo) ili kubainisha URL ya picha:

 <img src="url to image.jpg" alt="Description of image">

Sifa ya <code>alt</code> hutoa maandishi mbadala ya picha ikiwa haiwezi kuonyeshwa.

Viungo na Urambazaji

Matumizi ya lebo ya <code><a></code> huunda viungo, ambavyo ni msingi wa muunganisho wa Wavuti. Kiungo kiungo kinaweza kuunganisha kwa ukurasa mwingine wa wavuti, sehemu tofauti kwenye ukurasa huo huo, au hata faili inayoweza kupakuliwa. Kwa mfano:

 <a href="https://example.com">Tembelea Mfano.com</a>

Hii huunda kiungo cha <code>https://example.com</code>.

Orodha

HTML hutoa vipengele vya kuunda orodha. Kuna aina mbili kuu za orodha:

Orodha ambazo hazijapangwa (<code><ul></code>), ambapo mpangilio wa bidhaa sio muhimu. Vipengee vilivyo katika orodha isiyopangwa vimetiwa alama ya risasi.
Orodha zilizoagizwa (<code><ol></code>), ambapo mpangilio wa vitu ni muhimu. Vipengee katika orodha iliyoagizwa vinahesabiwa.

Kila kipengee kwenye orodha kimefungwa ndani ya lebo ya <code><li></code> (kipengee cha orodha).

HTML5

HTML5 ni mageuzi ya hivi punde ya kiwango, ikileta vipengele vingi vipya vinavyoakisi mahitaji ya kisasa ya medianuwai na hati shirikishi. Hizi ni pamoja na vipengele vipya vya miundo (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>) , vipengele vya picha (<code><canvas></code> kwa kuchora, <code><svg></code> kwa michoro ya vekta inayoweza kusambazwa), na vipengele vya maudhui (<code><audio></code> na <code ><video></code>).

HTML ya kimantiki

HTML ya kimantiki inarejelea matumizi ya alama za HTML ili kuimarisha semantiki, au maana, ya maelezo katika kurasa za wavuti. Badala ya kufafanua tu jinsi vipengele vinavyoonekana au kufanya (hiyo ni kazi kwa CSS na JavaScript), HTML ya semantiki inaeleza kwa usahihi muundo na aina ya maudhui. Kwa mfano, lebo ya <code><article></code> inaonyesha kuwa maudhui ndani ni makala, huku lebo ya <code><nav></code> ikiashiria menyu ya kusogeza.

Kutumia HTML ya kimantiki huboresha ufikiaji na utafutaji wa maudhui ya wavuti, na kuifanya itumike zaidi na kutambulika.

Hitimisho

HTML ni teknolojia ya msingi ya Mtandao Wote wa Ulimwenguni, ikitoa muundo wa msingi wa kurasa za wavuti. Kupitia matumizi ya vitambulisho, sifa, na vipengele, HTML inaruhusu kuundwa kwa hati zilizopangwa. Kwa kuelewa na kutumia HTML, mtu anaweza kuunda anuwai ya yaliyomo kwenye wavuti, kutoka kwa hati rahisi za maandishi hadi uzoefu changamano wa media titika. Kama msingi wa ukuzaji wa wavuti, umilisi wa HTML ni muhimu kwa mtu yeyote anayetaka kubuni au kukuza wavuti.

lugha ya alama ya hypertext