Misingi ya html kwa wanaoanza katika lugha inayoeleweka. HTML, CSS, PHP, JavaScript, SQL - nini na kwa nini

Hivi majuzi, mara nyingi zaidi, rasilimali mbalimbali za mtandao zinaandaa holivars juu ya mada: ni HTML lugha ya programu au la. Kama kawaida, kuna idadi kubwa ya hoja zinazounga mkono maoni yote mawili, kwa hivyo niliamua kumaliza mzozo huu usio wa lazima kwangu.

Ufafanuzi wa lugha ya programu Lugha ya programu - mfumo rasmi wa ishara, iliyoundwa kwa ajili ya kurekodi programu za kompyuta. Lugha ya programu inafafanua seti kileksika, kisintaksia na kisemantiki kanuni kufafanua mwonekano programu na Vitendo, ambayo itafanywa na mwigizaji (kompyuta) chini ya udhibiti wake.

Hivi ndivyo inavyosema kwenye Wikipedia, na rasilimali zingine nyingi hutumia ufafanuzi huu kikamilifu au kuuelezea kwa uhuru bila kupoteza maana. Wacha tuangalie kwa undani vipengele vya ufafanuzi wa lugha:

  • Lugha rasmi ni seti ya maneno yenye kikomo (mistari, minyororo) juu ya alfabeti yenye kikomo.
  • Mfumo wa ishara ni mfumo wa ujumbe/ishara zinazotafsiriwa na kufasiriwa kwa usawa zinazoweza kubadilishwa katika mchakato wa mawasiliano. Wakati mwingine mifumo ya ishara husaidia kupanga mchakato wa mawasiliano ili kuipa utoshelevu katika suala la athari za washiriki wake kwa "ishara" fulani. Lugha (katika maandishi na, katika lugha ya asili, katika mfumo wa hotuba) kawaida hutajwa kama mfano wa mfumo wa ishara.
  • Programu ya kompyuta ni mlolongo wa maagizo yanayokusudiwa kutekelezwa na kifaa cha kudhibiti cha kompyuta.
  • Msamiati ni seti ya maneno ya lugha fulani, sehemu ya lugha au maneno ambayo mtu fulani au kikundi cha watu wanakijua.
  • Sintaksia ni upande wa lugha ya programu inayoelezea muundo wa programu kama seti za alama (kawaida husemwa - bila kujali yaliyomo). Sintaksia ya lugha inalinganishwa na semantiki yake. Sintaksia ya lugha inaelezea lugha "safi", wakati semantiki inapeana maana (vitendo) kwa miundo mbalimbali ya kisintaksia.
  • Semantiki katika utayarishaji ni taaluma inayochunguza urasimishaji wa maana za lugha ya programu hujengwa kupitia ujenzi wa miundo yao rasmi ya hisabati. Zana mbalimbali zinaweza kutumika kama zana za kuunda miundo kama hii, kwa mfano, mantiki ya hisabati, λ-calculus, nadharia ya seti, nadharia ya kategoria, nadharia ya kielelezo, na aljebra ya ulimwengu wote. Urasimishaji wa semantiki za lugha ya programu inaweza kutumika kuelezea lugha, kuamua sifa za lugha, na kwa madhumuni ya uthibitishaji rasmi wa programu katika lugha hii ya programu.
  • Lugha ni mfumo wa ishara unaohusisha maudhui ya dhana na sauti ya kawaida (tahajia).
Kwa maneno rahisi zaidi inaweza kusemwa kama ifuatavyo:

Lugha ya programu ni seti ya maagizo yaliyofafanuliwa awali, yanayofanana na yanayoeleweka kwa mtendaji (soma: mkalimani/mkusanyaji/kompyuta/mpanga programu) yanayokusudiwa kuandikwa kwa mfuatano kwa madhumuni ya kutekelezwa na kifaa fulani ambacho ni sehemu ya kompyuta. Pia, lugha ya programu lazima iwe na idadi ya vipengele: kuna lazima iwe na idadi ndogo ya maelekezo, na kila mtu lazima ajue; maelekezo lazima yameundwa kwa njia fulani ili kuzalisha matokeo fulani, na kila mtu lazima ajue kuhusu hilo; kuwe na sheria za kuandika maagizo na kila mtu ajue; Kila muundo wa lugha lazima uunganishe bila shaka kile kilichoandikwa na kile kinachohitaji kuteuliwa.

Iligeuka kuwa mbaya sana na mbaya, lakini bila maneno magumu. Tutarudi kwa ufafanuzi huu baadaye kidogo.

Aina za lugha za programu

Mgawanyiko katika lugha za kiwango cha chini na za juu pia hutumiwa mara nyingi. Aina hizi hutofautiana katika "unene wa safu" kati ya processor na programu. Kwa maneno rahisi, katika lugha za kiwango cha chini kila maagizo inawakilisha moja au idadi ndogo ya maagizo ya processor, na kwa lugha ya kiwango cha juu kila maagizo yanawakilisha seti kubwa ya maagizo ya kichakataji.

Wacha tuangalie kwa undani ufafanuzi wa aina tofauti kulingana na Wikipedia:

  • Programu inayolenga kipengele (AOP) ni dhana ya upangaji kulingana na wazo la kutenganisha utendakazi ili kuboresha urekebishaji wa programu.
  • Programu iliyopangwa ni mbinu ya ukuzaji wa programu ambayo inategemea kuwasilisha programu kwa namna ya muundo wa kihierarkia wa vitalu. Iliyopendekezwa katika miaka ya 70 ya karne ya 20 na E. Dijkstra, iliyoandaliwa na kuongezwa na N. Wirth.
  • Upangaji wa utaratibu ni upangaji programu katika lugha ya lazima, ambayo taarifa zinazotekelezwa kwa mpangilio zinaweza kukusanywa katika subroutines, ambayo ni, vitengo vikubwa vya msimbo, kwa kutumia mifumo ya lugha yenyewe.
  • Upangaji wa mantiki ni dhana ya upangaji kulingana na uthibitisho wa kiotomatiki wa nadharia, na vile vile sehemu ya hisabati ya kipekee ambayo inasoma kanuni za uelekezaji wa kimantiki wa habari kulingana na ukweli fulani na sheria za uelekezaji. Upangaji wa mantiki unategemea nadharia na vifaa vya mantiki ya hisabati kwa kutumia kanuni za hisabati za utatuzi.
  • Programu inayolenga kitu (OOP) ni dhana ya programu ambayo dhana kuu ni dhana za vitu na madarasa. Katika kesi ya lugha za protoksi, vitu vya mfano hutumiwa badala ya madarasa.
  • Programu inayofanya kazi ni tawi la hisabati isiyo na maana na dhana ya programu ambayo mchakato wa hesabu hufasiriwa kama kuhesabu maadili ya kazi kwa maana ya hisabati ya mwisho (kinyume na kazi kama subroutines katika programu ya utaratibu).
  • Lugha ya programu ya dhana nyingi ni, kama sheria, lugha ya programu ambayo ilitengenezwa mahsusi kama zana ya upangaji wa dhana nyingi, ambayo ni, uwezo wa kuona ambao hapo awali ulikusudiwa kurithiwa kutoka kwa lugha kadhaa, ambazo mara nyingi hazihusiani, .
  • Lugha ya programu ya esoteric ni lugha ya programu iliyoundwa kuchunguza mipaka ya ukuzaji wa lugha ya programu, ili kudhibitisha uwezekano wa utekelezaji wa wazo fulani (kinachojulikana kama "ushahidi wa dhana", uthibitisho wa dhana ya Kiingereza), kama kazi ya sanaa ya programu. , au kama mzaha (ucheshi wa kompyuta).
Mbinu ya lazima na ya kutangaza
Lugha zote za programu zimegawanywa katika vikundi viwili: ya kutangaza na ya lazima.

Kutoka kwa mtazamo wa hisabati, programu katika lugha ya programu ya lazima ni suluhisho la jumla kwa tatizo fulani, kwa maneno mengine, jibu la swali "jinsi ya kufanya hivyo?" Huu ni mlolongo wa amri ambazo mtekelezaji lazima atekeleze.

Mpango katika lugha ya kutangaza programu ni mchanganyiko wa tatizo lililorasimishwa ndani ya lugha ya programu na nadharia zote zinazohitajika kulitatua; kwa maneno mengine, jibu la swali "nini cha kufanya?" Mlolongo maalum wa vitendo hufanywa na mkusanyaji, au mara nyingi zaidi mkalimani - programu ambayo hutekeleza msimbo wa programu kwa wakati halisi bila kuibadilisha kuwa msimbo wa mashine.

Utimilifu wa Kurusha Katika nadharia ya utengamano, mtekelezaji (seti ya vipengele vya kompyuta) huitwa Turing kamili ikiwa kitendakazi chochote kinachoweza kutambulika kinaweza kutekelezwa juu yake. Kwa maneno mengine, kwa kila kazi inayoweza kutekelezeka kuna kipengele cha kompyuta (kwa mfano, mashine ya Turing) au programu ya mtekelezaji, na kazi zote zinazokokotolewa na seti ya vikokotoo ni kazi zinazoweza kutambulika (labda kwa uwekaji misimbo wa data ya pembejeo na matokeo. )
Jina hili linatokana na Alan Turing, ambaye alivumbua kikokotoo cha kufikirika - mashine ya Turing na kufafanua vipengele vingi vinavyoweza kuunganishwa na mashine za Turing.
Kwa maneno mengine, lugha ni Kusonga kumekamilika, ikiwa utendakazi wowote unaoweza kukokotwa unaweza kuandikwa katika lugha hii na kutatuliwa na mtekelezaji wake.

Haijakamilika Lugha pia zipo, lakini kwa kuwa zimeundwa kwa madhumuni ya kitaaluma, hazijulikani sana na hazitumiki sana.

Hello wapenzi wa mwanzo wa wavuti. Wacha tuanze kujifunza lugha za programu.

Na tutaanza kuzisoma na html.

Nitasema mara moja kwamba mwishoni mwa kozi utaweza kuandika tovuti mwenyewe katika html safi na kuiweka kwenye mtandao. Lakini bado ninapendekeza kuchukua wakati wako, na baada ya html, fahamu css.

Kisha utafanya tovuti iwe baridi, na utaweza kurekebisha kuonekana kwa tovuti iliyoundwa kwenye CMS iliyopangwa tayari (mfumo wa usimamizi wa maudhui).

Kujifunza lugha ya programu na kujifunza lugha ya kigeni sio kitu kimoja, na ni rahisi zaidi. Aidha, sio ya kutisha, lakini ya kusisimua sana.

Ni kwamba tu isiyoeleweka inakuogopa kila wakati, lakini nakuahidi kwamba baada ya masomo ya kwanza kabisa, hofu zote zitapita.

Tutajifunza kutumia mhariri, ambayo unahitaji kufunga kwenye kompyuta yako.

Katika mhariri huu wa faili, unaweza kuandika msimbo na mara moja uone jinsi kivinjari kinavyoionyesha. Raha sana.

Njoo, kwanza nitakuambia kidogo kuhusu HTML ni nini, na hii itakuwa sehemu ya boring ya kozi yetu, na kisha tutaingia kwenye mazoezi ya kuvutia zaidi. Hakika haitakuwa ya kuchosha hapo.

HTML (Lugha ya Kuweka Alama ya HyperText) maana yake halisi ni lugha ya alama ya maandishi ya hypertext. Inatumika kuunda kurasa za wavuti.

Na ikiwa, kwa ufahamu wetu, mkusanyiko wa kurasa zilizounganishwa na mada moja ni kitabu, au hata, bora kusema, gazeti nene, basi mkusanyiko wa kurasa za wavuti zilizounganishwa na jina moja la kikoa ni tovuti.

Kila ukurasa wa wavuti una maandishi yake ya kipekee, yaliyoandikwa na wewe, na kuambatanishwa katika msimbo wa html.

Kanuni ni maagizo kwa kivinjari jinsi ya kuonyesha kipengele fulani. Wacha tuseme umeandika neno, lakini litaonekana kwa namna gani kwenye skrini inategemea ni msimbo gani unaoiambatanisha.

Nambari ya html ina vitu vifuatavyo:

2. Tag sifa.

3. Maadili ya sifa.

Hebu tuwaangalie kwa utaratibu.

Lebo ya html ndio kipengele kikuu cha msimbo. Imeandikwa hivi:

Kama unaweza kuona, ina sehemu mbili. Mabano ya pembe ya kwanza ni sehemu ya ufunguzi, na ya pili, yenye kufyeka, ni sehemu ya kufunga.

Kati ya sehemu hizi mbili, nambari iliyobaki ya ukurasa ambayo itaonyeshwa kwenye skrini imeandikwa.

Lebo huambia kivinjari kuwa hii ni hati ya HTML na ndiyo tagi kuu (ya mzazi) kwa vipengele vingine vyote.

Katika vitambulisho vilivyobaki, vipengele vya msimbo, barua au neno limeandikwa katika mabano ya pembe, ambayo itakuwa jina la lebo na kuamua ni kipengele gani kitaonyeshwa kwenye skrini na lebo hii.

Kwa mfano, ukiweka herufi h1 kwenye mabano ya pembe, maandishi yataonyeshwa kwenye skrini kama kichwa.

Habari

Hiyo ni, fonti ya neno "Habari" itakuwa kubwa na ya ujasiri kuliko maandishi mengine.

Ikiwa utaweka herufi p kwenye mabano ya pembe, basi maandishi yaliyoambatanishwa kwenye lebo yataonyeshwa kama aya.

Habari

Hiyo ni, font itakuwa ya kawaida, lakini kila kitu kilichoandikwa baada ya lebo hii kitaanza kwenye mstari mpya.

Kuna herufi kadhaa kama hizo, na hata maneno ambayo huamua aina ya amri, katika html, ingawa sio zaidi ya vitambulisho 10-15 hutumiwa mara nyingi.

Tutaangalia kila mmoja wao kwa undani zaidi njiani.

Zifuatazo ni sifa za lebo. Inatumika mara kwa mara, pia sio zaidi ya dazeni. Na hivi majuzi hata kidogo, kwani vipengele vyote vya kukokotoa vimehamishwa hadi css.

Lakini zaidi kuhusu hili baadaye, lakini kwa sasa bado tutajua ni sifa gani, kwa kuwa baadhi yao hawajapoteza umuhimu wao na hawatapoteza kamwe.

Sifa ni amri ya ziada. Imeandikwa katika sehemu ya ufunguzi wa lebo. Kwa mfano, ikiwa unataka kufanya kichwa kiwe rangi, basi unahitaji kuingiza sifa ya rangi kwenye sehemu ya ufunguzi ya lebo ya h1.

Na wacha tuende moja kwa moja kwa maadili ya sifa. Jambo ni kwamba sifa lazima iwe na thamani. Hiyo ni, ikiwa ulitoa amri kwamba kichwa kinapaswa kupakwa rangi, basi unahitaji kuonyesha rangi gani itakuwa.

Kiashiria hiki kitakuwa thamani ya sifa. Inaonekana kama hii:

Hii ni nyekundu.

Kwa njia hiyo hiyo, lakini kwa kutumia sifa nyingine, unaweza kuweka ukubwa wa maandishi, indents, alignments, na mengi zaidi.

Ingawa, muundo unazidi kuhamia kwa CSS, na sifa za muundo polepole zinapitwa na wakati na nje ya mazoezi.

Na sasa tunatoa hitimisho kutoka kwa yote hapo juu:

HTML ni lugha ambayo vivinjari vinaelewa. Tunaihitaji ili kuwasiliana na kivinjari, au, mtu anaweza kusema, kuidhibiti, yaani, kumpa amri juu ya jinsi ya kutambua na kuonyesha kwenye skrini tunachoandika.

Ningependa kuongeza kwamba vitambulisho, sifa, na maana zao ni rahisi kukumbuka wakati wa mazoezi ya vitendo, ambayo kimsingi ni nini makala zote zinazofuata zitakuwa.

Huko unaona mara moja lebo, unapata maana yake, katika kesi gani na mahali gani inatumiwa, ni ishara gani inaambatana na, na jinsi imeandikwa, kwa hivyo sasa sitakuonyesha vitambulisho na sifa zote, tutaona kila kitu kwa vitendo.

Ikiwa mtu yeyote ana nia, unaweza kutazama orodha kamili ya lebo na sifa za html. .

Ingawa, ikiwa hutafanya programu kitaaluma, itakuwa ya kutosha kujua vitambulisho vichache (kuhusu dazeni) na sifa kadhaa.

Naam, hiyo ndiyo yote, nadhani. Wachache? Na kwa sasa hakuna haja ya zaidi. Tutajifunza mengine wakati wa mchakato wa kujifunza kwa kutumia mifano maalum.

Nadhani itaeleweka vyema kwa mifano. Lengo letu ni kutengeneza tovuti na kuelewa jinsi yote yanavyofanya kazi, kwa hivyo endelea na ufanye mazoezi.

Geuka

Ukikaa tu kusoma, mwanaharamu fulani atakuamsha!!!

Shuleni, mwalimu anawaambia wanafunzi:
- Ni nani kati yenu hatimaye anajiona mjinga? Simama.
Baada ya kimya kirefu, mwanafunzi mmoja anasimama:
- Kwa hivyo unafikiri wewe ni mjinga?
- Kweli, sio haswa, lakini ni ngumu kwa namna fulani kuwa umesimama peke yako.

Niliamua kulipa kipaumbele zaidi kwa Kompyuta ambao wanataka kupata ujuzi katika uwanja wa ujenzi wa tovuti. Mwalimu wangu alinisukuma kufanya hivi, kwa sababu alifanya makosa mengi katika miongozo ya kazi ya maabara. Ningefurahi kuangalia rasilimali ambayo habari ya kielimu ilichukuliwa, na kuacha mistari kadhaa ya maoni yangu hapo. Lakini hiyo si kuhusu hilo sasa. Katika hotuba yangu ya kwanza nitazungumzia

Muundo wa hati ya HTML ni nini?

Lebo inaonyesha kuwa muundo wa hati ya html huanza na kumalizika. Habari nyingi za kivinjari na injini za utaftaji huhifadhiwa kati ya vitambulisho. Vitambulisho vina kichwa cha ukurasa wetu. Lebo inaonyesha kuwa maelezo zaidi yamekusudiwa mtumiaji, na kwa kawaida inaonyesha kuwa maelezo ya mtumiaji yanaisha.

Sasa ngoja nielezee kidogo. Lebo zote ( tag - kipengele cha lugha ya alama ya hypertext) imegawanywa katika aina mbili: "moja" na "kufunga". Zaidi ya hayo, lebo zimefungwa katika herufi zifuatazo< и >, ndizo zinazotofautisha lebo kutoka kwa maandishi ya kawaida ya html. Wacha tuangalie vitambulisho vichache rahisi zaidi vya "moja":


- lebo ambayo inawajibika kuvunja kwa mstari mpya mahali ambapo lebo hii imesakinishwa. Wacha tuangalie nambari inayotumia lebo hii.

Tovuti yangu ya kwanza Hello everyone!
Na hii ni tovuti yangu ya kwanza.

Matokeo yanaweza kutazamwa.

- lebo inayochora mstari mlalo. Lebo hii inatumika kwa vipengele vya kuzuia, mstari daima huanza kwenye mstari mpya. Ina sifa 5:

  • align - Huamua usawa wa mstari. Inaweza kuchukua thamani kushoto, katikati, kulia.
  • rangi - Inaweka rangi ya mstari.
  • noshade - Huchora mstari bila athari za 3D.
  • saizi - Inaweka unene wa mstari.
  • upana - Inaweka upana wa mstari.

Nambari kwa kutumia lebo:

Tovuti yangu ya kwanza Hello everyone! Hii ni tovuti yangu ya kwanza.

Mfano wa kuona unaweza kupatikana hapa.

Lebo nyingine "moja" ni. Lebo hii inatumika kuhifadhi maelezo yaliyokusudiwa kwa vivinjari na injini tafuti. Mitambo ya utafutaji hutafuta meta tagi ili kupata maelezo ya tovuti, manenomsingi na data nyingine. Unaruhusiwa kutumia idadi isiyo na kikomo ya meta tagi, zote lazima ziwe kati na . Vigezo vya meta tagi yoyote ni ya aina ya "jina=thamani", ambayo hubainishwa na maudhui ya maneno , jina au http-equiv . Kwa sababu vitambulisho vya meta vimekusudiwa kwa mashine, hazifanyi mabadiliko yoyote ya kuona, kwa hivyo nitatoa nambari ya chanzo tu:

Mstari huu unaonyesha kuwa mtayarishaji wa ukurasa anaamini kuwa ukurasa unatumia usimbaji wa UTF-8. Katika HTML5 kila kitu kimekuwa rahisi; ili kutaja usimbuaji, unachohitaji ni laini ifuatayo:

Kuna vitambulisho vingine pekee (,,
, , , , , , , , , , , ), lakini nitakutambulisha kwao baadae kidogo.

Sasa hebu tuzungumze kuhusu vitambulisho vya "kufunga". Jina lenyewe "lebo ya kufunga" linaonyesha kuwa lebo inahitaji kufungwa kwa lazima. Hii inafanywa ili kupunguza wazi sehemu ya maandishi ambayo lebo huathiri.

Kwa mfano wazi, hebu tuangalie lebo, ambayo hutumiwa kuangazia maandishi; inaweka fonti kwa herufi nzito. Lebo ni mipaka inayofafanua eneo la uteuzi wa maandishi. Hapa kuna nambari ambapo walisahau kufunga tepe kwenye mstari wa mwisho:

Tovuti yangu ya kwanza Hello everyone! Na hii ni tovuti yangu ya kwanza.
Salaam wote! Na hii ni tovuti yangu ya kwanza.

Kama unaweza kuona, hakuna chochote ngumu, sasa unaweza kuunda kurasa kadhaa zilizounganishwa kwa kila mmoja.

Lebo za kuangazia maandishi

Kuna njia kadhaa za kuangazia maandishi kwenye ukurasa. Hii inaweza kufanywa kwa kutumia mitindo, au unaweza kutumia vitambulisho. Tunavutiwa (kwa sasa) na chaguo la pili.

- huweka fonti kwa herufi nzito.

- huweka mtindo wa fonti ya italiki.

- anaongeza mstari wa chini kwenye maandishi.

- iliyokusudiwa kusisitiza maandishi. Vivinjari huonyesha maandishi haya kwa italiki.

- huvuka maandishi. Lebo hii imeondolewa kutoka HTML5, inashauriwa kuitumia badala yake

- huonyesha maandishi kama maandishi ya nafasi moja. Imeondolewa kutoka HTML5.

- huonyesha fonti kama maandishi makuu. Fonti inaonekana juu ya msingi wa maandishi na kwa saizi iliyopunguzwa.

- huonyesha fonti kama usajili. Maandishi yamewekwa chini ya msingi wa wahusika waliobaki kwenye mstari na hupunguzwa kwa ukubwa.

- iliyokusudiwa kusisitiza maandishi. Vivinjari huonyesha maandishi haya kwa herufi nzito.

- hupunguza saizi ya fonti kwa moja ikilinganishwa na maandishi ya kawaida. Katika HTML, ukubwa wa fonti hupimwa katika vitengo vya kawaida kutoka 1 hadi 7, wastani wa ukubwa wa maandishi chaguo-msingi ni 3. Lebo hupunguza maandishi kwa kitengo kimoja cha kawaida. Lebo zilizowekwa kwenye kiota zinaruhusiwa, na saizi ya fonti itakuwa ndogo kwa 1 kwa kila kiwango kilichowekwa, lakini haiwezi kuwa chini ya 1.

- huongeza saizi ya fonti kwa moja ikilinganishwa na maandishi ya kawaida. Katika HTML, ukubwa wa fonti hupimwa kwa vitengo kutoka 1 hadi 7, wastani wa ukubwa wa maandishi chaguo-msingi ni 3. Kwa hivyo, kuongeza lebo huongeza maandishi kwa kitengo kimoja. Lebo zilizoainishwa zinaruhusiwa, na saizi ya fonti itakuwa kubwa kwa kila kiwango.

— hutumika kuangazia manukuu katika maandishi. Yaliyomo kwenye kontena yanaonyeshwa kiotomatiki kwenye kivinjari katika alama za nukuu.

- iliyoundwa ili kuangazia manukuu marefu ndani ya hati. Maandishi yaliyo na lebo hii huonyeshwa kimila kama kizuizi kilichopangiliwa na pedi upande wa kushoto na kulia (takriban pikseli 40), pamoja na pedi juu na chini.

— inafafanua kizuizi cha maandishi yaliyoumbizwa awali. Maandishi kama haya kawaida huonyeshwa katika fonti iliyo na nafasi moja na nafasi zote kati ya maneno. Kwa chaguo-msingi, idadi yoyote ya nafasi katika msimbo katika safu huonyeshwa kama moja kwenye ukurasa wa wavuti. Tag Inakuruhusu kukwepa kipengele hiki na kuonyesha maandishi kama inavyotakiwa na msanidi programu.

- anafafanua aya ya maandishi. Lebo

Ni kipengele cha kuzuia, daima huanza kwenye mstari mpya, aya za maandishi zinazofuatana zimetenganishwa na pedi. Kiasi cha padding kinaweza kudhibitiwa kwa kutumia mitindo. Ikiwa hakuna lebo ya kufunga, mwisho wa aya inachukuliwa kuwa sanjari na mwanzo wa kipengele kinachofuata cha kuzuia.

.... - HTML inatoa vichwa sita katika viwango tofauti, vinavyoonyesha umuhimu wa sehemu baada ya kichwa. Kwa hivyo, lebo inawakilisha kichwa muhimu zaidi cha ngazi ya kwanza, na tepe hutumika kuashiria mada ya ngazi ya sita na ndiyo muhimu zaidi. Kwa chaguo-msingi, kichwa cha ngazi ya kwanza kinaonyeshwa katika fonti kubwa kuliko zote nzito, na vichwa vya ngazi vinavyofuata ni vidogo kwa ukubwa. Vitambulisho ,..., rejea vipengele vya kuzuia, daima huanza kwenye mstari mpya, na baada yao vipengele vingine vinaonyeshwa kwenye mstari unaofuata. Zaidi ya hayo, nafasi nyeupe huongezwa kabla na baada ya kichwa. Lebo ina sifa ya kupanga, ambayo huamua mpangilio wa kichwa; inaweza kuchukua thamani zifuatazo: kushoto - kichwa kilichopangiliwa kushoto, katikati - kilichopangwa katikati, kulia - kilichopangwa kulia, thibitisha - haki (zote mbili kulia na kushoto) . Thamani hii inafanya kazi kwa vichwa ambavyo ni virefu zaidi ya mstari mmoja pekee.

- ni chombo cha kubadilisha sifa za fonti, kama vile saizi, rangi na chapa. Ingawa lebo hii bado inaungwa mkono na vivinjari vyote, inachukuliwa kuwa haitumiki na matumizi yake yanapendekezwa kuachwa ili kupendelea mitindo. Lebo ina sifa 3: rangi - huweka rangi ya maandishi, uso - huamua aina ya fonti, saizi - huweka saizi ya fonti katika vitengo vya kawaida.

- huweka alama maandishi kama nukuu au tanbihi kwa nyenzo nyingine. Kuangazia huku ni muhimu kwa kubadilisha mtindo wa maandishi kupitia CSS, na pia hutumiwa kutenganisha msimbo wa HTML katika vipengele vya muundo. Vivinjari kwa kawaida huweka maandishi ndani ya chombo kuwa italiki.

- inaonyesha kwamba mlolongo wa wahusika ni ufupisho. Kwa kutumia sifa ya kichwa, muhtasari hufafanuliwa, ambayo inaruhusu watu ambao hawajui nayo kuelewa ufupisho. Kwa kuongeza, injini za utafutaji zinaonyesha toleo la maandishi kamili ya ufupisho, ambayo inaweza kutumika kuboresha cheo cha hati.

Kwa chaguo-msingi, maandishi yaliyofungwa kwenye chombo yamepigiwa mstari kwa mstari wa nukta.

Ifuatayo ni nambari ambayo nilitumia vitambulisho hivi vyote:

Tovuti yangu ya kwanza

HTML na CSS ni teknolojia mbili kuu za kuunda kurasa za Wavuti. HTML hutoa muundo wa ukurasa, CSS mpangilio (wa kuona na wa kusikia), kwa anuwai ya vifaa. Pamoja na michoro na uandishi, HTML na CSS ndio msingi wa kujenga kurasa za Wavuti na Programu za Wavuti. Jifunze zaidi hapa chini kuhusu:

HTML ni nini?

HTML ni lugha ya kuelezea muundo wa kurasa za Wavuti. HTML inawapa waandishi njia za:

Chapisha hati mtandaoni zenye vichwa, maandishi, majedwali, orodha, picha, n.k.
Rejesha maelezo ya mtandaoni kupitia viungo vya hypertext, kwa kubofya kitufe.
Kubuni fomu za kufanya shughuli na huduma za mbali, kwa matumizi katika kutafuta habari, kuweka uhifadhi, kuagiza bidhaa, nk.
Jumuisha laha, klipu za video, klipu za sauti na programu zingine moja kwa moja kwenye hati zao.
Kwa HTML, waandishi wanaelezea muundo wa kurasa kwa kutumia markup. Vipengele vya vipande vya lebo ya lugha kama vile "aya," "orodha," "meza," na kadhalika. XHTML ni nini?

XHTML ni lahaja ya HTML ambayo hutumia syntax ya XML, Lugha ya Alama Inayoongezwa. XHTML ina vipengele vyote sawa (kwa aya, n.k.) kama lahaja ya HTML, lakini sintaksia ni tofauti kidogo. Kwa sababu XHTML ni programu ya XML, unaweza kutumia zana zingine za XML nayo (kama vile XSLT, lugha ya kubadilisha maudhui ya XML).

CSS ni nini?

