Mfano wa ukurasa wa HTML na kanuni za msingi za

Zuliwa lugha nyingi, lakini lugha ya HTML ni moja ya wengi maalum na vosstrebovan. Kwa kuwa inahusisha mengi ya mipango mingine muhimu katika programu. Mengi yanapatikana, wakati katika mawazo ya developer elimu ya sasa ya lugha ya kuashiria kiurahisi - HyperText Markup Language (HTML).

Kwa kweli, kwa HTML, hakuna kitu ngumu, na baada ya dakika chache kila zaidi mbali na programu na watu Internet kutimiza kuanzisha HTML-kurasa katika daftari. mifano vyema ijulikane, unyenyekevu, kwa hakika, kupatikana kwa kila mtu.

maelezo ya jumla

HTML faili - ukurasa mmoja tovuti, ingawa hii ni debatable, lakini ni nini faili moja kwa kila ukurasa, kwa kuanza ni wazi.

HTML faili huanza na DOCTYPE header ambao unabainisha aina hiyo ya faili - HTML. Vipengele vyote ukurasa (vitambulisho) ni unahitajika ndani ya mabano pembeni. Kila jozi ( "<" na ">") ni pamoja na moja tag HTML. Kwa kawaida HTML tags ni paired, ambayo ni, ya kila «tag» na «/ tag». Wote huzungukwa na mabano pembeni. Kuna lebo moja, ambapo maarufu «br /» - mpito kwa line ya pili.

tag kubwa katika faili - ni mimi mwenyewe HTML, ambayo ni pamoja na tag mbili tu: kichwa na kiwiliwili. Katika kesi ya kwanza, vipimo mbalimbali ni dalili ya viungo au faili muhimu ukurasa inaweza kuwa sasa PHP na hati za JavaScript. Katika maudhui ya pili ukurasa maandishi. Pia katika hali ya vitambulisho na hati.

Simple HTML-ukurasa

Mfano wa kuunda ukurasa kama unahitajika katika makala hapo chini. Fikiria kwa makini.

HEAD sehemu

kuu lengo HEAD tag - Maelezo ya jumla ya ukurasa na hati za ujumla, ingawa mwisho - kama dhana jamaa. Kwa kawaida kuna inaona umuhimu mkubwa kwa mambo mawili tu:

• maneno na maelezo ya ukurasa;
• viungo au faili (* Css na * JS).

Ili kuonyesha maudhui ya maudhui ya ukurasa wa sehemu hii ina umuhimu tu moja kwa moja kwa sababu inaonyesha ambapo baadhi faili nyingine na sheria CSS kwa vitambulisho na hati za lugha nyingine.

HTML-ukurasa ina cheo (TITLE), ambayo ni kuonyeshwa wakati mgeni huleta mouse yako juu ya tab ambapo ukurasa ni wazi. Hii ni muhimu, kwa sababu inafanya ukurasa mengi zaidi presentable, rahisi kusema, saini Nakala someka.

Meta-vitambulisho ni muhimu katika programu ya mtandao kwa ujumla, lakini wakati inahitajika kuundwa HTML-kurasa katika daftari, ni mfano wa undesirable clutter miundo redundant.

On LINK na SCRIPT viungo wanapaswa kulipa kipaumbele maalum. kwanza inahusu mahali ambapo kuna CSS XSLT faili, pili - Eneo la faili JavaScript code. viungo kama huo unaweza kuweka.

Ukitumia maandiko lazima kutibiwa kama maarifa HTML itakuwa na nguvu, ni lazima makini mara moja kwenye cascading style. files CSS ni, hasa, sheria za usajili wa HTML.

sehemu BODY

Kwa kweli, sampuli ukurasa HTML - hii ni BODY sehemu. Ni hapa kwamba ina taarifa zote, yote yaliyomo katika ukurasa. Habari yote ni iliyotolewa katika fomu ya vitambulisho na hati za, kama vile kuingiza JavaScript code au vipande vya PHP-mpango.

Ni muhimu kutambua kwamba mfano wa kurasa za mtandao HTML katika kivinjari na mfano huo katika mhariri Nakala kama vile Notepad, hii si kitu kimoja. Katika kesi ya kwanza sisi ni tayari HTML-text ambayo maandiko yote kunyongwa. Kwa mfano, PHP ametimiza sehemu yake na sumu badala ya kanuni katika maeneo ya kulia tags. JavaScript pia alitimiza lengo lake, ingawa kuhusu hilo bado kuwa mazungumzo tofauti.

HTML - ni vitambulisho badala ya hati. Hatimaye, tu maudhui ya ukurasa kuonyeshwa katika browser, lakini tag yake. Hakuna PHP-code ni si huko.

JavaScript ni katika nafasi ya pekee, huduma yake - kutumika ukurasa, si tu wakati wa kuwasha wakati (overload), lakini baada ya muda wakati ukurasa ni katika browser wageni, na masomo yake.

mfano rahisi ya kanuni HTML-ukurasa (tu BODY sehemu) ni inavyoonekana hapa chini.

browser wageni inaonekana kama inavyoonekana hapa chini.

hakikubainishwa katika kanuni unapaswa kuonekana kama mambo ambayo kuletwa browser. kubuni wote ni wazi katika sheria CSS. Katika hali hii, Mcss / scPhpWordRW.css faili kwamba alikuwa inatazamwa (tazama. Mfano wa kwanza kabisa ya ukurasa HTML).

Tofauti na HTML, CSS mandhari ni rahisi, kuna ni kupatikana sana sheria na idadi yao ni ndogo, wakati mfano wa viumbe wa HTML-kurasa hauhitaji kitu chochote mbali na Notepad. Kila kitu ni kupatikana sana kwa ajili ya maendeleo ya haraka:

Hii inaonyesha jinsi ilivyo rahisi inaelezewa tag scLogo_vDoc, na maelezo haya ni kwamba katika hali ya kawaida ya tag maonyesho picha vDoc-logo.png, na wakati panya ni juu yake - kuonyeshwa vDoc-logo-h.png.

muundo wa maelezo HTML

Lugha haihusishi kufanya yoyote ya muundo na syntax ya dhana hapa ni jamaa sana. Hakuna vigezo, lakini kuna mengi ya fursa. msingi muhimu wa HyperText ni kuwa kuna kipengele (tag) ambayo ni uhakika wa kuwa na jina.

jina la kesi, jozi tag, linajumuisha majina sahihi (jina la lebo) na mabano ya pembe ( «<» + jina la lebo + «>»), kama sisi ni kuzungumza juu ya mwanzo wa tag, na «», kama kumbukumbu wake wa mwisho.

Mfano wa kurasa HTML kuelezea sifa iliyoko maandishi chini.

tag inaweza kuwa na sifa, basi huwekwa kupitia nafasi baada ya jina utambulisho huo kabla ya kufunga pembe mabano ">". Sifa, kama wana tag ni kumbukumbu tu mwanzoni. maudhui ya tag ni ile ambayo ipo kati ya kuanza tag na mwisho wake.

Jumla maelezo HTML maudhui

HTML inaruhusu kueleza kuzuia na inline vipengele. Kwanza kuchukua eneo fulani katika dirisha browser inaweza kuwa nafasi nzuri kabisa, kwamba ni mahali sahihi katika uwanja wa kuonyesha HTML-kurasa, na kuwa na ukubwa fulani.

mambo Inline ujumla kuonekana thread moja, kwamba ni, kama alikuwa alisema katika faili ukurasa, na kuonyeshwa kwenye screen. maonyesho ya mtiririko jumla inaweza kuathiriwa wakati wa kupakia hutokea. On Kuwekwa, muonekano na huduma zingine za wa mambo block yanaweza kuathiriwa wakati wowote kupitia JavaScript code.

Mbali na mambo rahisi, HTML inatoa kuelezea meza na fomu. Haya mambo ni mengi sana katika mahitaji katika "kila siku tovuti ya ujenzi."

Maelezo ya jedwali: tags TABLE, TR, TD

Wakati TABLE tag inaweza kutumika kujenga meza, kutaja idadi ya safu na TR mfululizo kwa idadi ya seli TD. Tofauti na meza ya kawaida ya shirika, kwa sababu ya hali HTML-ghafi tabular shirika mdogo kwa tamko hili, kwa sababu kama developer anataka kuwa na meza ya mstatili ambayo idadi ya safu wima katika safu yote ya huo, basi ni lazima kufuata mwenyewe.

kanuni nafasi ya HTML: kufanya lolote, lakini hakuna kitu ambacho si kueleweka. Wakati mwingine si muhimu na idadi ya nguzo katika kila mstari msimamo wa ligi, lakini kama unataka kufanya seli kuunganisha usawa au wima, ni muhimu kuhesabu yote kwa makini sana.

Mfano HTML ukurasa na maelezo ya meza rahisi graphically inavyoonekana katika makala.

Hapa ni meza kuonyesha ukubwa wa safu tatu kwa nguzo tatu, pamoja na safu ya kwanza tag TH ilitumika badala ya TD tag - kichwa cha safu wima. Hasa kutofautishwa vitambulisho hizi mbili hawana, lakini inawezekana kutumia kwanza kutofautisha kati ya mstari wa kwanza wa meza, na katika CSS kwa TH, unaweza ambatisha style yako mwenyewe, ambayo ni kutoka tofauti TD nyingine.

Maelezo ya fomu: Fomu tag, INPUT

Fomu - hii ni sehemu kubwa alidai ya HTML-tags. Kutumia njia yanaweza kusambaza habari. Kwa kweli, page - taarifa hii kuonyesha, lakini fomu - ingizo.

Mfano HTML ukurasa na maelezo ya aina rahisi:

Matumizi ya aina ya mengi zaidi, lakini sifa kuu ni kama ifuatavyo. Unaweza kutaja uwanja pembejeo, unahitaji hawawajui yao ya kubuni na handlers tukio kwa ajili ya uchambuzi wa pembejeo user. Unaweza kutaja uwanja siri na kusambaza taarifa kutoka ukurasa nyuma. Unaweza mteule habari maambukizi kifungo, kubwa ambayo huanzisha mchakato wa kuhamisha data.

Kwa kutumia HTML

Kujua lugha HyperText - hali ya lazima kwa yeyote utaalamu kazi katika uwanja wa programu ya mtandao, lakini kama unataka kuandika mpango katika PHP au JavaScript, basi kujua HTML + CSS haja kikamilifu.

lugha PHP umetambuliwa katika mfano uliopita. PHP inaendeshwa kwa server, kwa sababu ukurasa na fomu hii akaruka kutoka kwa seva kwa kivinjari na nyanja kujazwa. Hasa, kazi TestOnBlur zilizotajwa katika tag INPUT (tukio onblur handler), alipata vigezo vyote katika fomu ya mashamba ya maandishi.

browser anaendesha JavaScript, na vizuri kazi data kutuma kifungo nyuma server, yaani, kubuni :. onclick = jQuery ( '# ya') val ( 'gari'), ni muhimu kujua si tu juu ya nini jQuery, lakini nini #to, Val, cart. Kwa usahihi, ni muhimu kujua vitambulisho HTML msingi na sheria ya jumla ya kuomba kwao mitindo CSS.

Hii ni ya kutosha kwa haraka kuongeza kufuzu utaalamu wowote katika eneo la programu ya mtandao.