Դաս 6։ Ատրիբուտներ

0

Ատրիբուտնները օգտագործվում են տարրերի հետ միասին։

Ի՞նչ է ատրիբուտը։

Ինչպես հիշում եք, տարրերը կազմում են HTML-ի հիմնական կառուցվածքը և հուշում են բրաուզերին, թե ինչ տեսք պետք է ունենա Ձեր կայքը (օրինակ <br /> – ը տեղեկացնում է բրաուզերին ընդմիջման գիծ դնել): Որոշ տարրերի հնարավոր է ավելացնել լրացուցիչ ինֆորմացիա: Այդ լրացուցիչ ինֆորմացիան կոչվում է ատրիբուտ։

Օրինակ 1

<h2 style=”background-color:#ff0000;”>My friendship with HTML</h2>

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

 Ի՞նչ է catch-ը։

Կան տարբեր տեսակի ատրիբուտներ: Դրանցից առաջինը, որը կսովորենք ոճն է։ Ոճի ատրիբուտով դուք կարող եք կայքում ավելացնել layout-ներ։  Օրինակ ֆոնային գույն:

Օրինակ 2

<html>

        <head>

        </head>

        <body style=”background-color:#ff0000;”>

         </body>

</html>

Այս դեպքում էջը ամբողջությամբ կլինի կարմիր գույնի։ Ստուգեք ինքներդ, իսկ մենք ավելի մանրամասն կբացատրենք, թե ինչպես է աշխատում գունային համակարգը։

Նկատի ունեցեք, որ որոշ թեգեր և ատրիբուտներ օգտագործվում են ամերիկայն ուղղագրությամբ, այսինքն colour-ի փոխարեն color։ Այնպես, որ շատ կարևոր է օգտագործել նույն ուղղագրությունը, որը օգտագործվում է այս դասընթացի օրինակներում։ Հակառակ դեպքում, բրաուզերը չի կարողանա հասկանալ Ձեր կոդը։ Բացի այդ, երբեք մի մոռացեք ատրիբուտներից հետո փակել չակերտները (quotation marks):

Ինչպե՞ս էջր դարձավ կարմիր։

Վերը նշված օրինակում մենք, որպես հետին պլանի գույն նշել էինք “#ff0000″։ Սա կարմիր գույնի կոդն է, որը նշվում է այսպես կոչված hexadecimal թվերով (hex): Յուրաքանչյուր գույն ունի իր սեփական hexadecimal թիվը: Ահա մի քանի օրինակ՝

Սպիտակն: #FFFFFF

Սև: #000000 (zeros)

Կարմիր: #ff0000

Կապույտ: #0000ff

Կանաչ: #00ff00

Դեղին: #ffff00

hexadecimal գույների կոդերը բաղկացած է # նշանից և վեց տառերից կամ թվերից: Գոյություն ունեն ավելի քան 1000 Hex ծածկագրեր և իհարկե բոլորը հիշել հեշտ չէ։ Կյանքը չբարդացնելու համար մենք ստեղծել ենք աղյուսակ, որը պարունակում է առավել հաճախ կիրառվող 216 գույները:

bgcolors216

Կարելի է նաև օգտագործել ամենատարածված գույների անգլերեն անվանումները (white, black, red, blue, green և yellow):

Օրինակ 3

        <body style=”background-color: red;”>

Այժմ վերադառնանք ատրիբուտներին։

Ո՞ր տարրերը կարելի է օգտագործել ատրիբուտների հետ։

Ատրիբուտները կարող են օգտագործվել տարրերի մեծ մասի հետ։

Դուք հաճախ կօգտագործեք արտիբուտները թեգերում, ինչպիսիք են body tag-ը, սակայն հազվադեպ՝ br թեգի հետ, քանի որ ընդմիջումը չունի առանձնահատուկ պարամետրեր։

Ճիշտ այնպես, ինչպես գոյություն ունեն տարբեր տարրեր, այնպես էլ շատ են ատրիբուտների տեսակները: Շատերը ստեղծված են կոնկրետ մեկ տարրի համար, իսկ մյուսները կարող են օգտագործվել տարբեր տարրերի հետ։ Եվ հակառակը՝ որոշ տարրեր կարող են պարունակել միայն մեկ տեսակի ատրիբուտ, իսկ մյուսները՝ ավելին:

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

Ի՞նչ մասերից է բաղկացած տարրը (էլեմենտը)։

Ընդհանուր առմամբ, էլեմենտը բաղկացած է բացման թեգից և մեկ ( կամ ոչ մի ) ատրիբուտից, բովանդակությունից և փակման թեգից։ Ամեն ինչ այդքան պարզ է։ Ավելի պատկերավոր պատկերացնելու համար ահա իլլուստրացիան

element

Հարգելի ընթերցող, խնդրում ենք չմոռանալ like տալ մեր ֆեյսբուքյան էջին, քանի որ նորությունների մեծ մասը առաջինը տեղադրվում է հենց այնտեղ։ Ինչպես նաև հետևեք մեզ այլ սոցիալական ցանցերում և, իհարկե, գրանցվեք մեր բլոգում։

Share.