HTML լեզուն ներառում է մի շարք տարրեր: Սրանք ընդգրկում են պարունակության, վերնագրերի, հղումների եւ պատկերների նման սովորաբար օգտագործվող կայքի բաղադրիչները : Կան նաեւ մի շարք նոր տարրեր, որոնք ներկայացվել են HTML5- ի հետ, ներառյալ վերնագիր, nav, ստորագրահավաք եւ այլն: Այս բոլոր HTML տարրերը օգտագործվում են փաստաթղթի կառուցվածքը եւ դրա իմաստը: Ավելացնեք էլեմենտների համար ավելի շատ իմաստ, կարող եք տալ նրանց հատկանիշները:
Հիմնական HTML բացման պիտակը սկսվում է <բնավորությամբ: Հետեւում է տողի անունը, եւ, վերջապես, դուք ավարտեք պիտակը `> բնույթ: Օրինակ, բացման կետի պիտակը գրվել է հետեւյալ կերպ.
HTML- ի հատկորոշիչին հատկանիշ ավելացնելու համար, նախ նշած անվանումից հետո (այս դեպքում դա «p») տեղ եք հատկացրել: Այնուհետեւ ավելացնում եք հատկանիշի անունը, որը ցանկանում եք օգտագործել, այնուհետեւ հավասար նշան: Վերջապես, հատկանիշի արժեքը կտեղադրվի մեջբերման նշաններում: Օրինակ:
Tags կարող են ունենալ բազմաթիվ ատրիբուտներ: Դուք կարող եք բաժանել յուրաքանչյուր հատկանիշը մյուսներից:
Անհրաժեշտ հատկանիշներով տարրեր
Որոշ HTML տարրեր իրականում պահանջում են ատրիբուտներ, եթե ցանկանում եք աշխատել որպես նպատակակետ: Պատկերի տարրը եւ հղվող տարրը դրա երկու օրինակն են:
Պատկերի տարրը պահանջում է «src» հատկանիշ: Այդ հատկանիշը պատմում է զննարկիչին, որը ցանկանում եք օգտագործել այդ վայրում: Սեփականության արժեքը պատկերի ֆայլի ուղին կլինի: Օրինակ:
Դուք կտեսնեք, որ ավելացրել եմ այս տարրը, «alt» կամ այլընտրանքային տեքստի հատկանիշը: Սա տեխնիկապես պատկերների համար պահանջվող հատկանիշ չէ, բայց դա լավագույն պրակտիկա է, որը միշտ պետք է պարունակի այդ բովանդակությունը հասանելիության համար: Ներքին հատկանիշի արժեքի մեջ նշված տեքստը այն է, երբ պատկերն ինչ-ինչ պատճառներով չի կարողանում բեռնել :
Մեկ այլ տարր, որը պահանջում է կոնկրետ հատկանիշներ, խարիսխը կամ հղիչի պիտակը: Այս տարրը պետք է պարունակի «href» հատկանիշը, որը ներկայացնում է «հիպերտեքի հղում»: Դա հույզ ձեւ է, թե «որտեղ է այս հղումը պետք է գնալ»: Ինչպես պատկերային տարրը պետք է իմանա, թե որ պատկերն է բեռնված, իմանալ, թե որտեղ պետք է այն լինի: Ահա թե ինչպես կարելի է հղում տալ tag:
Այս հղումը այժմ մարդուն բերում է հատկանիշի հատկորոշված կայք: Այս դեպքում դա հիմնական էջն է:
Ստրատեգիական հատկանիշներ
Նիշքերի մեկ այլ օգտագործումը այն է, երբ դրանք օգտագործվում են որպես «կեռիկներ» CSS ոճերի համար: Քանի որ վեբ ստանդարտները թելադրում են, որ ձեր էջի կառույցը (HTML) առանձնացնեք ձեր ոճերից (CSS), դուք օգտագործում եք այս հատկորոշման կեռները CSS- ում, թելադրելով, թե ինչպես է կառուցված էջը ցուցադրվելու վեբ բրաուզերում: Օրինակ, ձեր HTML փաստաթղթում կարող եք ունենալ այս հատվածը:
Եթե ցանկանում եք, որ բաժինն ունենա սեւ (# 000) ֆոնի գույն եւ 1.5em տառատեսակը, ապա դա կցուցադրեք ձեր CSS- ին:
{ֆոնային գույնը `# 000; font-size: 1.5em;}«Հատկորոշված» դասի հատկանիշը գործում է որպես կեռ, որը մենք օգտագործում ենք CSS- ում `ոճերի կիրառման համար: Եթե մենք ուզում էինք, մենք կարող էինք նաեւ մեզ ID հատկանիշ: Երկու դասերն ու ID- ները ունիվերսալ հատկանիշներն են, ինչը նշանակում է, որ դրանք կարող են ավելացվել ցանկացած տարրին: Նրանք կարող են այնպես էլ թիրախավորել հատուկ CSS ոճերով, որոշելու այդ տարրերի տեսողական տեսքը:
Ինչ վերաբերում է Javascript- ին
Վերջապես, HTML- ի որոշ տարրերի ատրիբուտներ օգտագործելը նույնպես մի բան է, որը կարող եք օգտագործել Javascript- ում: Եթե ունեք սցենար, որը փնտրում է տարրը որոշակի ID հատկանիշով, դա HTML լեզվի այս տարածված հատվածի մեկ այլ օգտագործում է: