Hogyan lehet átállni a HTML oldalra

HTML Hogyan lehet átállni egy másik oldalra

Tartalom

Hogyan lehet egyszerűen beilleszteni egy hiperhivatkozást a HTML-ben bármely oldalra vagy objektumra?

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-t. 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 “Yandex keresőmotor” szövegére, akkor egy 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ékében írjon “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ékre vált, és kattinthatóvá vált, ami azt jelenti, hogy a linkre kattintva a HAB-fájlra esünk, 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!

HTML Links: Hogyan készítsünk linkeket más weboldalakra

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 = “_ blank” 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ása a cikk „HTML linkek: Hogyan lehet létrehozni Hivatkozások oter weblapok” által készített barátságos HAB projekt

Hogyan készítsünk egy linket html

Ebben a leckében fogunk beszélni, hogyan lehet egy linket html. Kapcsolatok nagyon gyakran használják olyan helyeken, lehetővé teszik, hogy egyik oldalról a másik oldalon, hogy. Ez a funkció a linkeket, hogy azok is vezethet nemcsak a weblapon, hanem a fájlok, képek, stb.

Linkek lehet belső és külső. Több mint a belső linkeket, át oldalak és fájlok egyetlen honlapon. Külső linkek vezetnek a harmadik fél helyek, dokumentumok és fájlok. Ugyanakkor, az ilyen típusú referencia vannak beállítva, szinte egyformán.

Hogyan készítsünk egy linket a html, példák

Ahhoz, hogy hozzon létre egy link a tag . Ez a címke vannak bizonyos tulajdonságai:

1. Href – felelős, ahol a link must. Normál kapcsolat beállítása a következőképpen: Link szövege.

2. Cél – felelős azért, amit ablakban a dokumentum megnyílik. Alapértelmezésben az új dokumentum megnyílik az aktuális böngészőablakban. A “TARGET” attribútum lehetővé teszi egy új böngészőablakban lévő link megnyitását. 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 rács szimbólum után a kulcsszó (könyvjelző vagy címke) idézetekben jelenik 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 “Ugrás a webhelyre” nevezik, 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 linkre való lebegés akkor jelenik meg a tipp szövegét, amelyet a “Cím”.

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 oldalon található a név attribútum segítségével. 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 hivatkozások színét olyan attribútumokkal, amelyek a “Body” címkén 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.

Források:

Hab

Hab

Hogyan lehet linket készíteni a HTML-re