Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Recenzii
  • Introduceți hyperlink în Word. Link obișnuit și hyperlink

Introduceți hyperlink în Word. Link obișnuit și hyperlink

Salutare dragi cititori ai blogului! După cum știți, pentru promovarea cu succes a unui site și creșterea poziției acestuia în rezultatele căutării, este necesar să realizați o optimizare SEO de înaltă calitate a site-ului. Conceptul „”, care, la rândul său, este împărțit în intern și extern, este indisolubil legat de concepte precum „link-uri de site-uri interne și externe”. Prin urmare, este foarte important pentru noi să știm câte link-uri ar trebui să fie pe site, cum să le verificăm numărul, cum să eliminăm link-urile inutile de pe site și să le închidem de la indexare, cum să construim masa de link-uri etc. Pentru a răspunde la toate aceste întrebări și la alte întrebări referitoare la legăturile interne și externe, să înțelegem mai întâi ce este un link (sau hyperlink) în HTML.

În acest articol vă voi spune ce este un link, cum să creați un hyperlink în HTML pe un site web, cum să deschideți un link într-o fereastră nouă, cum să creați un link către o adresă de e-mail (e-mail) și cum să face un link o imagine. Vom atinge, de asemenea, concepte precum etichete html și atribute de hyperlink, link-uri de ancorare, ancora html (ancoră) și link-uri hash. Deci, să începem.

Ce este un link (hyperlink).

Dacă un hyperlink duce la o pagină web sau un fișier care nu există (șters, mutat) sau adresa sa este incorectă, atunci un astfel de link se numește întrerupt. Nu ar trebui să existe linkuri întrerupte pe site, deoarece induc în eroare vizitatorii și, după ce a făcut clic pe un astfel de link, este puțin probabil ca o persoană să revină pe site-ul dvs. Mai multe detalii despre motivul pentru care apar link-urile sparte, cum să le găsiți și să le remediați, vom vorbi într-un articol separat. Să continuăm acum.

Cum să faci un link (hyperlink) în HTML pe un site web.

Este foarte ușor să faci link către o altă pagină de pe site-ul tău sau pe alt site. Pentru a crea un hyperlink, trebuie să spuneți browserului care este linkul și să indicați adresa documentului către care va duce. Acest lucru se face folosind o etichetă HTML. și atributul href necesar:

Aici, URL-ul este adresa documentului la care să mergeți. Și textul hyperlinkului situat între etichete și, se numește ancora link-ului și este vizibilă pentru vizitatorul paginii web. Pe lângă faptul că textul link-ului (ancoră) informează cititorul unde se va face tranziția, acesta este încă foarte important în optimizarea pentru motoarele de căutare (SEO), deoarece servește ca unul dintre factorii determinanți care afectează clasarea site-ul dvs. pentru cuvintele cheie conținute în această ancoră. În mod obișnuit, acest tip de clasare se numește clasare link-uri.

Legătură absolută

Sunt folosite pentru a indica un document pe alt site (link extern).

Este permisă realizarea de linkuri absolute în cadrul aceluiași site, dar este mai corect să folosiți adrese relative care par mai scurte pentru a crea un link intern. Dar, analizând diverse site-uri, am observat că marea majoritate a webmasterilor fac link-uri interne cu adrese absolute. Există un plus aici, deoarece dacă pagina dvs. este copiată, atunci veți primi în acest fel link-uri externe funcționale.

După cum puteți vedea, linkurile absolute sunt simple. Este mai dificil cu cele relative, deoarece atunci când le creați, trebuie să înțelegeți ce valoare a atributului href trebuie specificată, deoarece depinde de locația originală a documentelor. După cum am spus, nimeni nu se deranjează cu adevărat cu asta și face ca toate linkurile de pe site să fie absolute. Cu toate acestea, dacă sunteți interesat să aflați mai multe despre cum să creați corect link-uri relative pentru un site, vă pot recomanda un articol de Dmitry, autorul blogului ktonanovenkogo.ru. Nu am văzut încă o explicație mai detaliată și mai înțeleasă.

De exemplu, vă voi arăta cum va arăta linkul către fișier în raport cu rădăcina site-ului (doar tăiați totul din stânga celei de-a treia bare oblice din același link absolut):

Legătură relativă

La principal

Text link (ancoră)

Culorile și aspectul textului pop-up depind doar de setările sistemului de operare și ale browserului.

Cum se deschide un link într-o fereastră nouă.

În mod implicit, când faceți clic pe link, un nou document va fi deschis în fereastra curentă. Cu toate acestea, atunci când navighez pe site-uri, acest lucru nu este convenabil pentru mine personal. Citind articolul și urmărind linkul, îmi este convenabil ca pagina să se deschidă într-o fereastră nouă și pot continua oricând să citesc articolul anterior. Un alt motiv pentru a deschide un link într-o fereastră nouă este că atunci când intri pe site-ul altcuiva, există o mare probabilitate ca cititorul să nu revină. Mai ales dacă face mai multe tranziții și pur și simplu nu își amintește unde era acum câteva minute.

Atributul țintă al etichetei ne va ajuta să deschidem linkul într-o fereastră nouă. ... Este implicit _self, care de obicei nu este scris. Pentru a deschide documentul într-o fereastră nouă, modificați valoarea atributului țintă la _blank:

1 <a href = "http: // site" target = "_blank"> Fereastră nouă</ a>

Fereastră nouă

Ce se întâmplă dacă, când vizitezi site-ul altcuiva, unde se deschid link-uri în fereastra curentă, vrei să le deschizi într-una nouă? Trebuie doar să faceți clic pe ele nu cu un buton, ci cu rotița mouse-ului. În acest caz, o pagină nouă se va deschide într-o fereastră nouă.

Cum se face legătura la e-mail (adresă de e-mail).

Când faceți clic pe acest link, se va deschide programul implicit de e-mail, unde câmpul „Către” va fi deja completat. Pentru a completa automat subiectul scrisorii, trebuie să faceți un link către un e-mail de următorul tip:

În locul cuvintelor „litera_subiect”, trebuie să scrieți subiectul dorit și, bineînțeles, cu litere latine. Facem acest lucru deoarece multe browsere și programe de e-mail nu funcționează bine cu chirilic și există șansa de a vedea tot felul de krakozyabry în linia de subiect. Folosind acest sfat nedelicat, puteți crea un link de e-mail fără teama de surprize inutile.

Cum să faci o fotografie un link.

Aici, atributul title este un tooltip, iar textul specificat în atributul alt (sursă alternativă de informații) va apărea pe pagină dacă afișarea imaginilor este dezactivată în browser. Dacă atributul titlu este în primul rând pentru confortul cititorilor, atunci atributul alt este folosit de motoarele de căutare pentru a încerca să înțeleagă ceea ce este afișat în imagine. Este recomandat să se prescrie cuvinte cheie în aceste etichete, care vor avea o importanță deosebită în optimizarea motoarelor de căutare. La urma urmei, nimeni nu a anulat căutarea prin imagini.

Cum să faci un hyperlink (ancoră html) într-o pagină HTML.

Mai sus, ne-am gândit deja la modul de a crea un link către o pagină de site, nu contează intern sau extern. Dar uneori, trebuie să faci hyperlinkuri în cadrul aceleiași pagini web. Pentru ce? Ei bine, de exemplu, astfel încât atunci când citim un text foarte lung, să avem ocazia să sărim rapid la orice parte a acestuia. Sau îți va veni la îndemână când la începutul articolului îi publici conținutul punct cu punct. Apoi, făcând clic pe articolul dorit, veți merge instantaneu la materialul care vă interesează. Astfel de tranziții se fac cu ajutorul etichetelor de marcaje preinstalate în corpul articolului, numite ancore html (ancoră, a nu se confunda cu o ancoră text) și link-uri speciale hash.

Pentru a crea o ancoră, mai întâi facem un marcaj cu orice nume (se folosesc doar litere latine, cifre, cratime și liniuță de subliniere), setat folosind atributul nume al etichetei :

Sus

1 <a href = "javascript: derulați (0,0);" > „aligncenter size-full wp-image-1393” title = "(! LANG: Buton de sus" src = !} „http: //site/wp-content/uploads/2011/12/Top.jpg” alt = "Butonul de sus" lățime = „100” înălțime = „100” />

Dmitry KtoNaNovenkogo recomandă încă o modalitate de a seta marcaje în textul unei pagini web, fără a utiliza ancore html. Pentru a face acest lucru, creăm un marcaj din orice etichetă HTML de pe pagină, atribuindu-i un atribut de id universal. De exemplu, să marcam din eticheta de titlu h3:

Textul titlului

Este important să scrieți o literă latină în atributul id ca prim caracter al numelui ancorei, apoi puteți utiliza orice alte caractere permise.

Să revenim la titlul „“, de exemplu, și apoi să continuăm.

Puteți utiliza link-uri hash pentru a merge la locația dorită nu numai în cadrul unei pagini, ci și pentru a merge la o altă pagină de pe site. Pentru a face acest lucru, setăm ancora html în locul potrivit pe pagina dorită, iar în linkul hash propriu-zis, înaintea simbolului hash, scriem adresa acestei pagini. De exemplu:

Legați textul la ancorare-marcaj html

Tipuri și culori de hyperlinkuri în HTML.

  • Link nevizitat - albastru și subliniat.
  • Legătură activă - devine roșu în timpul intervalului dintre clic pe un link și începerea încărcării unei noi pagini. Este clar că ea se află în această stare de foarte puțin timp.
  • Link vizitat - își schimbă culoarea în violet după ce faceți clic pe el.

Puteți schimba culoarea hyperlinkurilor dintr-un document html folosind eticheta și următoarele atribute:

  • Link - culoarea linkurilor nevizitate.
  • Alink - culoarea link-ului activ.
  • Vlink - culoarea linkurilor vizitate.

Toate atributele de mai sus pot fi combinate:

1 <body link = "# 1122cc" vlink = "# 6611cc" alink = "# d14836">

Sper că acum este clar cum să creați un hyperlink pe o pagină HTML și către un e-mail, cum să faceți o imagine un link, ce sunt ancorele de text, linkurile hash și ancorele html, ce sunt etichetele html și atributele link-ului. Am încercat tot posibilul să explic în detaliu ce sunt link-urile în HTML și ce sunt. Permiteți-mi să vă reamintesc că inserarea de hyperlinkuri în text se realizează numai în modul HTML.

Nu am scris niciodată articole atât de lungi, de peste 10.000 de caractere. Dar acest subiect de link-uri nu este epuizat, de continuat.

Dacă acest articol v-a fost util, vă rugăm să faceți clic pe butoanele rețelelor sociale de mai jos. Până ne revedem pe pagini!

  • selectați linkul,
  • faceți clic dreapta pentru a afișa un meniu
  • apoi faceți clic stânga pe „Copiere” în meniul care apare:

Revenim la Subscribe.ru la grupul „Computer literacy”. Aici, în comentarii, ar trebui să scrieți text sau să introduceți un link de genul http: //… .., care în acest caz va fi perceput ca text obișnuit. Selectați acest text (după cum se arată mai jos), iar pictograma „lanț” (încercuită cu roșu în imagine) devine „activă”:

Faceți clic stânga pe pictograma „lanț”. Aceasta va deschide fereastra Adăugați/Modificați legătura. Aici, în fereastra „Adresă link”, trebuie să introduceți adresa de link copiată anterior, care este deja în clipboard. Pentru a face acest lucru, puteți face clic dreapta și faceți clic pe opțiunea „Lipire” din meniul derulant. În fereastra „Deschide în...” este mai bine să setați „fereastră nouă”.

Acum nu mai rămâne decât să faceți clic pe butonul „Insert”. După cum a spus unul dintre membrii grupului, linkul a reușit să fie „umplut”, adică a devenit un hyperlink cu o evidențiere albastră distinctivă.

Salutări, dragă cititor! Astăzi vom analiza cum să creați hyperlinkuri într-un Word (editor din suita Microsoft Office). Permiteți-mi să vă reamintesc că un hyperlink constă dintr-o ancoră (text sau imagine) și un pointer (adresa obiectului către care se va face tranziția). Obiectul la care duce hyperlinkul poate fi o pagină web, o imagine, un program, o adresă de e-mail etc.

Link către o pagină web

Pentru a indica o sursă de pe Internet într-un document text, linkul poate fi ancorat sau non-ancoră. În primul caz, acesta va fi prezentat sub formă de text, iar în al doilea, sub forma unei adrese. De exemplu, să facem un link către.

Creați un link de ancorare

  1. Selectați textul care va fi linkul.
  2. Următorul Inserare-Hyperlink

În fereastra care se deschide, trebuie să specificați adresa resursei de pe Internet (evidențiată cu roșu), la care trimiteți cititorul. Câmpul de text (evidențiat cu verde) conține textul ancora care a fost selectat când a fost creată legătura.

Important! În câmp Asociat cu: ar trebui indicat fișier, pagină web(vezi poza de mai sus).

Dacă doriți să apară un sfat explicativ când treceți cursorul peste link, faceți clic pe butonul cheieși scrieți în text explicând adresa tranziției. În exemplul nostru, acesta ar putea fi: „Motor de căutare Yandex”.


Creați un link non-ancoră

Este și mai ușor aici. Copiați adresa resursei din browser sau scrieți-o singur, lipiți-o în text și adăugați un spațiu după ea. Adresa va deveni automat un hyperlink.

Dacă acest lucru nu se întâmplă, atunci trebuie să verificați opțiunea de corecție automată din setările Word. Intra Fișier - Opțiuni - Ortografie - Opțiuni de corecție automată... Tab Formatare automată când intrați, bifați în „ Adrese de internet și căi de rețea„(Evidențiat cu maro în imaginea de mai jos)


Hyperlink ca imagine

Introduceți imaginea dorită, reduceți-o la dimensiunea necesară, selectați-o cu un clic de mouse și efectuați aceleași acțiuni ca cele descrise mai sus pentru inserarea unui link de ancorare, începând cu pasul 2. Vizual, imaginea nu se va schimba, dar când treceți cu mouse-ul cursorul, va apărea un mesaj: „Apăsați CTRL și faceți clic pe link”.


Hyperlink ca marcaj

Dacă în versiunile anterioare am folosit ca pointer adresa unei resurse din rețea, acum este necesar să punem un marker în text. Va fi adresa transferului. Un astfel de marcator din Cuvânt se numește marcaj.

Plasați marcaje

Accesați paragraful dorit al textului, selectați primul cuvânt (opțional).

Atenţie! Titlul marcajului trebuie să conțină un singur cuvânt. Dacă doriți să faceți un titlu din două sau mai multe cuvinte, utilizați o liniuță de subliniere în loc de spațiu.

Astfel, aranjam numărul necesar de marcaje. În fereastră, putem verifica corectitudinea setării marcajului. Pentru a face acest lucru, selectați-l din listă și faceți clic pe butonul Mergi la... Cursorul va fi mutat în locația specificată în text. Și dacă ați selectat un cuvânt la crearea unui marcaj, atunci acesta va fi selectat.

Crearea de link-uri către marcaje


Specificați un marcaj și faceți clic pe butonul O.K.

Acestea sunt tehnicile pe care le puteți utiliza atunci când creați legături în documente text. Sper că această informație v-a fost de ajutor. Distribuiți acest articol pe rețelele sociale, astfel încât prietenii dvs. să poată încorpora hyperlink-uri corect și în Microsoft Word.

Draga cititorule! Ai urmărit articolul până la sfârșit.
Ai primit răspuns la întrebarea ta? Scrie câteva cuvinte în comentarii.
Daca nu gasesti un raspuns, indicați ceea ce căutați.

O zi bună tuturor, dragii mei prieteni și invitați ai blogului meu. Astăzi subiectul va fi destul de interesant, dar foarte scurt, deoarece vreau să vă arăt cum să creați un hyperlink într-un Word. Pentru cei care nu știu, asta înseamnă că atunci când facem clic pe un astfel de fragment al documentului (text sau imagine), putem ajunge într-un alt loc, un alt document, sau chiar o resursă externă. Dar să vorbim despre totul în ordine.

De fapt, aici este foarte simplu. Dacă vrem să facem astfel încât atunci când facem clic pe adresa site-ului să ajungem la el, atunci trebuie doar să scriem această adresă și să apăsăm pe bara de spațiu. De exemplu, dacă scriu adresa completă a resursei mele https: // site-ului și dau clic, atunci acest cuvânt va deveni automat clicabil, deoarece ea a văzut protocolul http: // și sfârșitul ru. Acest lucru face Cuvântul să înțeleagă că intrăm pe site.

