Օրինակ է HTML էջում, եւ հիմնական սկզբունքները

Հորինել բազմաթիվ լեզուներով, սակայն լեզուն HTML մեկն է առավել հատուկ եւ vosstrebovan: Քանի որ այն ներառում է շատ այլ կարեւոր նախաձեռնությունների ծրագրավորման. Որքան հասանելի, երբ մտքում մշակողի ներկա գիտելիքների նշարկման լեզու - Հիպերտեքստի նշարկման լեզու (HTML):

Ի դեպ, HTML, ոչինչ չկա բարդ է, եւ մի քանի րոպե բոլոր ամենահեռավոր է ծրագրավորման եւ ինտերնետ ժողովրդի կկատարի հաստատմանը HTML էջերը նոթատետրում: Ուշագրավ, պարզությունը, իրոք, հասանելի է բոլորին.

ընդհանուր նկարագրությունը

HTML ֆայլ - մեկ էջ կայք, թեեւ սա վիճելի հարց է, բայց այն, ինչ մեկ ֆայլ մեկ էջում, մի սկսել դա հասկանալի է.

HTML ֆայլ սկսվում է DOCTYPE տողի որ սահմանում է, որ տեսակից ֆայլ HTML: Բոլոր էջ տարրերը (tags), որոնք նշված շրջանակներում անկյան փակագծերում: Յուրաքանչյուր զույգ ( "<" եւ ">") ներառում է մեկ կտրոնը HTML: Սովորաբար HTML թեգերը են ընտրել Զուգտկված, այսինքն, յուրաքանչյուր «tag» ունեն «/ tag»: Երկուսն էլ կցվում են անկյան փակագծերում: Կա մի կտրոնը, որի ամենատարածված «br /» - անցումը հաջորդ տողում:

Ամենամեծ հատկորոշել ֆայլերի դա ինձ HTML, որն իր մեջ ներառում է միայն երկու tag: գլխին եւ մարմնի. Առաջին դեպքում, տարբեր հստակեցում վկայում հղումներ դեպի այլ համապատասխան էջում ֆայլեր կարող են ներկա PHP եւ JavaScript սցենարներ: Ի երկրորդ էջի գրավոր բովանդակության. Նաեւ այն ձեւով թեգերը եւ սցենարներ.

Պարզ HTML-էջ

Օրինակը ստեղծել այնպիսի էջը, որը նշված է հոդվածում ստորեւ. Այն համարում ուշադիր.

HEAD բաժինը

Հիմնական նպատակը ՂԵԿԱՎԱՐԸ tag - ընդհանուր նկարագրությունը էջը եւ ընդհանուր սցենարներ, թեեւ վերջինս պարզապես մի հարաբերական հասկացություն է: Սովորաբար կա կարեւորում ընդամենը երկու բաներից:

• հիմնաբառեր եւ նկարագրությունը էջում.
• հղումներ դեպի այլ ֆայլեր (* .css եւ * .js):

Են դրսեւորել բովանդակությունը էջի բովանդակության բաժնի ունի միայն անուղղակի կարեւորությունը, քանի որ այն ցույց է տալիս, որտեղ մի շարք այլ ֆայլեր ունեն CSS կանոնները թեգերը եւ այլ սցենարներ լեզուներով:

HTML-էջ ունի կոչում (անվանումը), որը ցուցադրվում է, երբ այցելուն բերում ձեր մկնիկը շուրջ էջանիշը, որտեղ էջ է բացվել: Սա կարեւոր է, քանի որ այն օգնում է էջ շատ ավելի ներկայանալի, ավելի հեշտ է ասել, ստորագրել ընթեռնելի տեքստ.

Meta թեգերը կարեւոր են վեբ ծրագրավորման ընդհանրապես, բայց երբ դա պահանջվում է, որ ստեղծվել է HTML էջերը մի նոթատետրում, որպես օրինակ անցանկալի աղմուկ կրճատված կառույցներում:

Վրա հղումը եւ script հղումներ պետք է հատուկ ուշադրություն: Առաջինը վերաբերում է մի վայր, որտեղ կա մի CSS ընդարձակելի ֆայլ, երկրորդը գտնվելու վայրը, է Javascript- ին կոդի ֆայլը. Նման հղումներ կարող է սահմանվել:

Եթե դուք օգտագործում եք սցենարներ պետք է վերաբերվել որպես HTML գիտելիքների կդառնա ավելի ուժեղ, դուք պետք է ուշադրություն անմիջապես Cascading Style թերթ: CSS- ը ֆայլեր են, մասնավորապես, կանոնները գրանցման HTML թեգերը.

բաժինը BODY

Ի դեպ, մի նմուշ էջ HTML - սա ՄԱՐՄԻՆ բաժինը: Հենց այստեղ է, որ պարունակում է բոլոր այն տվյալները, բոլոր բովանդակության էջում: Ամբողջ տեղեկատվությունը ներկայացվում է ձեւով պիտակներ եւ սցենարներ, ինչպիսիք են տեղադրելով է JavaScript կոդ, կամ կտոր PHP ծրագրի:

Դա կարեւոր է գիտակցել, որ օրինակը HTML վեբ էջերի բրաուզերի եւ նույն օրինակ, տեքստային խմբագիր, ինչպես օրինակ Գրառման գրքույկ, սա նույն բանը չէ: Առաջին դեպքում մենք պատրաստ ենք HTML տեքստը, որի բոլոր սցենարները մահապատժի. Օրինակ, PHP- ն կատարել է իր մասը եւ ձեւավորված փոխարեն օրենսգրքի ճիշտ տեղերում թեգերը. JavaScript- ը եւս կատարել է իր առաքելությունը, բայց դրա մասին դեռ առանձին խոսակցություն.

HTML - որ պիտակները փոխարեն սցենարներ: Ի վերջո, միայն բովանդակությունը Էջ ցուցադրվում է բրաուզերում, սակայն նրա կտրոնը: Ոչ PHP-կոդ չկա.

JavaScript- ը գտնվում է հատուկ պաշտոնում, իր խնամքի է ծառայել էջը, ոչ միայն boot ժամանակ (ծանրաբեռնված), բայց այն պահերին, երբ էջը գտնվում է այցելուի բրաուզերի, եւ ուսումնասիրությունները այն.

Մի պարզ օրինակ է, կոդի HTML-էջում (միայն մարմինը բաժինը) ցույց է տրված ստորեւ.

Մի այցելու բրաուզերների դա նայում, ինչպես ցույց է տրված ստորեւ.

չէր օրենսգրքով նախատեսված պետք է նայենք նման տարրեր, որոնք բերված են բրաուզերի. Բոլորս դիզայն տեսանելի է CSS կանոնների: Այս դեպքում, Mcss / scPhpWordRW.css ֆայլի որ անդրադարձել էր (տեսնել. Հենց առաջին օրինակը մի էջի HTML):

Ի տարբերություն HTML, CSS թեման է պարզ, շատ մատչելի կանոնները եւ դրանց թիվը փոքր է, երբ օրինակ է ստեղծման HTML էջերը չի պահանջում այլ բան, քան գրքույկ: Ամեն ինչ շատ մատչելի է անհապաղ զարգացման

Սա ցույց է տալիս, թե որքան հեշտ է նկարագրվում tag scLogo_vDoc, եւ սա նկարագրությունը այն է, որ նորմալ վիճակում է tag ցուցադրում նկար vDoc-logo.png, եւ երբ մկնիկը ավարտվել է - դրսեւորվում vDoc-logo-H.png:

Կառուցվածքը HTML նկարագրությունների

Լեզուն չի ներառում իրականացնելու որեւէ կառուցվածքի եւ շարահյուսական հայեցակարգի այստեղ շատ հարաբերական է: Չկան փոփոխականների, սակայն կան բազմաթիվ հնարավորությունների. Հիմնարար հիմքը hypertext, որ կա մի տարր (tag), որը վստահ է, որ անուն ունենա:

Անունը, այն դեպքում, որ կտրոնը զույգ, կազմված անունների (tagName) եւ անկյունաձեւ փակագծեր ( «<» + tagName + «>»), եթե մենք խոսում սկզբին tag, եւ «», եթե արձանագրվել դրա վերջը:

Օրինակը HTML էջերի նկարագրող ատրիբուտներ գտնվում է տեքստի ստորեւ.

Պիտակների կարող է ունենալ հատկանիշներ, ապա նրանք կարող են դրվում միջոցով տարածության հետո կտրոնը անունով մինչեւ փակման անկյունաձեւ փակագիծ ">". Ատրիբուտներ, եթե նրանք ունեն tag է արձանագրվել միայն սկզբին: Բովանդակությունը tag է, որ ընկած մեկնարկային թեգով եւ վերջում այն.

Ընդամենը HTML բովանդակության նկարագրությունները

HTML թույլ է տալիս նկարագրել բլոկի եւ inline տարրեր: Առաջին զբաղեցնում է որոշակի տարածք է պատուհանում կարող է դիրքերում բացարձակապես, որ գտնվում է ճիշտ վայրում ոլորտում ցուցադրման HTML էջերը, եւ ունեն կոնկրետ չափը:

Inline տարրեր, ընդհանուր առմամբ, հայտնվում է մեկ թելը, այսինքն, ինչպես նշվել է, որ էջի ֆայլը, եւ ցուցադրվում է էկրանին: The ցուցադրում է ընդհանուր հոսքի կարող է ազդել այն ժամանակ, երբ էջ բեռը տեղի է ունենում: Տեղաբաշխման, տեսանելիության եւ այլ հատկությունների բլոկի տարրերի կարող է ազդել ցանկացած ժամանակ միջոցով JavaScript կոդը:

Ի լրումն պարզ տարրերի, HTML առաջարկում է նկարագրել այն սեղաններ եւ ձեւերը: Այդ տարրերն են, շատ մեծ պահանջարկ է վայելում «առօրյա կայքի շենքում»:

Նկարագրությունը `սեղանի պիտակներ ՍԵՂԱՆԻ, TR-TD

Երբ ԱՂՅՈՒՍԱԿ կտրոնը կարող է օգտագործվել է ստեղծել մի սեղան, նշեք մի շարք շարքերում ու TR անընդմեջ մի շարք TD բջիջների. Ի տարբերություն սովորական սեղանի կազմակերպության, պայմանավորված է բնության HTML-պիտակավորման աղյուսակային ԿԱԶՄԱԿԵՐՊՈՒԹՅՈՒՆ սահմանափակ է այդ հռչակագրի, քանի որ, եթե ծրագրավորողը ցանկանում է ունենալ ուղղանկյուն սեղան, որի թիվը սյունակներում բոլոր շարքերում է նույնը, ապա այն պետք է հետեւել, որ ինքներդ:

Սկզբունքային դիրքորոշումը HTML: անել այն, ինչ, բայց ոչինչ, որ չի հասկացել. Որոշ դեպքերում դա ոչ այնքան կարեւոր է, որ մի շարք սյունակներում յուրաքանչյուր շարքում սեղանի վրա, բայց, եթե դուք ուզում եք կատարել մի միաձուլել բջիջները հորիզոնական կամ ուղղահայաց, դա անհրաժեշտ է հաշվել բոլոր շատ ուշադիր.

Օրինակ, HTML էջ նկարագրությամբ պարզ սեղանի գրաֆիկորեն ցույց է հոդվածում:

Ահա մի աղյուսակ, որը ցույց է չափը երեք շարքերում երեք սյուների, առաջին տողի թեգով ՐԴ օգտագործվում էր փոխարեն TD tag - սյունակի header. Մասնավորապես առանձնանում այդ երկու պիտակները չեն ունենա, բայց դա հնարավոր է օգտագործել առաջինը տարբերակել առաջին շարքում սեղանի շուրջ եւ CSS րդ, դուք կարող եք կցել ձեր սեփական ոճը, որը տարբերակում է այլ TD.

Նկարագրությունը ձեւը: FORM կտրոնը, ՄՈՒՏՔ

Ձեւ - սա է ամենապահանջված մասն է HTML- թեգերը. Օգտագործելով ձեւերը կարող են փոխանցել տեղեկատվություն: Ըստ էության, էջ - այս ցուցադրման տեղեկատվություն, բայց ձեւ - մուտքագրման.

Օրինակ, HTML էջ նկարագրությամբ պարզ ձեւով:

Օգտագործում ձեւերի շատ ավելի, սակայն հիմնական հատկանիշները հետեւյալն են. Դուք կարող եք նշեք մուտքագրման դաշտի, դուք պետք է հանձնարարել է նրանց նախագծել եւ իրադարձության handlers համար վերլուծության մասին մուտքագրման. Դուք կարող եք նշեք մի թաքնված դաշտ եւ փոխանցել տեղեկություններ են էջի ֆոնին: Դուք կարող եք նշանակել Տեղեկատվության փոխանցման կոճակը, սեղմելով որ նախաձեռնում է տվյալների փոխանցման գործընթացը:

օգտագործելով HTML

Որպեսզի իմանաք, թե hypertext լեզուն - անփոխարինելի պայմանը ցանկացած աշխատանքի մասնագիտացման ոլորտում ինտերնետ ծրագրավորման, բայց, եթե դուք ուզում եք գրել մի ծրագիր է PHP կամ JavaScript, ապա գիտեք, HTML + CSS պետք կատարելապես.

PHP լեզվի արդեն հայտնաբերվել է նախորդ օրինակում: PHP աշխատում է սերվերի վրա, քանի որ մի էջ այս ձեւով թռավ է սերվերի բրաուզերի հետ ոլորտների լցված: Մասնավորապես, TestOnBlur գործառույթները նշված է հատկորոշիչը մուտքագրում (onblur միջոցառումը handler), ստացել է բոլոր պարամետրերը ձեւով տեքստային դաշտերը:

The զննարկիչը վարում JavaScript, եւ պատշաճ կերպով աշխատել տվյալների ուղարկումը կոճակը ետ է սերվերի, այսինքն, դիզայն :. onclick = jQuery ( '# պետք է') Val ( «զամբյուղի»), դա անհրաժեշտ է իմանալ, թե ոչ միայն, թե ինչ է jQuery, բայց ինչ #to, Val, սայլ: Ավելի ճիշտ, դա անհրաժեշտ է իմանալ, թե հիմնական HTML թեգերը եւ ընդհանուր կանոնները կիրառելով նրանց, CSS ոճեր:

Սա բավարար է արագ բարձրացնել որակավորումը ցանկացած մասնագիտացման ոլորտում ինտերնետ ծրագրավորման.