CSS ni lugha ya kuelezea uwasilishaji wa kurasa za Wavuti, ikijumuisha rangi, mpangilio na fonti. Huruhusu kurekebisha wasilisho kwa aina tofauti za vifaa, kama vile skrini kubwa, skrini ndogo, au vichapishaji. CSS haitegemei HTML na inaweza kutumika kwa lugha yoyote ya msingi ya XML. Kutenganishwa kwa HTML kutoka kwa CSS hurahisisha kudumisha tovuti, kushiriki laha za mtindo kwenye kurasa zote, na kurekebisha kurasa kwa mazingira tofauti. Hii inarejelewa kama mtengano wa muundo (au: yaliyomo) kutoka kwa uwasilishaji.

WebFonts ni nini? WebFonts ni teknolojia inayowawezesha watu kutumia fonti wanapohitajika kwenye Wavuti bila kuhitaji usakinishaji katika mfumo wa uendeshaji. W3C ina uzoefu katika fonti zinazoweza kupakuliwa kupitia HTML, CSS2, na SVG. Hadi hivi majuzi, fonti zinazoweza kupakuliwa hazijakuwa za kawaida kwenye Wavuti kwa sababu ya ukosefu wa umbizo la fonti linaloweza kushirikiana. Juhudi za WebFonts zinapanga kushughulikia hilo kupitia uundaji wa umbizo la fonti wazi la Wavuti linaloungwa mkono na tasnia (linaloitwa "WOFF").

Hotuba imefika mwisho, natumai maarifa yaliyopatikana yatakuwa na msaada kwako! Katika hotuba inayofuata, nitakuambia kile kitambulisho huhifadhi, tutajifunza jinsi ya kufanya kila aina ya udanganyifu na picha, na kufahamiana na meza.

Wakati wa kuandika nakala hii, maelezo ya vitambulisho vingine yalichukuliwa kutoka hapa

Kila mtu hutumia mtandao na kila mtu anavinjari tovuti tofauti, na pengine kila mtu angependa kuweka tovuti yake kwenye mtandao, lakini hii si rahisi kufanya, kuna sababu nyingi za hili. Walakini, ili uweze kukaribisha tovuti bora, unahitaji tu kujua misingi " utayarishaji wa WEB", ambayo ni lugha ya HTML. Katika makala hii tutaangalia vipengele kuu, vitambulisho, sifa, na hata kuandika ukurasa wa kwanza wa wavuti.

Lugha ya Alama ya Maandishi ya Hyper - "HTML" ( lugha ya alama ya hypertext) wengi kwa muda mrefu wameacha kuiona kama lugha ya programu. Kwa kuwa dhana yenyewe ya HTML inajumuisha mbinu mbalimbali za kubuni nyaraka za hypertext, kubuni, wahariri wa maandishi ya hypertext, vivinjari na mengi zaidi. Mtumiaji ambaye amefahamu lugha hii anapata uwezo wa kufanya mambo makubwa kwa kutumia njia rahisi na, muhimu zaidi, haraka, ambayo inachukuliwa kuwa nzuri sana katika ulimwengu wa kisasa!

Katika lugha ya HTML, unaweza kuunda bidhaa zako za multimedia na kuzisambaza kwenye CD, na bidhaa hizi zote, zilizofanywa kwa namna ya seti za kurasa za HTML, hazihitaji maendeleo ya programu maalum, kwa kuwa kila kitu muhimu kwa kufanya kazi na data ( Vivinjari vya wavuti) zimekuwa sehemu ya programu ya kawaida kwenye kompyuta nyingi za kibinafsi.

  • Kipengele ( kipengele) ni muundo wa lugha ya HTML. Hiki ni kipengee ambacho kina data na huruhusu kuumbizwa kwa njia maalum. Ukurasa wowote wa Wavuti ni seti ya vipengele. Moja ya mawazo kuu ya hypertext ni uwezekano wa vipengele vya nesting.
  • Lebo ( tagi) - kuanza au kumaliza alama za kipengele. Vitambulisho hufafanua mipaka ya hatua ya vipengele na vipengele tofauti kutoka kwa kila mmoja. Katika maandishi ya ukurasa wa Wavuti, vitambulisho vimefungwa kwenye mabano ya pembe, na lebo ya mwisho daima inafuatwa na kufyeka.
  • Sifa - parameter au mali ya kipengele. Kwa maneno mengine, hii ni tofauti ambayo ina jina la kawaida na inaweza kupewa seti maalum ya maadili: ya kawaida au ya kiholela. Thamani za sifa za mhusika zinatarajiwa kuambatanishwa katika nukuu moja kwa moja, lakini vivinjari vingine hukuruhusu kuacha nukuu. Hii ni kwa sababu aina ya sifa daima hujulikana mapema. Sifa ziko ndani ya lebo ya kuanza na zimetenganishwa kutoka kwa kila mmoja kwa nafasi.
  • Kiungo ni kipande cha maandishi ambacho ni kielekezi kwa faili au kitu kingine. Viungo ni muhimu ili kuwezesha urambazaji kutoka hati moja hadi nyingine.
  • Fremu ( fremu) - neno hili lina maana mbili. Ya kwanza ni eneo la hati na pau zake za kusogeza. Thamani ya pili ni picha moja katika changamano ( uhuishaji) faili ya picha (sawa na tuli kutoka kwa sinema). Inawezekana pia kwamba badala ya neno "frame" katika fasihi maalum na bidhaa za programu za ndani unaweza kupata neno "frame" au "frame".
  • Faili ya HTML au ukurasa wa HTML ni hati iliyoundwa kwa njia ya maandishi ya hypertext kulingana na lugha ya HTML. Faili kama hizo zina viendelezi htm au html.
  • Applet ( applet) - programu iliyohamishwa kwa kompyuta ya mteja kama faili tofauti na kuzinduliwa wakati wa kutazama ukurasa wa Wavuti.
  • Hati au hati ( hati) ni programu iliyojumuishwa katika ukurasa wa Wavuti ili kupanua uwezo wake.
  • Kiendelezi ( ugani) ni kipengele ambacho hakijajumuishwa katika vipimo vya lugha, lakini hutumiwa kutoa uwezo wa kuunda athari mpya na ya kuvutia ya umbizo.
  • CGI ( Kiolesura cha Lango la Kawaida) ni jina la jumla la programu ambazo, zinazoendesha kwenye seva, hukuruhusu kupanua uwezo wa kurasa za Wavuti. Kwa mfano, bila programu hizo haiwezekani kuunda kurasa zinazoingiliana.
  • Msimbo wa HTML ni hati ya maandishi katika hali yake ya asili, na vipengele vyote na sifa zinaonekana.
  • Ukurasa wa wavuti ni hati (faili) iliyoandaliwa katika muundo wa maandishi ya hypertext na kutumwa kwenye Mtandao Wote wa Ulimwenguni.
  • Tovuti ( tovuti) - seti ya kurasa za Wavuti ziko katika sehemu moja na zimeunganishwa.
  • Kivinjari ( kivinjari) - programu ya kutazama kurasa za Wavuti.
  • () - kunakili faili kutoka kwa seva hadi kwa kompyuta ya mteja.
  • URL( Kitafuta Rasilimali Sare) au kitafuta rasilimali sare, anwani ya kitu fulani kwenye Mtandao, i.e. URL ya kawaida ya WWW inaonekana kama: http://www.name.domain/filename.