Dar dacă încerc să scriu un site web simplu fără protocol, atunci un astfel de truc nu va eșua, deoarece acum nu înțelege nimic și totul va trebui făcut manual. Pentru a înțelege acest lucru, trebuie să specificați părțile auxiliare, de exemplu, protocolul (http: //, https: //, ftp: //), sau trebuie să indicați apartenența la Internet punând în fața abordare Www.

Poșta funcționează în același mod. Semnul @ indică faptul că adresa de e-mail va fi acum și, de asemenea, o face activă.

Dar dacă dintr-o dată doriți să scrieți un link de ancorare, astfel încât adresa în sine să nu fie afișată, dar să fie scris un cuvânt, de exemplu „Citește aici” sau o cerere specifică, atunci, așa cum am descris mai sus, nu va funcționa. Va trebui să faci totul manual.

Pentru a face acest lucru, selectați cuvântul căruia vrem să-i dăm proprietatea de clic și faceți clic dreapta pe el. Acolo va trebui să faceți clic pe cuvântul „Hyperlink”.

Și în fereastra nou deschisă, scrieți adresa resursei la care doriți să vă conectați. Doar asigurați-vă că sunteți în filă „Fișier, pagină web”... După aceea apăsăm O.K si voila! Totul este gata.

Pentru a crea un link către textul din același fișier, mai întâi trebuie să creați un titlu sau un marcaj. Căutăm acea bucată de text în care ne vom muta făcând clic pe cuvântul original. Faceți clic pe el cu mouse-ul (nici măcar nu este necesar să selectați un cuvânt) și mergeți la fila „Inserare”. Acolo, căutați blocul „Links”, care va conține elementul „Bookmarks”. Apasa pe el.

În fereastra care se deschide, scrieți numele acestui marcaj într-un cuvânt (sau, după ce ați unit două cuvinte cu un caracter de subliniere, liniuța nu va funcționa). Ar trebui să fie compus doar din litere, cifrele nu vor funcționa. După aceea, faceți clic pe „Adăugați”.

Ei bine, acum selectăm cuvântul care ar trebui să devină clicabil, după care apăsăm din nou butonul dreapta al mouse-ului și selectăm elementul „Hyperlink”. Acum, în fereastra care se deschide, accesați fila „Plasați în document”... După cum puteți vedea, marcajul creat de noi a fost activat. Selectați-l și faceți clic O.K.


Acum încercați să faceți clic pe acest cuvânt cu o clemă CTRL, și nu veți observa cum vă aflați pe același marcaj pe care l-am creat mai devreme. Foarte convenabil, nu-i așa?

Cum să faci hyperlink către un alt document

Pe lângă site și un fragment din același fișier, puteți face link la orice document extern. Pentru a face acest lucru, este suficient să ne facem din nou acțiunile de rutină, ca de obicei, adică. selectează - butonul dreapta al mouse-ului - hyperlink. Și noi, ca și în primul caz, va trebui să selectăm fila „Fișier, pagină web”... Dar acum nu va trebui să introduceți adresa unei resurse web externe, ci va trebui să găsiți fișierul pe care doriți să-l deschideți când faceți clic pe link.

Ei bine, în general, asta e tot pentru mine. Sper că, datorită articolului meu de astăzi, ați înțeles cum să creați un hyperlink într-un Word și de diferite tipuri. Așa că nu uitați să vă abonați la actualizările blogului meu, pentru a nu rata ceva gustos și interesant. te astept, mult succes. Pa! Pa!

Salutări, Dmitri Kostin.

Caracteristica principală a unui document HTML este prezența în el hiperlinkuri(sau doar linkuri) către alte documente, site-uri, fișiere, imagini etc. Este capacitatea de a insera link-uri către obiecte din afara acestuia în pagini care a făcut Internetul atât de popular și de convenabil de utilizat. Prin urmare, atunci când vă creați site-ul, amintiți-vă întotdeauna despre „magia” link-urilor.

În această lecție vom vorbi despre cum se creează un link către site, către pagina sau fișierul său separat. Veți învăța cum să schimbați textul unui link, cum să îl deschideți într-o fereastră nouă, cum să faceți un link o imagine, ce sunt link-urile externe și interne și multe altele. În plus, aveți deja informații despre lucrul cu link-uri, despre care am atins în lecțiile anterioare (de exemplu, cum puteți schimba culoarea unui link despre care am vorbit).

În general, acest tutorial vă va face înțelegerea construcției de linkuri complete și suficiente. Veți înțelege cum să creați un hyperlink în HTML și de ce. Și vei învăța să-i controlezi proprietățile.


§ 1. Link către fișier, link către site, link către pagină

Numeroase întrebări despre diferența dintre un link către un fișier și un link către un site sau pagina sa separată m-au făcut să pun răspunsul la aceasta chiar la începutul acestei lecții. Răspunsul este: nimic. Toate linkurile enumerate sunt externe originalul pagină și sunt create în același mod.

Ca să nu răspândesc gândul de-a lungul copacului, voi arăta totul cu un exemplu.

În browser, vom vedea asta:

În browser, vom vedea asta:

După cum puteți vedea, toate tipurile de link-uri sunt create exact la fel. Singura diferență este abordare obiectul care trebuie referit. Acum să trecem la partea principală a tutorialului.

§ 2. Crearea de link-uri externe

Referințele diferă unele de altele prin externși intern cât şi pe textși grafic... Legăturile externe duc în afara paginii html, interne la diferite părți la fel pagini. Legăturile text sunt text (în mod implicit, este evidențiat cu albastru și subliniat), iar legăturile grafice conțin o imagine ca obiect pe care trebuie să faceți clic pentru a naviga. Toate aceste tipuri de link-uri sunt create în HTML folosind o etichetă (prescurtare de la anchor). Să o luăm în considerare mai detaliat.

Pentru a crea un link extern către un site, o pagină sau un fișier, utilizați atributul etichetă - href... Acest atribut ia ca valoare Url site, pagină sau fișier (am vorbit despre asta mai sus). Între etichete și este partea vizibilă a link-ului (ancora link-ului), adică ceea ce vedem pe ecranul browserului. Ancora link-ului poate fi fie text simplu (link text) fie imagine grafică (link-imagine). Un link de imagine este creat prin inserarea unei etichete cunoscute între etichete și. În general, sintaxa pentru crearea unui link arată astfel:

De exemplu, pentru a crea un link text către pagina de pornire a acestui site, ar trebui să scrieți următorul cod HTML:

http://www.seoded.ru/ "> Pagina principală a site-ului

În browser va arăta astfel:

După cum am scris chiar la începutul acestei lecții, culoarea textului linkurilor (ancoră) poate fi schimbată folosind. În general, puteți aplica totul textului linkurilor ca și textului principal al paginii, adică evidențiați-l cu aldine, cursive, folosiți anteturi etc.

§ 2.1 Legături grafice (legături cu imagini)

După cum am spus mai sus, pentru a crea o imagine-link, trebuie să utilizați în loc de text. Un exemplu de astfel de link arată astfel:

Și browserul va afișa:

În mod implicit, browserul înconjoară imaginea în legătura grafică cu un cadru. Dacă acest lucru este nedorit, atunci atributul frontieră etichetă IMG trebuie să atribuiți valoarea 0:

chenar = "0">

pagina principala

§ 3. Legături interne

Link-urile interne sunt folosite pentru o navigare confortabilă pe pagini cu mult conținut. Cu ajutorul lor am realizat „Conținutul lecției” (vezi la începutul acestei pagini). Legăturile interne sunt create în același mod ca și legăturile externe. Numai în valoarea atributului href este specificată ancora legăturii. Ancora este creată de atribut Nume:

nume = „nume ancoră”> text

Și numele ancorei este stabilit în mod arbitrar. Trebuie spus aici că nu toate browserele înțeleg numele ancorelor rusești, așa că recomand să folosești alfabetul latin. Textul dintre etichete pentru crearea unei ancori este opțional și adesea nu este specificat.

I pojar se află în acele locuri din pagina la care ar trebui să meargă utilizatorul după ce face clic pe link.

După cum am spus mai sus, în atribut href a unei legături interne, în locul unei adrese, numele ancorei dorite este indicat cu simbolul hash obligatoriu ( # ) in fata lui. Să luăm un exemplu.

Am creat o ancoră numită zagolovokși l-a pus lângă titlul acestui tutorial (Hyperlink-uri în HTML). Codul de ancorare este următorul:

nume = "zagolovok">

href = "# zagolovok"> Accesați titlul

Și în browser așa:

Dacă ați observat, după ce ați făcut clic pe linkul intern către titlu, adresa URL din bara de adrese a browserului s-a schimbat:


La adresa inițială:

http://www..html

http://www..html#zagolovok

Și folosind această funcție, puteți face link către un anumit loc de pe pagină din orice resursă de pe Internet! Adică să presupunem că ai creat o pagină cu un articol voluminos despre ceva (sau ai postat un număr mare de fotografii pe pagină) și ai marcat-o cu link-uri interne. În timp ce vă aflați, trebuia să vă referiți nu doar la pagina cu articolul (sau fotografiile), ci și la un anumit loc de pe acesta (sau la o anumită fotografie). Folosind opțiunea cu link intern în adresă, poți realiza cu ușurință ceea ce îți dorești.

§ 4. Referinţe absolute şi relative

pagina principala

Legăturile relative sunt puțin mai complicate. În astfel de link-uri este indicată fie adresa relativ folderul rădăcină al site-ului (cel în care se află pagina principală) sau relativ la pagina originală. Astfel de link-uri sunt necesare, de exemplu, dacă site-ul se află pe computerul dvs. de acasă. Sau nu este un site web, ci o pagină care trimite la alte documente.

Să omitem, trebuie să facem un link către pagină klienty.html că minte într-un singur folder cu pagina principală a site-ului. Apoi codul link-ului relativ va lua forma:

/klienty.html">Clienți

Și acum să presupunem că în același folder cu pagina principală există folderul zakazy si deja în ea este pagina klienty.html Apoi codul linkului relativ va deveni astfel:

/zakazy/klienty.html"> Clienți

Acum să ne uităm la crearea de hyperlinkuri. raportat la pagina originală... Să presupunem că avem o pagină pret.html(pagina originală) și din ea trebuie să faceți un link către pagină klienty.html Există următoarele opțiuni tipice:

    1. Sunt localizate paginile price.html și klienty.html într-un singur folder.

    klienty.html "> Clienți


    2. în folderul rădăcină al site-ului, pagina price.html se află în folderul zakazy cu un nivel mai sus).

    Codul va deveni astfel:

    ../klienty.html"> Clienți

    Două puncte indică faptul că trebuie să vă mutați din folderul curent la un nivel superior.


    3. Se află pagina klienty.html și folderul zakazy în folderul rădăcină al site-ului, folder mebel se află în folderul zakazy, pagina price.html se află în folderul mebel(adică pagina klienty.html este relativă la pagina originală price.html este două niveluri mai sus).

    ../../klienty.html"> Clienți

    Adică, fiecare nivel este notat cu două puncte și o bară oblică " / ».


    4. în folderul rădăcină al site-ului, pagina klienty.html se află în folderul zakazy(adică acum pagina klienty.html este relativ la pagina originală price.html este un nivel mai jos).

    zakazy / klienty.html "> Clienți

    În acest caz, punctele și barele oblice nu sunt utilizate.


    5. Se află pagina price.html (pagina sursă) și folderul zakazy în folderul rădăcină al site-ului, folder mebel se află în folderul zakazy, pagina klienty.html se află în folderul mebel(adică acum pagina klienty.html este relativă la pagina originală price.html se află la două niveluri mai jos).

    zakazy / mebel / klienty.html "> Clienți


    6. În folderul rădăcină al site-ului sunt două foldere: zakazy si oplata. Pagina Klienty.html se află în folderul zakazy, pagina originală price.html se află în folderul oplată(adică ambele pagini mint în foldere diferite la un nivel mai jos din folderul rădăcină al site-ului).

    ../zakazy/klienty.html"> Clienți

§ 5. Link către e-mail

Pentru a creați un link de e-mail, nevoie în loc de url în valoarea atributului href scrieți o adresă de e-mail care indică protocolul ( mailto:). Și apoi, când faceți clic pe un astfel de link, se va deschide o fereastră de program de e-mail cu o adresă de e-mail introdusă în câmpul „Către”. În codul HTML, arată astfel:

mailto: [email protected]"> Poșta mea

Și în browser așa:

Puteți utiliza, de asemenea, atributul din etichetă titlu... Cu ajutorul acestuia, este creat un tooltip care apare atunci când treceți mouse-ul peste link.

title = "(! LANG: Accesați pagina principală">!} pagina principala

§ 7. Concluzie

Acestea sunt informațiile de bază despre crearea de link-uri în HTML... În acest moment, această lecție poate fi considerată completă. Și acest fapt sugerează că ați stăpânit deja majoritatea elementelor de bază ale HTML.

Vă recomand să treceți din nou peste secțiunile anterioare și apoi să creați o pagină HTML cu drepturi depline, dedicată, de exemplu, iubitei dvs. Conform designului tău și conform dorințelor tale. Apoi pune-l pe unele (desigur, dacă ai, atunci pe el) și admiră deja pe deplin primul tău site.

Îl poți arăta prietenilor tăi sau oricui altcineva. În general, simțiți-vă ca un proprietar de site. Și apoi, după un pic de exces cu un astfel de eveniment, treceți la următoarea secțiune, în care vă voi spune despre crearea tabelelor în HTML.

Și acesta va fi deja primul pas către transformarea paginii tale personale într-o resursă serioasă.


Top articole similare