Нажмите "Enter", чтобы перейти к содержанию

Hogyan lehet linket hozni a HTML-re egy másik oldalra

Hiperhivatkozás egy másik oldalra a HTML-ben

Tartalom

Ebben a cikkben megmondjuk, hogyan kell létrehozni egy linket HTML-re egyik oldalról a másikra. Röviden írja le különféle hiperhivatkozások.

A hipertext linkek abszolút, valamint relatív URL-eket és címeket használhatnak a webhely gyökerével kapcsolatban.

Abszolút címek

Ez akkor vonatkozik azokra az esetre, amikor az URL tartalmazza a teljes útvonalat. Például:

Relatív címek

Ebben az esetben az URL jelzi az aktuális pozícióra vonatkozó útvonalat. Például, ha azt akarjuk, hogy olvassa el a HAB URL-t és a jelenlegi hely HAB, akkor kell használni a következő linken:

Címek a webhely gyökerével kapcsolatban

Ez vonatkozik a HTML referenciák URL-címére, amely meghatározza az utat a tartomány gyökeréhez képest.

Például, ha azt akarjuk, hogy olvassa el a HAB URL-t és az aktuális hely HAB, akkor kell használni a következő linken:

A közvetlen slash domain gyökér. Nem számít, hol található a fájl, akkor mindig használhatja ezt a módszert az útvonal meghatározásához, még akkor is, ha nem tudja, mi lesz a tartománynév (feltéve, hogy ismeri a gyökér teljes elérési útját).

Célkitűzések Link

Azt is meghatározhatja, hogy az URL-t megnyitja: Új ablakban vagy az aktuális ablakban. Ezt a cél attribútum segítségével lehet elvégezni . Például a cél = _ üres megnyitja az URL-t egy új ablakban.

A cél attribútum a következő értékeket veheti igénybe:

Az átmeneti linkek

Linkeket hozhat létre, amelyeket más szakaszokba küldünk egy oldal újraelosztása során (vagy más).

Itt van, hogyan lehet linket HTML-re ugyanazon az oldalon:

  1. Adja hozzá az azonosítót a hivatkozási célhoz

Adjon hozzá egy azonosítót az oldal azon részéhez, amelyhez a felhasználó hozza. Ehhez használja az ID attribútumot . Az értéknek rövid szövegnek kell lennie. Az ID egy gyakran használt attribútum a HTML-ben .

  1. Hiperhivatkozás létrehozása

Most hozzon létre egy hiperhivatkozást. Ez a referenciacél azonosítójával történik, amelyet a Hasha szimbólum (#) előzi meg:

A fenti kódfragmensek a dokumentum különböző részeiben kerülnek közzétételre. Kiderül a következők:

Ez nem szükséges ugyanaz az oldal. Ezt a módszert bármelyik oldal azonosítójához használhatja. Ehhez, mielőtt egy linket a HTML-re helyezni, adja hozzá a cél URL-címet a szimbólum előtt . Például:

Természetesen feltételezzük, hogy az oldal egy azonosítóval rendelkezik ezzel az értékkel.

E-mail hivatkozások

Hiperhivatkozást is létrehozhat egy e-mail címre. Ehhez használja a LOADTO attribútumot a címke linkjében:

A linkre kattintva alapértelmezés szerint megnyitja a levelező ügyfelét a címzett e-mail címének címével.

Automatikusan kitöltheti a témakört a felhasználók számára, sőt a levél testét is. Ezt a téma és a testparaméterek hozzáadásával végezzük az e-mail címre.

Alapvető href

Megadhatja az alapértelmezett URL-t, amelyből az összes HTML hivatkozás kezdődik az oldalon. Ehhez helyezze az alapcímkét (a href attribútummal együtt) az elemre .

Példa HTML kód:

Ez a kiadvány a fordítás a HTML linkek cikk: Hogyan lehet létrehozni Hivatkozások oter weblapok által készített barátságos HAB projekt

Jó a nap folyamán, kedves barátaim és olvasóim. Remélem, hogy úgy döntöttél, hogy mindannyian úgy döntöttek, hogy részt vesznek a versenyemben, és már írsz a bloggerről. Nos, szeretném folytatni tanulmányainkat a HTML nyelvről, és ma szeretnék elmondani az egyik legfontosabb alkatrész, nevezetesen hiperhivatkozások.

Igen, anélkül, hogy ilyen hiperhivatkozások nélkül az internet nem lenne olyan kényelmes. Nem, hazudok. Általában nem lenne kényelmes a navigáció szempontjából. Az internetet nélkülük küldheti el? Én személyesen nem.

És ma megtanuljuk, hogyan kell beilleszteni egy hiperhivatkozást a HTML-ben. De először szeretném megkérdezni: Tudja, hogy mi általában hiperlink és hogyan különbözik a szokásos linktől? Tényleg mindent egyszerű: a link egy egyszerű írás az egyes dokumentumokra utaló információkról. Ugyanakkor nem kattinthat erre a szövegre (semmi sem fog történni), de tudod, hol keressen információt.

Példa: Megtudhatja, hogyan kell kiemelni a haját a Photoshopban a // Hab

A hivatkozás ugyanaz a szöveg, csak a lényeg az, hogy ez a szöveg is nyomja, és egyre a kívánt oldalra, egy weboldal vagy bármilyen más tárgy. Ezenkívül maga a szöveg lehet senkinek, miközben a címet külön írva külön írva, és teljesen más lehet. De függetlenül attól, hogy milyen volt, még mindig beszélgeti beszédben, hogy egyszerűen linkek. Íme egy hiperhivatkozás példája:

Elolvashatja az egyik korábbi cikkemben, hogyan jelölje ki a hajat a Photoshopban.

különben is. Jó elmélet. Most menjünk a gyakorlatba, és nézzük meg, hogy milyen címkék és attribútumok felelősek az összes ilyen esetért.

A pár tag felelős a hiperhivatkozásért, de nem képvisel semmit önmagában. Mindig egy attribútummal kötegben megy. És ebben az esetben folyamatosan meg kell adnunk ezt a nagyon href-et. Az attribútum értékében a linket a kívánt erőforrásra helyeztük. És a tartalom, akkor írjuk be a szöveget is, amely legyen clichable (munka kattintva). Nézzen egy példát, és azt gondolja, hogy mindent megért.

Mint érted, ebben a példában azt írtam, hogy ha rákattintasz egy darab szövegre, a Yandex keresőmotorra, a személy a Href attribútum értékében írt címre fog menni .

Azt hiszem, sokan tudják, hogy vannak belső és külső linkek. A belső egy könyvtárban történik, akkor azt jelenti, hogy a webhely, és a külső linkek egy harmadik fél erőforráshoz vezetnek. És most megmutatom, hogyan kell ezeket és másokat tenni.

Belső átmenetek

Fájlban ugyanazon a mappában

  1. Töltse le az archívumot egy példával. Mi fogunk dolgozni vele. Belül két HTML dokumentum és egy mappa lesz, ahol a kép tárolódik. És azonnal nyissa ki a Lucorea dokumentumunkat.
  2. Lásd, hogy a második fájlt HAB L-nek hívják. emlékszem rá. Most szüksége lesz rá. Most a szövegben a szó előtt.VAL VEL. Pushkin Tedd tag A HREF attribútummal . Az attribútum értéke írva Hab. Nos, a szó után.C, Pushkin Close Tag .
  3. Most mentse el a dokumentumot, és futtassa a böngészőjét. Nézd meg a szót a.VAL VEL. Tollas. Lát? A szöveg hiperhivatkozásgá vált, és ha rákattint, akkor a megrendelt dokumentumra esik, t.E. Hab

De ez az átmenet állapotban fog működni, ha a hivatkozott fájl ugyanabban a mappában lesz, mint a fájl. Más lehetőségekért minden kicsit más.

Fájl egy másik mappában

Ha meg kell dobnia egy linket a saját webhelyén, hanem egy másik mappában, akkor regisztrálnia kell az utat a fájlhoz a dokumentumban, amelyben Ön. Lássuk a példánkat.

  1. Nyissa meg a Notepad ++ Hab fájlban
  2. Most keresse meg a fotót, és írja be a címkékbe.
  3. És most a figyelem! Az attribútum értékében a szerkeszthető fájlhoz viszonyított utat írjuk elő, azaz a Hab maga is meg kell dolgozni:

Amit most tettünk? És mi volt a következő: Mivel az utat, hogy a fotó hazugság egy külön IMG mappát, amely egy mappát a HAB fájlt, majd az attribútum értéke, akkor először meg kell írni a nevét, a mappát, majd a Slash (/) A dokumentum teljes neve (az esetemben).

De most mentse el és futtassa a HAB fájlt a böngészőben. Látni fogja, hogy a fotószó kék színűvé válik, és meggondolhatóvá vált, ami azt jelenti, hogy a linkre kattintva a HAB-fájlra esünk, amely az IMG mappában található, amely az IMG mappában található.

Nos, hogyan? Minden tiszta? Abban az esetben, ha kérdezd, ne habozzon.

Külső átmenetek

És természetesen lehetetlen, hogy ne említsük meg a külső linkeket, miután rákattintunk arra, hogy egy teljesen más webhelyre esünk. De nincs semmi bonyolult. Az egész lényeg az, hogy a href értéke a webhely vagy weboldal teljes címét dobja. Példa a Yandex-rel, amit fent megjelentek. De itt van egy másik példa:

Itt kapunk egy adott webhely egy adott oldalára.

Új ablakban nyílik meg

Alapértelmezés szerint, amikor rákattint a linkre, a dokumentum ugyanazon az ablakban nyílik meg, mint az oldal, t.E. Az oldaluk zárva lesz. És ez nem jó. Különösen a támogatott tartalomprojektek vagy blogok esetében javasoljuk, hogy a linkre kattintva, a dokumentum megnyílik egy új ablakban, vagy lapon az oldal lezárása nélkül.

Ez segít a cél attribútumnak a _blank értékével . Semmi nehéz. Csak be kell illesztenie a nyitó címke belsejébe A href attribútum értéke után . Vegyünk az Excerpt a Hab fájlból, ahol linket tettünk a Hab oldalra, csak most írom ezt a legtöbb attribútumot. Úgy néz ki, mint ez:

Nos, minden világos. Most, amikor rákattint a tartalomra, a kívánt oldal új ablakban nyílik meg. Ez a dolog nagyon szükséges, mert ha nem regisztrálja, a felhasználó egyszerűen megközelíti az oldalát. És mindenesetre továbbra is fennáll, csak akkor, ha nem zárja be magát. Próbáld meg mindent megtenni magad, csak tegyen mindent a fogantyúival. Ne másoljon és helyezze be.

Valahogy tetszik ez. Úgy tűnik, hogy a legfontosabb dolog elmondta, de ha ezt az irányba szeretné mozgatni, és fedezze fel a HTML és a CSS-t, hogy professzionális webhelyeket, blogokat és online áruházakat hozzon létre, akkor biztosan megnézi a téma nagyszerű videó tanfolyamát. Az órák nagyon jó, és azt mondja valóban azok számára, akik még ismerik a honlapkészítés vagy ismeretlen egyáltalán.

Nos, ezen a naplóban befejeződött. Remélem, hogy tetszik a cikkem, és örülök, ha a rendszeres olvasóm leszel. Ezért ne felejtsd el feliratkozni a blogom frissítéseire, hogy ne hagyjanak ki valami érdekeset. Nos, sikert kívánok minden törekvésedben. Viszlát!

Ebben a leckében beszélünk, Hogyan lehet linket készíteni a HTML-re. A linkeket gyakran használják a webhelyeken, lehetővé teszik, hogy az oldal egyik oldaláról a másikra mozogjon. A linkek jellemzője, hogy nem csak a weboldalon, hanem a fájlok, képek stb.

A linkek lehetnek belsőek és külsőek. A belső linkek felett az oldalakon és fájlokon át az egyik oldalon. Külső linkek vezetnek harmadik fél webhelyeken, dokumentumokban és fájlokban. Ugyanakkor ezek a hivatkozási típusok szinte ugyanúgy vannak beállítva.

Hogyan lehet linket készíteni a HTML-re, példákra

Link létrehozásához használt címke . Ez a címke bizonyos attribútumokkal rendelkezik:

1. Href — Felelős, hogy hol kell a linket. A standard link az alábbiak szerint állítható: Link szöveg.

2. Cél — Felelős a dokumentum megnyitása. Alapértelmezés szerint az új dokumentum az aktuális böngészőablakban nyílik meg. A cél attribútum lehetővé teszi, hogy megnyitjon egy linket egy új böngészőablakban. Ez az attribútum a következő paraméterekkel rendelkezik:

  • _BLANK — Letöltések egy oldalt egy új ablakban;
  • _Self — letölti az oldalt az aktuális ablakban;
  • _Parent — letölt egy oldalt egy keretszülőkben;
  • _Top — törli az összes keretet és letölt egy oldalt egy új ablakban.

3. Név — Egy adott területre való belépéshez használt. A szimbólum után a rácsot az idézőjelek kulcsszava (könyvjelző vagy címke) határozza meg. A címkén való lépéshez egy linket használnak, amelyben ezt a címkét előírja.

Fontolgat, Hogyan lehet linket készíteni a HTML-re Példák:

1. példa. Külső referencia.

Ebben a példában a linket az oldalra hívják, ami a webhelyemhez vezet.

2. példa. Külső hivatkozás, amely egy új ablakban nyílik meg.

Ebben a példában a link új ablakban nyílik meg. Ha a linken való lebegés akkor jelenik meg a címben előírt utasítások szövege.

3. példa. Belső referencia.

4. példa. Képek linkekként.

5. példa. Link egy adott területre belső oldalra.

Ebben a példában a lista címke az oldalra telepítve van a név attribútum használatával. A címkével kapcsolatos hivatkozás átmenetet biztosít egy adott oldalterületre.

6. példa. Link a letöltési fájlhoz.

7. példa. E-mail link.

Beállíthatja a referenciák színét olyan attribútumokkal, amelyek a testcímként paraméterekként vannak megadva. Tekintsük ezeket az attribútumokat:

  • Link — Nem látogatott link, alapértelmezés szerint kéken jelenik meg;
  • Alink aktív link, az alapértelmezett piros;
  • vlink — meglátogatott link, alapértelmezett lila színű.

8. példa. Feladat színes linkek.

Így kitaláltuk, hogy a HTML-hez kapcsolódnak a HTML-hez. A linkek bizonyos tervezési stílusokat kaphatnak. A CSS-ben lévő linkek stílusairól a linkre kattintva megtekinthetők.

Комментарии закрыты, но обратные ссылки и pingbacks ещё работают.