Vipengele vyote vya lugha vinaweza kugawanywa katika vikundi vitatu. Ya kwanza inajumuisha vipengele vinavyounda muundo wa hati ya hypertext. Matumizi ya vipengele vile ni utaratibu wa lazima ambao hauwezi kupuuzwa. Kundi la pili linajumuisha vipengele vinavyounda athari za uumbizaji. Matumizi yao yanaagizwa na mahitaji maalum ya hati, mawazo na uwezo wa msanidi Kikundi cha tatu kinajumuisha vipengele vinavyokuwezesha kudhibiti programu iliyosakinishwa na inayoendeshwa kwenye kompyuta ya mteja. Mara nyingi vipengele vile huundwa moja kwa moja wakati msanidi anatumia mhariri wa hypertext au programu sawa ili kuingiza kitu kwenye hati.

Ingawa maelezo ya HTML ni ya kawaida, vipengele vipya vinaongezwa kwa lugha ( viendelezi) Kwa hivyo, kurasa zingine za Wavuti zinafaa zaidi kutazama kwa kutumia vivinjari fulani. Upanuzi huundwa tu na makampuni maalumu ambayo yanatengeneza programu ya WWW, na watumiaji wa kawaida wanaweza kuboresha kurasa zao za Wavuti kupitia programu. Applets hukuruhusu kuondoa vizuizi vya HTML na kutoa wigo kwa mawazo ya msanidi programu.

matoleo ya HTML

Toleo la kwanza la HTML lilitengenezwa mapema miaka ya 90 na Tim BenersLee kwa mojawapo ya vivinjari maarufu vya Musa hapo awali. Lakini wakati huo, kivinjari wala HTML yenyewe ilikuwa bado imepata matumizi mazuri. HTML+ ilionekana mnamo 1993, na toleo hili pia halikutambuliwa. Lakini lugha ya HTML ilienea shukrani kwa toleo la 2.0, ambalo lilionekana mnamo Juni 1994. Na tangu wakati huo na kuendelea, umaarufu wa WWW umekuwa ukiongezeka duniani kote. Viwango vilivyojumuishwa katika toleo la 2 vimeanzishwa hivi kwamba vinatumika hadi leo.

Toleo la HTML 3.0, ambalo lilionekana kama mwaka mmoja baadaye, lilianzisha uwezo wa kuchora alama za hisabati ( ishara muhimu, infinity, sehemu, mabano, nk.) kwa kutumia vipengele vya lugha. Lakini maendeleo ya mradi huu yalipungua na hayakupata usambazaji zaidi.

Mnamo 1996, toleo la HTML 3.2 lilionekana. Hili lilikuwa suluhu nzuri sana; inatosha kutaja kwamba fremu zililetwa katika maelezo ya lugha, ambayo sasa yamekuwa maarufu sana miongoni mwa watengenezaji wa tovuti. Hadi leo, vivinjari vyote vinaauni toleo hili la HTML.

Maelezo Rasmi ya HTML 4 ( HTML Inayobadilika) ilitengenezwa mwaka 1997. Kwa wakati huu, ilikuwa tayari dhahiri kwamba maendeleo zaidi ya hypertext yatafanywa kupitia programu ya wavuti. Hii iligeuka kuwa na ufanisi zaidi kuliko kuanzisha vipengele vipya katika lugha.

Muundo wa ukurasa wa wavuti

Ifuatayo ni nambari ya ukurasa wa Wavuti, ambayo imetengenezwa kwa HTML, na kwa kutumia ukurasa huu kama mfano, tutachambua muundo wake, lakini kwanza, nakili nambari zote kwenye daftari la maandishi la kawaida na ubonyeze "Hifadhi kama" na uhifadhi faili iliyo na kiendelezi cha html, yaani. baada ya jina andika.html

Muundo wa waraka wa wavuti Nenda mwisho wa waraka Kichwa 1 Kichwa 2 Kichwa 3 Kichwa 4 Kichwa 5 Kichwa 6 Kiungo cha kwanza kinapatikana hapa. Inapaswa kuwa hapa
maandishi kuu ya ukurasa wa wavuti.
Na mimi, kwa mfano, nitaingiza hapa
uhamisho kadhaa,
ili uweze
angalia kwa uwazi
inafanyaje kazi kwako
viungo ndani ya hati,
vinginevyo ikiwa una azimio kubwa,
Hutaona tu viungo vinavyofuatwa

Nukuu ya hati ya HTML. Mojawapo ya kanuni za lugha ni kuota kwa vipengele vingi. Kipengele hiki ndicho cha nje zaidi, kwani ukurasa wote wa Wavuti lazima uwe kati ya vitambulisho vyake vya kuanza na mwisho. Kinadharia, kipengele hiki kinaweza kuchukuliwa kama utaratibu. Ina toleo, sifa za lang na dir, ambazo hazitumiwi sana katika kesi hii, na inaruhusu kuota kwa HEAD, BODY FRAMESET na vipengele vingine vinavyoamua muundo wa jumla wa ukurasa wa Wavuti. Kwa kawaida, hati zote kama hizo huisha na lebo ya mwisho.

< head >

Eneo la kichwa cha ukurasa wa Wavuti. Kwa maneno mengine, sehemu yake ya kwanza. Kama tu kipengele kilichotangulia, HEAD hutumika tu kuunda muundo wa jumla wa hati. Kipengele hiki kinaweza kuwa na sifa za lang na dir.

< title >

Kipengele cha kuweka kichwa cha ukurasa wa Wavuti. Mstari wa maandishi ulio ndani ya kipengele hiki hauonekani kwenye hati, lakini kwenye upau wa kichwa wa dirisha la kivinjari. Kipengele hiki huathiri sana ukuzaji katika injini ya utafutaji kwa sababu injini tafuti hulipa kipaumbele maalum kwa lebo ya TITLE. Ushauri wangu: usifanye maandishi marefu sana kwenye lebo hii ( Herufi 65 zinatosha).

Kipengele hiki kina maelezo ya huduma ambayo hayaonyeshwa wakati wa kutazama ukurasa wa Wavuti. Hakuna maandishi ndani yake kwa maana ya kawaida, kwa hivyo hakuna lebo ya mwisho. Kila kipengele cha META kina sifa mbili kuu, ya kwanza ambayo inafafanua aina ya data, na ya pili ambayo inafafanua maudhui.

< body >

Kipengele hiki kinachanganya hypertext, ambayo inafafanua ukurasa wa Wavuti yenyewe. Hii ni sehemu inayoonekana ya hati inayotengenezwa na ukurasa wa kiotomatiki na ambayo inaonyeshwa na kivinjari. Ipasavyo, lebo ya mwisho ya kipengee hiki inapaswa kupatikana mwishoni mwa ukurasa wa Wavuti. Ndani ya kipengele cha BODY, unaweza kutumia vipengele vyote vilivyokusudiwa kwa muundo wa ukurasa wa Wavuti. Ndani ya lebo ya mwanzo ya kipengele cha BODY, unaweza kuweka sifa nyingi zinazotumika kuweka ukurasa mzima. Hebu tuwaangalie kwa utaratibu.

Moja ya sifa muhimu zaidi za lebo hii, ambayo ina athari kwenye muundo wa ukurasa, ni

background="njia ya faili ya usuli"

Muundo rahisi wa usuli unakuja ili kuweka rangi yake

bgcolor="#FFFFFF"

Rangi ya mandharinyuma inabainishwa na nambari tatu za heksadesimali zenye tarakimu mbili zinazobainisha ukubwa wa rangi nyekundu, kijani kibichi na bluu (rbg).

Kwa kuwa unaweza kubadilisha mandharinyuma ya ukurasa, unaweza pia kubadilisha rangi ya maandishi. Kwa kusudi hili kuna sifa ifuatayo

maandishi="#RRGBB"

Ili kuweka rangi ya maandishi ya viungo, tumia sifa ifuatayo

kiungo="#RRGBB"

Unaweza pia kubainisha mabadiliko ya rangi kwa kiungo cha mwisho kilichochaguliwa na mtumiaji

Kipengele cha kichwa. Kuna viwango sita vya vichwa, ambavyo vimeteuliwa kama ifuatavyo.
Kichwa
Kichwa
Kichwa
Kichwa
Kichwa
Kichwa

Kichwa cha kiwango cha 1 ndicho kikubwa zaidi, na kiwango cha 6 kinatoa kichwa kidogo zaidi. Kwa vichwa, unaweza kutumia sifa inayobainisha upangaji wa kushoto, katikati au kulia:

align="kushoto" align="katikati" align="kulia"

Ili kuunda aya mpya, tumia lebo

Na kuhamia mstari mpya bila kuunda aya - tag
yaani uhamisho hutokea. Sio lazima kufunga vitambulisho hivi. Bila shaka, ikiwa hutumii kwenye lebo

Kipengele cha ALIGN, ambacho kinaweza kuweka upatanishi wa aya:

Kushoto

Iliyowekwa katikati

Haki

Maandishi kati ya vipengele hivi yanapangwa kwa upana

Mstari wa mlalo ( utawala wa usawa) ni kipengele cha kawaida sana. Kwanza, kwa sababu inafanya kuwa rahisi sana na rahisi kugawanya ukurasa katika sehemu. Pili, kwa sababu mwandishi wa ukurasa ana uteuzi mdogo sana wa vipengele vile vya kubuni. Kipengele hicho hakina lebo ya mwisho, lakini ina idadi ya sifa za kushoto, katikati, kulia, kuhalalisha:

  • align="kushoto"
  • align="katikati"
  • align="kulia"
  • align="justify"

Hati ya HTML inaweza kuwa ngumu sana, na sio rahisi sana kwa mtumiaji ambaye anahitaji kuhamia haraka sehemu inayotaka ya hati. Kwa kufanya hivyo, unaweza kutumia utaratibu wa hyperlink. Ili kufanya hivyo, weka alama zinazofaa katika maeneo sahihi katika maandishi.

Maandishi ya bure

Katika kesi hii, mstari uliopewa wa hati unapewa jina, na kwa hiyo hyperlink inaweza kuundwa kwa sehemu nyingine ya waraka, au hata kwenye hati nyingine, inayoongoza kwenye lebo hiyo.

Ili kuingiza picha ( Picha) katika hati ya HTML lebo ifuatayo inatumika ( hutoa maelezo kamili ya sifa za lebo hii):

Orodha

(orodha) zilitengenezwa katika HTML, bila shaka kusukumwa na mafanikio ya wahariri wa maandishi. Orodha inatofautiana na maandishi ya kawaida, kwanza kabisa, kwa kuwa mtumiaji hawana haja ya kufikiri juu ya kuhesabu vitu vyake: HTML inachukua kazi hii. Ikiwa orodha imeongezwa na vitu vipya au kufupishwa, kuhesabu kunaendelea moja kwa moja. Kwa upande wa orodha zisizo na nambari, HTML hutangulia kila kipengee kwa alama: miduara, mistatili, almasi na picha zingine. Hatimaye, orodha inachukua fomu nzuri. Kuna vikundi viwili vya vitambulisho kama hivyo: vingine vinafafanua mwonekano wa jumla wa orodha ( na kuruhusu kubainisha sifa), huku wengine wakitaja muundo wake wa ndani. Unaweza kutumia sifa za kawaida katika orodha. Kuna aina kadhaa za orodha.

Ya kawaida zaidi ni orodha isiyo na nambari ( orodha isiyo na mpangilio) Imewasilishwa hapa chini:

  • Kipengee cha orodha 1
  • Kipengee cha orodha 2
  • Kipengee cha orodha 3

Kipengele cha ul ni aina ya kuangazia orodha. Inakuruhusu kutenganisha orodha moja kutoka kwa nyingine. Kipengele cha li kinawakilisha kila moja ya vitu.

Majedwali

Wao ni mojawapo ya njia muhimu zaidi za kupangilia data kwenye ukurasa wa Wavuti. Urahisi kuu ni kwamba kivinjari kinatunza kuchora meza nzima. Ukubwa wa sura inaweza kubadilishwa moja kwa moja kwa ukubwa wa dirisha la kivinjari na, bila shaka, kwa ukubwa wa mistari ya maandishi na picha katika seli za meza. Mbali na kila kitu kingine, meza inakuwezesha kutatua matatizo mengi ya kubuni: kuunganisha sehemu za ukurasa kuhusiana na kila mmoja, kuweka picha na maandishi karibu na kila mmoja, kusimamia mipango ya rangi, na kadhalika. Wakati wa kuunda meza, kanuni ya kuweka kiota inatumika: ndani ya kitu kikuu cha jedwali (TABLE), idadi ya vitu huundwa ambayo hufafanua safu (TR), na ndani ya vitu hivi kuna vitu vya kuelezea kila seli kwenye safu (TD). TH).

Ili kuelewa muundo wa meza iliyopo au kuendeleza meza mpya, kuna kanuni moja ambayo mlolongo wa vipengele unaelezea meza kutoka juu hadi chini na kutoka kulia kwenda kushoto. Kwa mfano, ikiwa kipengele cha TABLE kinafuatwa na kipengele cha TR, hii inaonyesha kwamba safu mlalo mpya ya jedwali inafafanuliwa. Kila kitu nyuma ya kipengele hiki kitawekwa kwenye mstari mmoja (kutoka kulia kwenda kushoto). Hii inaweza kuwa mlolongo wa vipengele vya TD ( seli), meza nyingine na kadhalika. Baada ya kipengee kipya cha TR kuonekana, maelezo ya mstari unaofuata huanza, na kadhalika hadi mwisho wa jedwali (lebo).).
Jedwali linaweza kuunganishwa kwa usawa kwa kutumia sifa ya kulandanisha:

  • align = "kushoto" - kushoto;
  • align = "katikati" - katikati;
  • align = "kulia" - kulia.

Upana wa jedwali unaweza kuwekwa katika pikseli haswa au kama asilimia ya upana wa ukurasa kwenye dirisha la kivinjari. Kwa mfano: upana=400 au upana=50%

Sifa mbili hutumiwa kudhibiti kuonekana kwa sura. Ukweli ni kwamba kivinjari huunda picha ya sura, kuiga mwelekeo wake wa tatu ( mbonyeo) kwa kutumia tofauti katika mwangaza wa nyuso

Matukio

Karibu mabwana wote wa wavuti wanataka kurasa zao za wavuti ziwe na sura ya kisasa, ziwe na kazi nyingi, nzuri na zenye nguvu. Hii haiwezekani kwa zana za kawaida za HTML, kwa hivyo zana tofauti hutumiwa: applets, vitu, karatasi za mtindo wa kuteleza, na kadhalika. Lakini aina maarufu na iliyoenea ( mapokezi) ni matumizi ya maandishi.

Hati ni msimbo wa programu ambao umejumuishwa katika maandishi ya ukurasa kama maandishi chanzo na hutekelezwa na kivinjari ukurasa unapotazamwa. Hati inaweza kuandikwa katika JavaScript, iliyotengenezwa na Netscape, au katika Visual Basic Script ( VBScript), iliyotengenezwa na Microsoft.

Lebo hii hukuruhusu kutenganisha maandishi ya programu ya hati kutoka kwa maelezo mengine ya ukurasa. Lebo ya SCRIPT lazima iwe na sifa ya lugha, ambayo hubainisha lugha na inaweza kuchukua maadili yafuatayo:

  • javascript - msimbo katika JavaScript;
  • vbscript - msimbo katika lugha ya VBScript.

