Ինչպես անցում կատարել մի էջից մյուսը: Ավտոմատ ցատկում մեկ այլ էջ Html ցատկում նոր էջ

Դաս 6: html հղումների նվաճում

զննարկիչում նման կլինի.

Տարր ա (խարիսխ)դա, ասես, խարիսխ է, այսինքն. տեքստը փակցված է բացման միջև և փակում պիտակը կլինի հղման տեքստը:
href հատկանիշ«հիպերտեքստային հղում» բառի կրճատումը՝ այն սահմանում է այն վայրը, որտեղ նավարկվում է տվյալ հղումը՝ սովորաբար ինտերնետային հասցե և/կամ ֆայլի անվանում:

Նույն կայքի էջերի միջև html հղում անելը շատ ավելի հեշտ է: Օրինակ, եթե մենք ունենք երկու էջ (օրինակ էջ1.htmև էջ2.htm) գտնվում է նույն թղթապանակում, այնուհետև էջ1-ից էջ2 հղման կոդը կունենա հետևյալ տեսքը.

Նրանք. մենք պարզապես պետք է գրենք այն էջի անունը, ուր ցանկանում ենք գնալ:

Եթե ​​2-րդ էջը ենթաթղթապանակում է «ենթաթղթապանակ», հղման կոդը ունի հետևյալ տեսքը.

Սեղմեք այստեղ՝ էջ 2 գնալու համար:

Սեղմեք այստեղ՝ էջ 1 գնալու համար:

Նրանք. համակցություն» ../ «-ը ցույց է տալիս, կարծես, թղթապանակը, որը գտնվում է ֆայլի տվյալ դիրքից մեկ մակարդակով, որտեղից կազմված է հղումը:


Բաժին 1



Բաժին 1:


Այժմ կարող եք անդրադառնալ նշված տարածքին (այս դեպքում՝ Բաժին 1)՝ պարզապես մուտքագրելով դրա անունը # նշանից հետո:

Թույլ տվեք ձեզ ավելի ակնհայտ օրինակ բերել.

Բովանդակություն



Բաժին 1. ինչպես հարստանալ



Բաժին 3. ինչպես լինել առողջ

Բաժին 1. ինչպես հարստանալ


Հարստանալու համար շատ տքնաջան աշխատանք է պետք...


Բաժին 2. Ինչպես լինել երջանիկ



Բաժին 3. ինչպես լինել առողջ



Ահա արդյունքը բրաուզերում.

Հարստանալու համար շատ տքնաջան աշխատանք է պետք...

Բաժին 2. Ինչպես լինել երջանիկ

Երջանիկ դառնալու համար պետք է ամեն րոպե օգտագործել...

Բաժին 3. ինչպես լինել առողջ

Առողջ լինելու համար պետք է շատ ֆիզիկական ակտիվություն...

Իհարկե, դուք կարող եք..

Նամակ գրեք կայքի ադմինիստրատորին

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

Ինչպես տեսնում եք, mailto-ն օգտագործվում է երկու կետով և ստացողի էլ. հասցեով: Հղման վրա սեղմելով՝ կգործարկվի փոստային հաճախորդի ծրագիրը՝ լրացված ստացողի անվան դաշտով:

Մի քանի լրացուցիչ հատկանիշ.

ՆՊԱՏԱԿ- ցույց է տալիս, թե որտեղ պետք է բացել այն էջը, որին տանում է html հղումը: Լռելյայն, այն բացվում է նույն պատուհանում: Եթե ​​ուզում եք նորով բացել, գրեք թիրախ = "_blank".

Տես օրինակ.


Սա հղում է կայքի կայքին, կբացվի նոր պատուհանում




Այս մեկն էլ կա կայքում։ Սավառնելիս վերնագիրը կհայտնվի:

Նայեք արդյունքին.

Դե, հիմնականում, այսքանը: Դուք չեք կարող շատ ցիկլեր անցնել, Adobe Dreamweaver-ում ցանկացած հղում կատարվում է մկնիկի մեկ սեղմումով: Ձեզ համար գլխավորը հասկանալն է, թե ինչն է, և պետք չէ անգիր անել…

Հնարավո՞ր է փոխել հղումների գույնը:

Իհարկե, դուք կարող եք. Ամբողջ փաստաթղթում հղումների գույնը փոխելու համար BODY տարրի վրա կան հատուկ հատկանիշներ:

LINK - պարզապես հղումների գույնը:

ALINK (Ակտիվ հղում) - ակտիվ հղումների գույնը (ակտիվ նշանակում է, երբ սեղմում եք դրա վրա)

VLINK (Այցելված հղում) - արդեն այցելած հղումների գույնը

Բոլոր գույները նշված են կամ RGB արժեքով տասնվեցականով, կամ 16 հիմնական գույներից մեկով:

Օրինակ, եթե փաստաթղթի մարմինը բացելիս գրեք body տարրին.


սև հղում

Բոլոր օգտվողները, ովքեր ինչ-որ կերպ կապված են կայքերի, դրանց ստեղծման կամ խմբագրման հետ, ամեն օր հանդիպում են տարբեր նյութերի հղումների ստեղծմանը: Եվ հաստատ նրանցից յուրաքանչյուրը գիտի, թե ինչպես և ինչ html թեգով հղում անել ինտերնետի ցանկացած նյութին։

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

Հասկանալու համար, թե ինչ նկատի ունենք, նայեք մեր վերջին հրահանգների ձևավորմանը: Էջի վերևում պարզապես ներդրված է նման մենյու, որում հղումներ են արվում դեպի էջի կոնկրետ վայր։

Ինչպես կապել ընթացիկ էջի կոնկրետ վայրին

1. Էջի մի հատվածը խարսխեք

Առաջին քայլը, այսպես կոչված, «խարիսխը» (խարիսխը) վերագրելն է էջի այն հատվածին, ուր պետք է օգտատերը վերահղվի հղումը սեղմելիս։ Դա անելու համար էջի այս մասի տեքստից առաջ տեղադրեք հետևյալ կոդը

Էջի տեքստը...

որտեղ «խարիսխի» փոխարեն տեղադրեք որևէ բառ, որը նախընտրելի է ձեր ակնարկած պարբերության իմաստով:

2. Հղում դեպի «խարիսխ»

Երկրորդ բանը, որ դուք պետք է անեք, կապել այն «խարիսխին», որը դուք ստեղծել եք առաջին պարբերությունում, էջի այն կետում, որտեղ կարծում եք, որ օգտվողը կարող է ցանկանալ անցնել տեքստի այն հատվածին, որին հղում եք անում: Օրինակ, դա կարող է լինել հոդվածի սկզբում բովանդակության աղյուսակ: Խարիսխի հղումն այսպիսի տեսք ունի

որտեղ «խարիսխը» փոխարինվում է հոդվածի առաջին պարբերությունում ձեր ընտրած բառով։

Ինչպես կապել մեկ այլ էջի կոնկրետ մասի

Նույն կերպ, ինչպես մենք քննարկեցինք վերևում, դուք կարող եք կապել ոչ միայն նույն էջի տեքստի մի մասի, այլև ցանկացած այլ էջի որոշակի վայրի: Գլխավորն այն է, որ դուք հնարավորություն ունեք այնտեղ «խարիսխ» տեղադրել։ Դա արվում է հետևյալ կերպ.

1. Հանձնարարեք «խարիսխ» ստացողի էջին

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

Էջի տեքստը...

որտեղ «խարիսխի» փոխարեն պետք է տեղադրել ձեր նախընտրած ցանկացած բառ։

2. Հղում դեպի մեկ այլ էջի խարիսխ

Ինչպես նախորդ դեպքում, պարզապես անհրաժեշտ է հղում տեղադրել ավելի վաղ ստեղծված «խարիսխին»։ Միակ տարբերությունն այն է, որ մեկ այլ էջի մի մասին հղում կատարելիս պետք է կոդի մեջ ավելացնել դրա URL-ը, որն արդյունքում կունենա այսպիսի տեսք.

Հղման տեքստ

որտեղ «էջի հասցե»-ի փոխարեն անհրաժեշտ է փոխարինել համապատասխանաբար այն էջի URL-ը, որին հղում եք անում, իսկ «խարիսխ»-ի փոխարեն «խարիսխ» ստեղծելիս ընտրած տեքստը:

Ձեր կայքի այլ էջերի կամ կայքի այլ էջերի հղումներ ստեղծելու համար օգտագործվում է զույգ թեգ պարամետրով, որը նշում է, թե որտեղ է կատարվելու անցումը, եթե սեղմվի հղումը:

Պարամետրը կարող է սահմանել անցում դեպի կայք կամ կայքի առանձին էջ: Եթե ​​միայն էջը նշված է, ապա այս էջը պետք է լինի ձեր կայքում։

Եկեք նայենք օրինակներին:

եթե ձեր կայքում ունեք էջ, որը պատմում է ձեր մասին, օրինակ՝ o-sebe.html, ապա այս էջին հղում կատարելու համար պետք է գրել սա.

Իմ մասին

href= պարամետրում մենք գրել ենք էջի հասցեն և պիտակների միջև ևմենք պետք է գրենք տեքստը, որի վրա սեղմելով կհետևենք հղմանը։

Ցանկացած պատկեր կարող է օգտագործվել տեքստի փոխարեն: Այնուհետև սեղմելով նկարի վրա նույնպես կհանգեցնենք հղմանը։

Եկեք վերադառնանք մեր նախորդ օրինակին և ավելացնենք հղումներ այս կայքին, այսպես



Իմ առաջին վեբ էջը ընդամենը 5 րոպեում

Այսօր հրաշալի օր է։
Ես ստեղծեցի իմ առաջին վեբ էջը:


Ես հարուստ և ազատ մարդ կլինեմ:





Կայք այն մասին, թե ինչպես գումար աշխատել առցանց

Այժմ մեր էջը կունենա այսպիսի տեսք.

Ոմանք հարցնում են. ԲԱՅՑ ինչպես կապել ֆայլին ? Նույն կերպ, ինչպես մյուս հղումները, նպատակակետում նշելով միայն ֆայլի անունը: օրինակ

Ներբեռնեք Կիրկորովի երգը

Ներբեռնեք ծրագիրը

պայմանով, որ ֆայլերը գտնվում են նույն թղթապանակում, ինչ html ֆայլը

Իսկ եթե այն այլ թղթապանակում է:

Նաև լուծված. Օրինակ այսպես

Ներբեռնեք ծրագիրը, եթե arhiv.rar ֆայլը գտնվում է կայքի հիմնական գրացուցակից էջի համեմատ փափուկ թղթապանակում: Նրանք. մենք «ասում ենք», որ նախ պետք է գնալ soft տեղեկատու և այնտեղից վերցնել arhiv.rar ֆայլը:

վերադառնալ գրացուցակ, եթե դուք պետք է գնաք մի էջ, որը գտնվում է մայր գրացուցակում, օրինակ, եթե katalog.html ֆայլը գտնվում է ձեր կայքի հիմնական գրացուցակում, և այն էջը, որտեղից դուք հղում եք կատարում դրան, գտնվում է soft-ում։ թղթապանակ. Ձայնագրությունը ../ նշանակում է վերադառնալ նախորդ գրացուցակ, մեկ մակարդակ ավելի բարձր: Այս ձայնագրությունը եղել է ստանդարտ համակարգչի հայտնվելուց ի վեր: Նրանք. վերադառնալ կատալոգ նշանակում է գնալ ավելի բարձր գրացուցակ և բացել katalog.html ֆայլը դրա մեջ

Եթե ​​ձեր կայքի հիմնական գրացուցակում ունեք 2 դիրեկտորիա, և դուք պետք է մի գրացուցակում գտնվող ֆայլից հղում կատարեք մեկ այլ գրացուցակի ֆայլին, ապա նման բան արվում է.

դրանք. նախ մենք հստակեցնում ենք, որ դուք պետք է գնաք ծնողական գրացուցակ (../), այնուհետև մուտքագրեք փափուկ թղթապանակը և բացեք soft.html ֆայլը դրա մեջ:

Սրանք բոլորը հարաբերական կապերի օրինակներ են, այսինքն. հղումներ՝ կապված էջի հետ, որտեղից կազմված է հղումը:

Կամ նշեք ֆայլի ամբողջական ուղին: Նրանք. http://-ից
Օրինակ, Կատալոգ
Ֆայլի ամբողջական ուղին պարունակող հղումները կոչվում են բացարձակ հղումներ:

Բայց այս դեպքում կայքի աշխատանքը կարելի է ստուգել միայն այն դեպքում, երբ այն վերբեռնված է սերվեր, և դուք ունեք ինտերնետ կապ։

5.6K

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

Օրինակ:

Դիտել օրինակը

Բացարձակ հասցեներ

Սա վերաբերում է այն դեպքին, երբ URL-ը պարունակում է ամբողջական ուղին: Օրինակ:

HTML ձեռնարկ

Հարաբերական հասցեներ

Այս դեպքում URL-ը նշում է ընթացիկ դիրքի հետ կապված ուղի: Օրինակ, եթե ուզում ենք անդրադառնալ URL, և մեր ներկայիս գտնվելու վայրը https://www.quackit.com/html/ է, մենք պետք է օգտագործենք հետևյալ հղումը.

HTML ձեռնարկ

Հասցեներ՝ կապված կայքի արմատի հետ

Սա վերաբերում է HTML հղման URL-ին, որը սահմանում է ուղին հարաբերական տիրույթի արմատին:

Օրինակ, եթե ուզում ենք անդրադառնալ URL https://www.quackit.com/html/tutorial/, իսկ ներկայիս գտնվելու վայրը https://www.quackit.com/html/ է, անհրաժեշտ է օգտագործել հետևյալ հղումը.

HTML ձեռնարկ

Առաջ կտրվածքը նշանակում է տիրույթի արմատ: Անկախ նրանից, թե որտեղ է ձեր ֆայլը, դուք միշտ կարող եք օգտագործել այս մեթոդը ճանապարհը որոշելու համար, նույնիսկ եթե չգիտեք, թե որն է լինելու դոմենի անունը ( պայմանով, որ դուք գիտեք ամբողջական ուղին արմատից).

Կապել թիրախները

Կարող եք նաև որոշել՝ URL-ը կբացվի նոր պատուհանում, թե ընթացիկ: Դա կարելի է անել՝ օգտագործելով թիրախ հատկանիշը: Օրինակ, target="_blank"-ը բացում է URL-ը նոր պատուհանում:

Թիրախային հատկանիշը կարող է վերցնել հետևյալ արժեքները.

Դատարկ. բացում է հղումը նոր HTML պատուհանում: _self. բեռնում է URL-ը ընթացիկ պատուհանում: _parent. URL-ը բեռնում է մայր շրջանակում (դեռևս դիտարկիչի ընթացիկ պատուհանում): Կիրառելի է միայն շրջանակներ օգտագործելիս: _top. Բեռնում է URL-ը դիտարկիչի ընթացիկ պատուհանում, բայց չեղարկում է այլ շրջանակներ:

Օրինակ:

Quackit

  1. Հղման թիրախին ID ավելացրեք

Ավելացրեք ID էջի այն հատվածին, ուր ցանկանում եք բերել օգտատիրոջը: Դա անելու համար օգտագործեք id հատկանիշը: Արժեքը պետք է լինի կարճ տեքստ: id-ը HTML-ում սովորաբար օգտագործվող հատկանիշ է:

Փղեր

  1. Ստեղծեք հիպերհղում

Անցնել փղերի մոտ

Վերոնշյալ կոդի հատվածները տեղադրված են փաստաթղթի տարբեր մասերում: Ստացվում է այսպիսի մի բան.

օրինակ

Անցնել փղերի մոտ

Կատուներ

Ամեն ինչ կատուների մասին.

Շներ

Ամեն ինչ շների մասին.

Թռչուններ

Ամեն ինչ թռչունների մասին.

Փղեր

Ամեն ինչ փղերի մասին.

Կապիկներ

Ամեն ինչ կապիկների մասին.

Օձեր

Ամեն ինչ օձերի մասին.

Առնետներ

Ամեն ինչ առնետների մասին.

ձուկ

Ամեն ինչ ձկների մասին.

Գոմեշ

Ամեն ինչ գոմեշի մասին.

Դիտել օրինակը

Պարտադիր չէ, որ դա նույն էջը լինի: Դուք կարող եք օգտագործել այս մեթոդը ցանկացած էջի ID նավարկելու համար: Դա անելու համար, նախքան հղումը HTML-ում տեղադրելը, ավելացրեք թիրախային URL-ը «#» խորհրդանիշից առաջ: Օրինակ:

Անցնել փղերի մոտ

Իհարկե, ենթադրվում է, որ էջն ունի այս արժեքով ID։

Էլփոստի հղումներ

Էլփոստ Քինգ Կոնգին

Դիտել օրինակը

Եթե ​​հանկարծ, ինչ-ինչ պատճառներով, որոշեք փոխել ձեր կայքի URL հասցեն, ապա լավ կլինի թողնել նման էջը հին տեղում.

Փոխանցում Կայքի հասցեն փոխվել է, 10 վայրկյան հետո ձեր զննարկիչը ավտոմատ կերպով կվերահղվի նոր հասցե.
http://www.mysite.ru/
Սեղմեք այստեղ՝ անցումը անմիջապես ավարտելու համար:
Հայցում ենք ձեր ներողամտությունը պատճառված անհարմարությունների համար։

Եկեք վերլուծենք և ըմբռնենք տողը օրինակից.

մետա- Թարմացնել (վերականգնել) զննարկիչին ասում է, որ այս էջը պետք է թարմացվի բովանդակություն="10;- թարմացրեք որոշակի վայրկյանից հետո (մեր դեպքում տասը) URL=http://www.mysite/index.html"- նոր / տարբեր էջի հասցեն, որտեղ պետք է գնալ:

Բայց եթե վերնագրում Թարմացնել URL հասցեն բաց թողնելու համար, ինչպես ցույց է տրված օրինակում, ապա զննարկիչը անընդհատ կթարմացնի այս էջի բովանդակությունը յուրաքանչյուր 30 վայրկյանը մեկ (լավ, թե ոչ 30 .. քանիսն են գրում այդքանից հետո և կանեն...):

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

Էֆեկտներ հղման վրա սեղմելիս

>

Այս վերնագրերը ստեղծում են վիզուալ էֆեկտներ մի էջից մյուսը տեղափոխելիս:

    Էջ-Մուտքագրեք- Էջի տեսքի էֆեկտ

    Էջի ելք- Էջի մարման էֆեկտ

Որի մեջ:

    տեւողությունը- ազդեցության տևողությունը վայրկյաններով

    անցում- Աղյուսակում թվարկված առաջարկվող էֆեկտների թվերից մեկը (0-ից մինչև 23).

Թիվ

Էֆեկտի նկարագրություն

Թիվ

Էֆեկտի նկարագրություն

Ուղղանկյուններ ներսում

Տարրալուծում

Ուղղանկյուններ դուրս

Ուղղահայաց համայնապատկեր ներսում

Շրջեք ներսում

Ուղղահայաց թավայի դուրս

Շրջեք դուրս

Հորիզոնական համայնապատկեր ներսում

Ներհոսք վեր

Հորիզոնական արտաքին համայնապատկեր

շտապեք ներքև

Անկյունները ձախից ներքև

Ներհոսք դեպի աջ

Անկյունները ձախից վեր

Ներհոսք դեպի ձախ

Անկյուններ աջ-ներքև

Ուղղահայաց շերտավարագույրներ

Անկյունները դեպի աջ - վեր

Հորիզոնական շերտավարագույրներ

Պատահական հորիզոնական շերտեր

Հորիզոնական քայլեր

Պատահական ուղղահայաց շերտեր

Ուղղահայաց քայլեր

Պատահական էֆեկտի ընտրություն

page1.html ֆայլ Էջի անցման էֆեկտներ

Մի նշումով.

Անցումային էֆեկտները մի էջից մյուսը չեն աշխատում բոլոր բրաուզերներում:


և գնահատել մի էջից մյուսն անցնելու ազդեցությունը:


«ցատկել»

page2.html ֆայլ Էջի անցման էֆեկտներ

Մի նշումով.

Վեբ էջերը բացելու և փակելու հետևանքները տեսանելի կլինեն միայն նավարկելու ժամանակ
մի էջից մյուսը կամ օգտագործելով «հետ» «առաջ» կոճակները:
Էջն առաջին անգամ բացելիս, ինչպես նաև վերաբեռնման ժամանակ
անցումային էֆեկտները տեսանելի չեն լինի:


Սեղմեք «Գնալ»՝ հաջորդ էջ գնալու համար
և գնահատել մի էջից մյուսն անցնելու ազդեցությունը:


«ցատկել»