Դաս 7։ Հղումներ (Links)

0

Այս դասընթացի ընթացքում, կսովորնեք, ինչպես ստեղծել հղումներ էջերի միջև:

Ի՞նչ է անհրաժեշտ հղումներ ստեղծելու համար։

Այսպիսով, հղումներ ստեղծելու համար պետք է օգտագործեք այն, ինչը մշտապես օգտագործում ենք HTML-ի կոդավորման ընթացքում՝տարր (element)։ Ընդամենը մեկ հասարակ տարրի և ատրիբուտի օգնությամբ դուք կկարողանք կապել այն ամենը, ինչ կցանկանաք: Ահա, թե ինչ տեսք կունենա հղումը դեպի Google.com։

Օրինակ 1:

<a href=”http://www.google.com/”>Here is a link to Google.com</a>

Բրաուզերում այն կունենա հետևյալ տեսքը՝

Here is a link to Goggle.com

a տարրը հանդես է գալիս «anchor»-ի փոխարեն, իսկ ատրիբուտը՝ href –ը, hypertext reference-ի կարճ տարբերակն է, որը մատնանշվում է, թե հղումը ուր պետք է տանի։ Սովորաբար դա որևէ հասցե է ինտերնետում կամ ֆայլի անուն:

Վերը նշված օրինակում href ատրիբուտը ունի արժեք՝ http://www.google.com, որը հանդիսանում է google.com-ի ամբողջական հասցեն և կոչվում է URL (Uniform Resource Locator): Հիշեցնենք, որ http:// -ը միշտ պետք է ընդգրկված լինի հղումներում։ Here is a link to Google.com նախադասությունը այն տեքստն է, որը ցույց է տրվում բրաուզերում որպես հղում link։ Մի մոռացեք փակել տարրը </a> – ով:

 Այն ինչ վերաբերում է Ձեր էջի հղումներին:

Եթե ցանկանում եք, ստեղծել կապեր նույն կայքի էջերի միջև, կարիք չկա օգտագործել ամբողջ հասցեն (URL): Օրինակ, եթե ունեք ստեղծած երկու էջ (եկեք անվանենք դրանք page1.html և page2.html) և հիշել եք դրանք նույն թղթապանակում, դուք կարող եք հղումներ անել մեկ էջից դեպի մյուսը՝ հղման մեջ միայն մուտքագրելով ֆայլի անունը։ Այս դեպքում հղումը page1.html –ից դեպի page2.html կունենա հետևյալ տեսքը՝

Օրինակ 2:

         <a href=”page2.html”>Click here to go to page 2</a>

Եթե page 2-ը տեղադրված լիներ subfolder-ում (անունը՝ Subfolder), հղումը կունենար հետևյալ տեսքը՝

Օրինակ 3։

           <a href=”subfolder/page2.html”>Click here to go to page 2</a>

Այլ տարբերակ, եթե հղումը լիներ page 2-ից (subfolder) դեպի page 1-ը այն կունենար հետևյալ տեսքը՝

Օրինակ 4:

            <a href=”../page1.html”>A link to page 1</a>

« ../ » մատնացույց է անում դեպի folder-ը, որը մեկ մակարդակով ավելի բարձր է ֆայլից, որից կատարվել է հղումը։ Հետևելով այս համակարգին, դուք կարող եք նաև նշել երկու (կամ ավելի) folder-ներ գրելով « ../../ »։

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

Այն ինչ վերաբերում է ներքին հղումներին էջի ներսում։

Հնարավոր է նաև ստեղծել ներքին հղումներ, օրինակ, էջի վերևի մասում վերնագիրը և հղումները, որոնք տեղադրված են յուրաքանչյուր ենթագլխի ներքևում։ Օգտագործեք մեկ օգտակար արտրիբուտ, որը կոչվում է id (նույնականացում) (identification)  և “#” նշանը։

Օգտագործեք id-ն նշելու համար այն տարրը, դեպի որը ցանկանում եք հղել:

Օրինակ՝  <h1 id=”heading1″>heading 1</h1>

   Այժմ կարող եք ստեղծել հղում դեպի այդ տարրը, օգտագործելով “#” – ը ատրիբուտի հղման մեջ։ “#” –ին պետք է հաջորդի այն թեգի ID- ին, որին ցանկանում եք հղել:  Օրինակ:

<a href=”#heading1″>Link to heading 1</a>Ամենը առավել պարզ կդառնա օրինակով Օրինակ 5 <html>                <head>

</head>

<body>

           <p><a href=”#heading1″>Link to heading 1</a></p>

           <p><a href=”#heading2″>Link to heading 2</a></p>

           <h1 id=”heading1″>heading 1</h1>

           <p>Text text text text</p>

           <h1 id=”heading2″>heading 2</h1>

           <p>Text text text text</p>

  </body>

</html>

Բրաուզերում կունենա հետևյալ տեսքը՝

Link to heading 1

Link to heading 2

Heading 1

Text text text text

Heading 2

Text text text text

 Հնարավոր է արդյո՞ք հղում անել դեպի մեկ այլ բան։

Դուք կարող եք նաև հղումներ անել դեպի էլեկտրոնային փոստի հասցեն։ Դա արվում է գրեթե նույն կերպ, ինչպես հղումը դեպի փաստաթուղթ:

Օրինակ 6:

<a href=”mailto:[email protected]”>Send an e-mail to nobody at Google.com</a>

Բրաուզերում կունենա հետևյալ տեսքը՝

Send an e-mail to nobody at Google.com

Միակ տարբերությունը էլեկտրոնային փոստի և ֆայլի միջև այն է, որ փաստաթղթի հասցեն մուտքագրելու փոխարեն դուք մուտքագրում եք mail to, որին հաջորդում է էլեկտրոնային փոստի հասցեն։ Երբ քլիք են անում հղման վրա, e-mail ծրագիրը բացում է հաղորդագրության նոր դատարկ էջ, որտեղ արդեն իսկ նշված էլեկտրոնային փոստի հասցեն։ Խնդրում ենք նկատի ունենալ, որ այս գործառույթը կաշխատի, եթե e-mail ծրագիրը տեղադրված է ձեր համակարգչի վրա։ Փորձեք:

Կան արդյո՞ք այլ ատրիբուտներ, որոնց մասին անհրաժեշտ է իմանալ։

Հղում ստեղծելու համար, դուք միշտ պետք է օգտագործեք href ատրիբուտը: Բացի այդ, կարող եք նաև հղմանը տալ անվանում:

Օրինակ 7:

<a href=”http://cloud.nout.am/category/how-to/developers/webdevelopment/html/” title=”Visit NCloud and learn HTML”>NCloud</a>

Բրաուզերում կունենա հետևյալ տեսքը՝

NCloud

Վերնագրի ատրիբուտը օգտագործվում է հղման կարճ նկարագրությունը տալու համար: Եթե առանց սեղմելու տեղադրեք մկնիկի կուրսորը հղման վրա, ապա կհայտնվի այս տեքստը  HTM Visit NCloud and learn HTML ։

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

Share.