Sifa ya aina pia inaweza kuonyesha aina ya lugha, ingawa matumizi yake hayahitajiki. Ili usivunje sheria zote, unaweza kuweka ufafanuzi ufuatao ndani ya kitu hicho:

type="text/javascript"

Moja ya sifa nzuri zaidi za maandishi ni uwezo wa kubadilisha yaliyomo kwenye ukurasa kama matokeo ya utekelezaji wa programu. Lakini hii ni kipengele tu, sio sheria. Kwa kutumia sifa ya kuahirisha (ambayo haikubali maadili yoyote) unaweza "kuwaambia" kivinjari kwamba mabadiliko hayo hayatafanywa. Katika baadhi ya matukio, hii inaruhusu ukurasa kupakia haraka.

Kati ya sifa za kawaida, unaweza kutumia sifa ya charset.

Lebo ya SCRIPT ( au idadi ya vipengele hivyo) inaweza kupatikana ama ndani ya kipengele cha HEAD au ndani ya kipengele cha BODY. Ikiwa hati iko ndani ya kipengele cha BODY, inawezekana pia kwamba kivinjari fulani ambacho hakiauni kipengele cha SCRIPT kitaona msimbo wa programu kama maandishi wazi na kuionyesha kwenye skrini. Ili kuzuia hili kutokea, nambari ya hati imeingizwa kama maoni:

-
-
-

Vivinjari vyote vya kisasa vinatambua mbinu hii na kupuuza wahusika wa maoni. Ikiwa unahitaji kuingiza maoni katika maandishi ya hati, basi nukuu tofauti hutumiwa kwa hili: kufyeka mbili // huingizwa mwanzoni mwa mstari.
Nambari ya hati inatekelezwa wakati ukurasa unapakiwa, i.e. wakati yaliyomo yake bado yanaonekana kwenye skrini. Chini ni mfano wa hali rahisi zaidi ( onyesha ujumbe kwenye dirisha).

-
-
-
- Nakala tu
-
- tahadhari("Umeandika hati yako ya kwanza!")
-
-
-
-

Ni ukurasa rahisi, lakini inajumuisha hati ya mstari mmoja. Kwa kutumia mbinu ya tahadhari, ujumbe unaonyeshwa kabla ya kupakiwa. Na itanyongwa hadi mtumiaji atakapobofya kitufe cha OK, upakuaji hautaendelea.
Inawezekana kwamba ukurasa utaangaliwa katika kivinjari ambacho hakitumii hati; kipengele cha NOSCRIPT kimetolewa kwa hili. Programu za kisasa za kutazama hupuuza yaliyomo. Kipengele hiki kinaweza kutumika kwa njia kadhaa. Kuanza, unaweza kuonyesha tangazo ndani yake kama ifuatavyo: " Kivinjari chako hakiwezi kutekeleza hati inayohitajika ili kutazama ukurasa huu wa wavuti!"Pili, ndani ya kipengee unaweza kutengeneza toleo lililorahisishwa la ukurasa, bila hati. Tatu, unaweza kuunda kiungo cha hati nyingine ya HTML. Kipengele cha NOSCRIPT lazima kiwe na lebo ya mwisho.

Kwa hivyo tuliangalia misingi ya lugha ya programu ya WEB kama HTML. Hata baada ya kusoma nakala hii fupi, tayari una wazo, na hata uwezo wa kupanga katika lugha hii. Bahati njema!

Hivi majuzi, mara nyingi zaidi, rasilimali mbalimbali za mtandao zinaandaa holivars juu ya mada: ni HTML lugha ya programu au la. Kama kawaida, kuna idadi kubwa ya hoja zinazounga mkono maoni yote mawili, kwa hivyo niliamua kumaliza mzozo huu usio wa lazima kwangu.

Ufafanuzi wa lugha ya programu.

Lugha ya programu - mfumo rasmi wa ishara, iliyoundwa kwa ajili ya kurekodi programu za kompyuta. Lugha ya programu inafafanua seti kileksika, kisintaksia na kisemantiki kanuni kufafanua mwonekano programu na Vitendo, ambayo itafanywa na mwigizaji (kompyuta) chini ya udhibiti wake.

  • Programu inayolenga kipengele (AOP) ni dhana ya upangaji kulingana na wazo la kutenganisha utendakazi ili kuboresha urekebishaji wa programu.
  • Programu iliyopangwa ni mbinu ya ukuzaji wa programu ambayo inategemea kuwasilisha programu kwa namna ya muundo wa kihierarkia wa vitalu. Iliyopendekezwa katika miaka ya 70 ya karne ya 20 na E. Dijkstra, iliyoandaliwa na kuongezwa na N. Wirth.
  • Upangaji wa utaratibu ni upangaji programu katika lugha ya lazima, ambayo taarifa zinazotekelezwa kwa mpangilio zinaweza kukusanywa katika subroutines, ambayo ni, vitengo vikubwa vya msimbo, kwa kutumia mifumo ya lugha yenyewe.
  • Upangaji wa mantiki ni dhana ya upangaji kulingana na uthibitisho wa kiotomatiki wa nadharia, na vile vile sehemu ya hisabati ya kipekee ambayo inasoma kanuni za uelekezaji wa kimantiki wa habari kulingana na ukweli fulani na sheria za uelekezaji. Upangaji wa mantiki unategemea nadharia na vifaa vya mantiki ya hisabati kwa kutumia kanuni za hisabati za utatuzi.
  • Programu inayolenga kitu (OOP) ni dhana ya programu ambayo dhana kuu ni dhana za vitu na madarasa. Katika kesi ya lugha za protoksi, vitu vya mfano hutumiwa badala ya madarasa.
  • Programu inayofanya kazi ni tawi la hisabati isiyo na maana na dhana ya programu ambayo mchakato wa hesabu hufasiriwa kama kuhesabu maadili ya kazi kwa maana ya hisabati ya mwisho (kinyume na kazi kama subroutines katika programu ya utaratibu).
  • Lugha ya programu ya dhana nyingi ni, kama sheria, lugha ya programu ambayo ilitengenezwa mahsusi kama zana ya upangaji wa dhana nyingi, ambayo ni, uwezo wa kuona ambao hapo awali ulikusudiwa kurithiwa kutoka kwa lugha kadhaa, ambazo mara nyingi hazihusiani, .
  • Lugha ya programu ya esoteric ni lugha ya programu iliyoundwa kuchunguza mipaka ya ukuzaji wa lugha ya programu, ili kudhibitisha uwezekano wa utekelezaji wa wazo fulani (kinachojulikana kama "ushahidi wa dhana", uthibitisho wa dhana ya Kiingereza), kama kazi ya sanaa ya programu. , au kama mzaha (ucheshi wa kompyuta).
Mbinu ya lazima na ya kutangaza


Lugha zote za programu zimegawanywa katika vikundi viwili: ya kutangaza na ya lazima.

Kutoka kwa mtazamo wa hisabati, programu katika lugha ya programu ya lazima ni suluhisho la jumla kwa tatizo fulani, kwa maneno mengine, jibu la swali "jinsi ya kufanya hivyo?" Huu ni mlolongo wa amri ambazo mtekelezaji lazima atekeleze.

Mpango katika lugha ya kutangaza programu ni mchanganyiko wa tatizo lililorasimishwa ndani ya lugha ya programu na nadharia zote zinazohitajika kulitatua; kwa maneno mengine, jibu la swali "nini cha kufanya?" Mlolongo maalum wa vitendo hufanywa na mkusanyaji, au mara nyingi zaidi mkalimani - programu ambayo hutekeleza msimbo wa programu kwa wakati halisi bila kuibadilisha kuwa msimbo wa mashine.