Sissejuhatus HTML-teksti lingi

HTML-link võib olla link või hüperlink. Seda kasutatakse teisele lehele, pildile, veebisaitidele ümbersuunamiseks, see võib olla ükskõik. Samuti navigeeriti samal lehel konkreetses jaotises. Nad kasutasid andmete renderdamist, dokumenteerides lihtsalt neile klõpsates. Me mässime oma dokumendi, pildid, URL-i või andmed lihtsalt teksti sisse. See võib osutada ka samal lehel või teisel lehel asuvale failile, objektile või muule, olenevalt nõudest. Kui liigutame hiire HTML-i lingi kohal, muudab see kursori mõnele teisele ikoonile. Meie artikli järgmises jaotises saame arutada, kuidas need töötavad ja kuidas neid luua. Selles teemas tutvume HTML-teksti linkimisega.

HTML-lingi süntaks

Saame luua oma esimese HTML-i lingi järgmisest süntaksist. Allpool toodud süntaksis hakkame kasutama teistsugust silti, atribuute ja neile vastavaid atribuute.

Link your corresponding text here

Ülaltoodud süntaksis kasutame ankrumärgendit html-lingi või hüperlingi loomiseks. Me arutame seda ankrusilti üksikasjalikult.

Ankrusilt on silt, mille kaudu saame oma teksti, fraasi või sõna kinnitada või linkida, et luua väline või sisemine link. Ankurdusmärgi abil loome oma lehtedele URL-i, mida saab kasutada navigeerimiseks mis tahes muule lehele, veebisaidile või lehe samasse jaotisse.

Ankurdusmärgise kasutamisega on meil palju eeliseid, mida mainitakse allpool.

  • Korraldamine: see aitab meie andmeid korrastada. Me ei pea looma mitu veebilehte, samuti ei pea haldamiseks oma andmeid tükkideks jagama - saame oma andmeid hõlpsalt ühes kohas korraldada.
  • Pole kerimist: kasutades html-linki või võime öelda html-siselinke, ei pea me muretsema tõesti pikkadel lehtedel kerimise pärast, vaid klõpsame sellel lingil soovitud lehe leidmiseks samal lehel. Nii on lehelt andmete või jaotiste leidmine hõlbus.

Kuidas luua ankur sildi?

Nagu ülaltoodud süntaksist näete, oleme nüüd seal nii palju asju kasutanud, vaatame lähemalt, kuidas luua ja kuidas see töötab.

Põhimõtteliselt koosneb see kolmest erinevast osast (atribuut):

  1. href atribuut
  2. sihtmärgi atribuut
  3. nime atribuut

1. atribuut href

Hrefi atribuut tähistab hüperteksti viidet. Oletame, et tahame luua hüperlingi, nii et esimene nõue on dokumendi aadress, mis võib olla ükskõik milline muu veebisait, fail, näiteks PDF jne.

So for example : Google

Selles http://www.google.com on väärtus, mille omistame atribuudile href. Nii et iga kord, kui me Google'il klõpsame, suunab see meid uuesti google'i kodulehe lingile. Seega atribuut href sisaldab dokumendi aadressi. Võime mainida ka oma HTML-i linki href-i.

Näiteks

My page

2. sihtmärgi atribuut

Atribuut sihtmärk määratleb, kuidas dokument avaneb. Sellel on palju liike ja me saame neid vastavalt oma vajadustele kasutada.

  • _parent: avab lisatud dokumendi lihtsalt vanemraami.
  • _blank: see avab dokumendi uude vahelehte või aknasse.
  • _top: see avab lisatud dokumendi täiseknas.
  • _ Self: See avab dokumendi samas aknas või samal vahekaardil, milles sellel klõpsatakse. Vaikimisi on see sihtmärk lubatud. Saame seda muuta järgmiselt:

Your Link text

Siin on sihtmärk = ”_ tühi” selle kasutamise süntaks.

3. nime atribuut

Nimi atribuuti kasutatakse lehe mingisse punkti hüppamiseks või sinna liikumiseks. See võib olla kasulik siis, kui meil on VRU suur leht, millel on nii palju sisu. See aitab säästa kasutajate leidmist ja aega kerimata. Allpool olev süntaks:

or

Selles e klõpsake lihtsalt lehe lõppu liikumiseks ilma allapoole kerimata.

Section

See brauser tuvastab jaotise, kuid me peame kasutama atribuudiga (#).

Link your text

Selle abil saame sisemiselt viidata mõne teise lehe pealkirjale. Siin tuleb kasutada ka numbrit (#) lehe aadressi lõpus.

HTML-lingi värvid

Saame ka oma HTML-lingile värve pakkuda. Vaikimisi on neil kolm lingi värvi olekut, see ilmub kõigis brauserites.

  • Aktiivne link: kui klõpsame mis tahes lingil, muutub see aktiivseks lingiks, millel on alla joonitud ja punane värv.
  • Külastamata lingid: külastamata linkide brauseri vaikimisi põhivärv on sinine ja alla joonitud.
  • Külastatud lingid: need on lillad ja alla joonitud.

Kuid saame ka oma kohandatud värvid linkimiseks allpool oleva süntaksi abil. Meie lingile värvi saamiseks saame seda erinevat tüüpi kasutada. Kuid me kasutame siin tekstisisest CSS-i, kui soovite, et saaksite luua ka välise CSS-i.

  • Esitage otse värvi nimi.
  • Kasutades HEX-värvikoodi.
  • Kasutades väärtusi rgb () ja rgba ().
  • Kasutades väärtusi hsl ja hsla ().

Red Link

Selles saame värvinime otse stiili atribuuti määratleda. See on sisemine CSS.

Red color code

Siin täpsustame värvi, kasutades värvikoode. (HEX värvikoodid)

Red color

Meie linkide värvi määramiseks võime kasutada ka RGB () väärtusi. Värvi läbipaistmatust saab kontrollida rgb () abil.

Red color

Saame rbg () asendada rgba (), kuid peame täpsustama neljanda läbipaistvuse ja läbipaistmatuse väärtuse.

Red color

Saame kasutada ka linki HSL t. HSL tähistab põhimõtteliselt tooni, küllastust ja kergust. Värvi määramiseks võime kasutada ka HSLA-d, kuid hsla () -sse peame lisama veel ühe parameetri.

Järeldus - HTML-i teksti link

Nii et sortimises kasutame HTML-is hüperlingi või lingi loomiseks ankrusilti ja selle atribuute. HREF sisaldab dokumendi aadressi, dokumendi käitlemise eest vastutavat sihtpunkti. Saame oma lingi värvida ka tekstisisese või välise CSS-i abil.

Soovitatavad artiklid

See on HTML-teksti lingi juhend. Siin arutleme HTML-i värvide ja HTML-i lingi süntaksi abil ankurdusmärgi loomise kohta. Võite lisateabe saamiseks vaadata ka järgmisi artikleid -

  1. HTML-tekstiredaktorid
  2. Kujutise link HTML-is
  3. HTML-vormingu juhtelemendid
  4. HTML-i versioonid
  5. HTML-raamid
  6. HTML-plokid
  7. Seadistage HTML-is taustavärv näitega

Kategooria:

Veebiarenduse tööriistad