Bevezetés a HTML szöveges linkbe
A HTML link lehet link vagy hiperhivatkozás. Ez arra szolgál, hogy átirányítson egy másik oldalra, képre, webhelyre, bármi lehet. Ugyanezen az oldalon navigáltak az adott szakaszhoz is. Rendszerint adatokat szolgáltattak, dokumentáltak, csak rákattintva. Csak betekerjük a dokumentumot, képeket, URL-jünket vagy adatainkat a szövegbe. Utalhat egy fájlra, tárgyra vagy bármire is, amely ugyanazon az oldalon vagy a másik oldalon függ a követelménytől. Ha az egérmutatót a HTML link fölé viszi, a kurzor más ikonra változik. Cikkünk következő szakaszában megvitathatjuk, hogyan működnek és hogyan lehet őket létrehozni. Ebben a témában megismerjük a HTML szöveg linket.
A HTML Link szintaxisa
A következő szintaxissal létrehozhatjuk az első HTML linkünket. Az alábbi szintaxisban egy másik címkét, attribútumokat és azok megfelelő tulajdonságait fogjuk használni.
Link your corresponding text here
A fenti szintaxisban a rögzítőcímkét használjuk html hivatkozás vagy hiperhivatkozás létrehozására. Ezt a rögzítőcímkét részletesen tárgyaljuk.
A horgonycímke egy olyan címke, amelyen keresztül szöveget, kifejezést vagy szót csatolhatunk vagy összekapcsolhatunk külső vagy belső link létrehozása céljából. A horgonyzócímke segítségével URL-t hozunk létre oldalainkon, amelyek felhasználásával navigálhatunk bármely más oldalra, webhelyre vagy az oldal ugyanazon szakaszában.
A horgonycímke használatával számos előnye van, amelyeket alább említünk.
- Szervezés: Segít az adatok megszervezésében. Nem kell több weboldalt elkészítenünk, adatkezelési feladatokat nem kell felosztani kezelési célokra. Az adatokat egyszerűen csak egy helyre tudjuk rendezni.
- Nincs görgetés: A html link használatával, vagy mondhatjuk a html belső linkeket, nem kell aggódnunk az igazán hosszú oldalakon való görgetés miatt, rákattinthatunk erre a linkre, hogy megtaláljuk a kívánt részt ugyanazon az oldalon. Tehát megkönnyíti az adatok vagy szakaszok megtalálását az oldalon.
Hogyan lehet létrehozni egy horgonycímkét?
Mint látható a fenti szintaxisból, annyi dolgot használtunk ott, most közelebbről megvizsgáljuk, hogyan kell létrehozni és hogyan működik.
Alapvetően három különböző részből áll (attribútum):
- href attribútum
- cél attribútum
- név attribútum
1. href attribútum
A Href attribútum a hipertext referenciát jelenti. Tegyük fel, hogy hiperhivatkozást akarunk létrehozni, tehát az első követelmény a dokumentum címe, amely bármilyen lehet, mint egy másik webhely, bármilyen fájl, például PDF stb.
So for example : Google
Ebben a http://www.google.com az az érték, amelyet href attribútumunkhoz rendelünk. Tehát minden alkalommal, amikor rákattintunk a Google-ra, átirányít minket a google kezdőlap linkjére. Ezért a href attribútum tartalmazza a dokumentum címét. Megemlíthetjük a href-re mutató saját HTML linkünket is.
Például
My page
2. cél attribútum
A célattribútum meghatározza, hogy a dokumentum hogyan nyílik meg. Sokféle típusa van, és igényeink szerint felhasználhatjuk őket.
- _parent: Csak megnyitja a csatolt dokumentumot a szülőkeretbe.
- _blank: Megnyitja a dokumentumot az új lapon vagy ablakban.
- _top: Teljes ablakban megnyitja a csatolt dokumentumot.
- _elf: megnyitja a dokumentumot ugyanabba az ablakba vagy ugyanabba a fülbe, amelybe kattintott. Az alapértelmezés szerint ez a cél engedélyezve van. Az alábbiak szerint módosíthatjuk:
Your Link text
Itt a cél = ”_ üres” a használatának szintaxisa.
3. név attribútum
A névattribútumot arra használják, hogy az oldal valamelyik pontjára ugorjanak, vagy ott navigáljanak. Ez hasznos lehet, ha olyan sok tartalommal rendelkező VRU-oldal van. Ez elősegíti a felhasználó keresésének és az idő megtakarítását görgetés nélkül. Az alábbi szintaxis:
or
Ebben az e kattintással egyszerűen eljuthat az oldal végére, lefelé görgetés nélkül.
Section
Ez a böngésző azonosítja a szakaszt, de a (#) nevet kell használni a név attribútummal.
Link your text
Ezzel belsőleg hivatkozhatunk egy másik oldal “címére”. Itt is (#) kell használni az oldal címének végén.
HTML link Színek
Színeket is tudunk biztosítani a html linkünkhöz. Alapértelmezés szerint három állapotuk van a link színéhez, ez minden böngészőben megjelenik.
- Aktív link: Ha rákattintunk bármelyik linkre, annak aláhúzott és piros színű aktív linkgé válik.
- Láthatatlan linkek: A nem megjelenített hivatkozások alapértelmezett böngészője kék színű és aláhúzott.
- Látogatott linkek: Ezek lila és aláhúzott.
De az egyedi színeket is megadhatjuk a szintaxis alatt történő összekapcsoláshoz. Ezt a különféle típust követjük, hogy színt nyújtsunk linkünkhöz. De itt inline CSS-t használunk, ha szeretné, külső CSS-t is létrehozhat.
- Közvetlenül adja meg a szín nevét.
- A HEX színkód használatával.
- Az rgb () és az rgba () értékek használatával.
- A hsl és a hsla () értékek használatával.
Red Link
Ebben a színnevet közvetlenül megadhatjuk a stílusattribútumba. Ez egy beépített CSS.
Red color code
Itt a színt színkódok segítségével adjuk meg. (HEX színkódok)
Red color
Az RGB () értékeket használhatjuk a linkek színének meghatározására is. Az rgb () segítségével ellenőrizhetjük a szín átlátszóságát.
Red color
Az rbg () -et lecserélhetjük az rgba () -ra, de meg kell határoznunk a negyedik értéket az átláthatóság és az átlátszatlanság érdekében.
Red color
Használhatunk HSL t színt is a linkünkre. A HSL alapvetően az árnyalatot, a telítettséget és a világosságot jelenti. Használhatunk HSLA-t is a szín megadására, de meg kell adnunk még egy paramétert a hsla () -ben.
Következtetés - HTML szöveges link
Tehát a Sort alkalmazásban horgonycímkét és annak attribútumait használjuk a hiperhivatkozás vagy link HTML-ben történő létrehozására. A HREF tartalmazza a dokumentum címét, a célért, amely a dokumentum kezeléséért felelős. Színeink is színesíthetők inline vagy külső CSS használatával.
Ajánlott cikkek
Ez egy útmutató a HTML szöveg hivatkozásához. Itt tárgyaljuk egy horgonycímke létrehozásának módját a HTML link színekkel és a HTML link szintaxisával. Lehet, hogy megnézi a következő cikkeket is, ha többet szeretne megtudni -
- HTML szövegszerkesztők
- Image Link HTML formátumban
- HTML űrlapvezérlők
- Html verziói
- HTML keretek
- HTML blokkok
- Állítsa be a háttér színét HTML-ben a Példa segítségével