Ինտերնետը հիմնված է html- ի վրա, հիպերտեքստի նշման լեզու: «Հիպերտեքստ» ասելով նկատի ունի տեքստը, որը պարունակում է հղումներ: Դա մի էջից մյուսը մեկ կայքից մյուսն անցնելու պարզ հնարավորությունն էր, որը փոխակերպում էր համակարգչային տեխնոլոգիան: Html- ի պարզությանը հասնում է մշակողի հարմար գործիք `պիտակները:
Պիտակները html- ով
Html- ում պիտակները տեղեկատվության իմաստային (իմաստային) ձևաչափման, ներկայացման և հաղորդակցության միջոց են: Tagանկացած պիտակ պետք է տեղադրված լինի նիշերի միջև. Բոլոր html պիտակները հասկանում են առկա զննարկիչների մեծ մասը: W3C միջազգային կազմակերպությունը պատասխանատու է նոր պիտակների ստանդարտացման և ստեղծման համար. Այնտեղ կարող եք նաև ծանոթանալ գոյություն ունեցող html բոլոր պիտակներին: Պիտակները կարող են աշխատել միայն html փաստաթղթի ՝ «հիմնական» պիտակի ներսում ՝ HTML: HEAD և BODY պիտակները համացանցային էջը բաժանում են երկու տրամաբանական մասի: HEAD- ում կարող եք ազդել էջի վերնագրի վրա (ցուցադրվում է զննարկչի ներդիրում), մինչդեռ BODY- ն «պատասխանատու է» էջի ողջ իմաստային բովանդակության համար:
Մեկ և զուգակցված պիտակներ
Բոլոր html պիտակները կարելի է բաժանել զույգ և մեկ պիտակների: Միայնակ պիտակներն օգտագործվում են միայն այն դեպքում, երբ զուգակցված պիտակներն անօգուտ են: Օրինակ, BR- ը մեկ պիտակ է, որը դատարկ լար է: Եթե այս պիտակը html- ծածկագրում եք գրում, զննարկիչում կկարողանաք տեսնել բաժանարարի տողը: Այն սովորաբար օգտագործվում է տեղեկատվության մի խումբ մյուսից առանձնացնելու համար:
Iredուգակցված պիտակներն օգտագործվում են բովանդակությունը կազմակերպելու համար: Տեքստային տեղեկությունները, ֆայլերի հասցեները, հղումները տեղադրվում են P (տեքստի պարբերություն), IMG (պատկեր), A (հիպերհղում) պիտակների միջև:
Հատկորոշիչ հատկանիշներ
Որոշ պիտակներն ունեն հատուկ հատկանիշներ, որոնք ազդում են տարրի «վարքի» վրա: Hամանակակից html5 հստակեցման որոշ պիտակները հնարավորություն են տալիս չեղյալ համարել նախկինում պահանջվող ծրագրավորումը ընդհանուր առաջադրանքների համար:
Օրինակ ՝ FORM պիտակը (մուտքագրման դաշտը) ունի PLACEHOLDER հատկանիշ, որը տեքստի դաշտը փոխարինում է «փորձարկման տեղեկատվությամբ» ՝ հուշումներով: Եթե վեբ մշակողը ցանկանում է, որ անունը մուտքագրելու դաշտը դատարկ չլինի, բայց ցուցադրի օրինակ անուն, նա կարող է PLACEHOLDER հատկանիշը դնել «Իվանով Իվան»: Այնուհետև անունը մուտքագրելու համար տեքստի դաշտում կցուցադրվի «Իվանով Իվան», մինչև օգտագործողը կուրսորը տեղափոխի այս դաշտ: Գրությունը կվերանա, և նա կկարողանա մուտքագրել իր անունը:
Կապը CSS- ի հետ
Համացանցում կայքեր ներկայացնելու համար համեմատաբար նոր տեխնոլոգիա (html- ի համեմատ) CSS- ն է: CSS հապավումը թաքցնում է կասկադային ոճի թերթերը: Դրանց հայտնվելուց առաջ վեբ վարպետները կայքը բաժանում էին տրամաբանորեն հստակ աղյուսակի կառուցվածքի (Ա TՅՈՒՍԱԿ պիտակ): Այժմ կայքի ստեղծողները հնարավորություն ունեն տեղադրելու կայքի ներկայացման հետ կապված ամեն ինչ (ներառյալ բլոկների տեղադրությունը) հատուկ ոճով css ֆայլում: Ոճի թերթը html փաստաթղթին միացնելու համար հարկավոր է LINK զույգի պիտակում սերվերի վրա նշել css ֆայլի հասցեն: